@charset "UTF-8";
@font-face {
  font-family: Lato-local;
  src: url(../fonts/Lato/Lato-Regular.ttf) format("truetype"); }
@font-face {
  font-family: Lato-local;
  src: url(../fonts/Lato/Lato-Italic.ttf) format("truetype");
  font-style: italic; }
@font-face {
  font-family: Lato-local;
  src: url(../fonts/Lato/Lato-Black.ttf) format("truetype");
  font-weight: 900; }
@font-face {
  font-family: Lato-local;
  src: url(../fonts/Lato/Lato-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic; }
@font-face {
  font-family: Lato-local;
  src: url(../fonts/Lato/Lato-Bold.ttf) format("truetype");
  font-weight: 700; }
@font-face {
  font-family: Lato-local;
  src: url(../fonts/Lato/Lato-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: OpenSans-local;
  src: url(../fonts/OpenSans/OpenSans-Regular.ttf) format("truetype"); }
@font-face {
  font-family: OpenSans-local;
  src: url(../fonts/OpenSans/OpenSans-SemiBold.ttf) format("truetype");
  font-weight: 600; }
@font-face {
  font-family: OpenSans-local;
  src: url(../fonts/OpenSans/OpenSans-Bold.ttf) format("truetype");
  font-weight: 700; }
@font-face {
  font-family: OpenSans-local;
  src: url(../fonts/OpenSans/OpenSans-ExtraBold.ttf) format("truetype");
  font-weight: 800; }
.highlight-flash {
  animation: highlight_flash 1.5s cubic-bezier(0, 0, 0, 1.41); }

@keyframes highlight_flash {
  0%,90% {
    box-shadow: -1px 0px 20px 0px #70c6ff; }
  30% {
    box-shadow: -1px 0px 8px 10px #43a7e8; }
  100% {
    box-shadow: -1px 0px 20px 0px rgba(0, 0, 0, 0); } }
html {
  min-height: calc(100% - 94px);
  width: 100%;
  background-color: #F7F8FC; }

body {
  min-height: 100%;
  color: #4A4C50;
  font-family: 'Lato', 'Lato-local', "trebuchet MS", helvetica, sans-serif;
  font-size: 10px !important;
  background-color: #F7F8FC; }
  body select, body input, body textarea, body button {
    font-family: 'Lato', 'Lato-local', "trebuchet MS", helvetica, sans-serif; }

p {
  font-size: 1.4em;
  line-height: 1.6em; }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5em;
  font-weight: bold;
  font-family: 'Open Sans', OpenSans-local; }

h1 {
  font-size: 18px; }

h2 {
  font-size: 1.6em;
  font-size: 1.4em; }

h3 {
  font-size: 1.4em; }

h4 {
  font-size: 1.1em; }
  h4 .description {
    font-weight: normal;
    font-size: 90%;
    color: #999; }

h5 {
  font-size: 1em; }

h6 {
  font-size: 1.3em;
  font-weight: normal;
  color: #232323;
  border-bottom: 1px solid #C1C8CF;
  display: inline-block;
  padding: 0 0.5em 0; }

#doc3 {
  min-height: 650px;
  height: 100%;
  position: relative;
  margin-bottom: 94px; }
  #doc3 #bd {
    padding: 2em 4em; }

#bd {
  background-color: #F7F8FC;
  position: relative;
  padding-top: 0.45em;
  min-height: 100vh;
  margin-bottom: -111px; }
  #bd .yui-g#content, #bd #yui-main, #bd .yui-b#sidebar {
    margin-bottom: 17em; }

.ui-widget-header:not(.ui-dialog-titlebar), .ui-tabs {
  background: none;
  border: none; }
  .ui-widget-header:not(.ui-dialog-titlebar) .ui-tabs-panel, .ui-tabs .ui-tabs-panel {
    background: #FEFEFE;
    -webkit-border-radius: 0px 5px 5px 5px;
    -moz-border-radius: 0px 5px 5px 5px;
    -o-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px; }
    .ui-widget-header:not(.ui-dialog-titlebar) .ui-tabs-panel .content-box .body, .ui-tabs .ui-tabs-panel .content-box .body {
      background: white; }

.ui-tabs-nav {
  padding: 0.2em 0.2em 0 0; }
  .ui-tabs-nav li.ui-state-default.ui-corner-top:first-child {
    margin-left: -2px;
    margin-right: 2px; }
  .ui-tabs-nav .info-button {
    padding-top: 2px !important;
    color: #275482 !important; }
  .ui-tabs-nav .ui-state-default .info-button {
    display: none; }
  .ui-tabs-nav .ui-state-active .info-button {
    display: inherit; }

.ui-tabs-panel {
  border-width: 1px !important; }

.ui-tabs-panel, .ui-state-default {
  border-color: #b5d0e0 !important;
  transition: border 500ms ease-in;
  -webkit-transition: border 500ms ease-in;
  -moz-transition: border 500ms ease-in;
  -o-transition: border 500ms ease-in; }

.ui-tabs:hover .ui-tabs-panel, .ui-tabs:hover .ui-state-default {
  border-color: #73b2d8 !important; }

a {
  color: #1758AC;
  text-decoration: none; }
  a:hover {
    color: #1D4B7A; }
  a:active {
    color: #2B7DE1; }

a:link, a:visited, a:hover, a:active, a:focus, .link-ish {
  border-bottom-width: 1px;
  padding-bottom: 1px; }

a:hover, a:active, .link-ish:hover {
  cursor: pointer; }

.link-ish:hover {
  text-decoration: underline; }

.link-ish:active {
  color: #2B7DE1; }

.hoverable:hover {
  cursor: pointer; }

.ghosted {
  color: #999; }

.link-ish {
  color: #1758AC;
  background: transparent;
  border: 0;
  font-size: 1em;
  font-family: 'Lato', 'Lato-local', "trebuchet MS", helvetica, sans-serif;
  display: inline; }

.link-ish:hover {
  cursor: pointer;
  color: #1D4B7A; }

.administrator {
  font-style: italic; }

strong {
  font-weight: bold; }

em {
  font-style: italic; }

select, input {
  font-family: 'Lato', 'Lato-local', "trebuchet MS", helvetica, sans-serif; }

code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea {
  font-size: 1em; }

select {
  font-size: 1em; }

textarea {
  width: 40em;
  height: 4em; }

ol {
  margin: 1em 0 1em 2em; }
  ol li {
    list-style: decimal outside; }

ul li {
  font-size: 1.1em; }

table {
  font-size: 1.5em; }
  table caption {
    margin-bottom: 0.5em;
    text-align: center; }
  table thead {
    background-color: #EBEBF1; }
  table .open-thead {
    background: inherit; }
  table th, table td {
    border: solid 1px #BBB;
    padding: 0.5em; }
  table th.pseudo-header, table td.pseudo-header {
    background-color: #EBEBF1;
    font-weight: bold;
    text-align: right; }
  table th {
    font-weight: bold;
    text-align: center;
    vertical-align: bottom; }
  table td.nowrap {
    white-space: nowrap; }
  table td.break-words {
    word-break: break-all; }

form fieldset {
  margin-bottom: 8px; }
  form fieldset .text {
    display: inline-block;
    margin-top: 8px; }
  form fieldset label {
    padding-top: 4px;
    float: left;
    margin-right: 1em;
    text-align: right;
    width: 12em;
    color: #494a54; }
  form fieldset .centered {
    vertical-align: top;
    height: 26px;
    line-height: 26px; }
  form fieldset select {
    padding: 2px 7px 3px 7px;
    height: 28px;
    min-width: 232px; }
  form fieldset input[type='checkbox'] {
    height: 27px; }
  form fieldset input[type='text'], form fieldset input[type='password'], form fieldset input[type='tel'], form fieldset input[type='number'], form fieldset textarea {
    padding: 5px 7px;
    box-shadow: inset 0 1px 2px #D9DADD; }
  form fieldset input[type='text'], form fieldset input[type='password'], form fieldset input[type='tel'], form fieldset input[type='number'], form fieldset textarea, form fieldset select {
    font-size: 14px;
    border: 1px solid #BBB;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
form .big-select-holder {
  margin-bottom: 16px; }
  form .big-select-holder label {
    width: 9em;
    display: block !important;
    margin-bottom: 4px;
    text-align: right; }
  form .big-select-holder select {
    margin-left: 3em;
    width: calc(100% - 6em); }
form .checkbox-field-holder {
  padding-left: 3em;
  margin: 4px 10em 4px 0px; }
  form .checkbox-field-holder input[type='checkbox'] {
    margin-right: 6px; }
  form .checkbox-field-holder.disabled {
    pointer-events: none;
    opacity: 0.7; }
  form .checkbox-field-holder:not(.disabled) label, form .checkbox-field-holder:not(.disabled) input {
    cursor: pointer; }
  form .checkbox-field-holder .field-info {
    clear: left;
    float: left;
    font-weight: bold;
    margin-right: 1em;
    text-align: right;
    width: 14em;
    color: #BBB; }
  form .checkbox-field-holder .spacer {
    float: left;
    margin: 0em 1em 0em 0em;
    width: 14em; }
  form .checkbox-field-holder .field-detail {
    font-size: 1em;
    line-height: 1.2em;
    margin: 0em; }
  form .checkbox-field-holder ul li {
    margin-left: 15em; }
form input.requires-input {
  background-color: #FF5; }
form input.invalid-input {
  background-color: #D43; }
form .critical {
  color: #D43; }

.clear, .clear-2 {
  clear: both; }

.clear-left {
  clear: left; }

.clear-right {
  clear: right; }

.spacer {
  margin-top: 4px; }

.hover-clickable:hover {
  cursor: pointer; }

#var_all, .tag #tabs {
  word-wrap: break-word; }

ul.info-list {
  display: inline-block;
  vertical-align: top;
  margin: 0.5em 0;
  width: 49%;
  min-width: 52em; }
  ul.info-list .experiment-name-edit-button {
    display: inline; }
  ul.info-list li {
    font-size: 1.2em; }
    ul.info-list li ul:not(.label-list) {
      display: block; }
      ul.info-list li ul:not(.label-list) li {
        float: left;
        display: block; }
      ul.info-list li ul:not(.label-list) > li.label {
        clear: both;
        padding-right: 0.5em;
        text-align: right;
        width: 11em;
        padding-bottom: 0.25em;
        color: #35526F; }
      ul.info-list li ul:not(.label-list) li.content {
        min-width: 290px;
        width: calc(100% - 11.5em); }
  ul.info-list .content {
    word-wrap: break-word; }

ul.label-list {
  display: inline; }
  ul.label-list li.label {
    background-color: #22405D;
    display: inline-block;
    font-size: 0.9em;
    margin: 0 0.15em 2px 0.15em !important;
    text-align: center;
    vertical-align: top;
    position: relative;
    padding: 3px 26px 4px 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    ul.label-list li.label a.label-link, ul.label-list li.label a.remove-link {
      text-decoration: none; }
    ul.label-list li.label a.label-link:hover, ul.label-list li.label a.remove-link:hover {
      color: #ACE;
      background: none; }
    ul.label-list li.label a.label-link {
      color: #D8ECFF;
      padding-left: 0.45em;
      padding-right: 0.15em; }
    ul.label-list li.label.black-label > .label-link {
      color: black; }
    ul.label-list li.label.white-label > .label-link {
      color: white; }
    ul.label-list li.label a.remove-link {
      color: #D8ECFF;
      position: absolute;
      right: 7px;
      top: 3px;
      width: 12px; }
    ul.label-list li.label .hidden-until-hover-parent {
      opacity: 0.1;
      -webkit-transition: opacity 160ms ease-out;
      -moz-transition: opacity 160ms ease-out;
      -o-transition: opacity 160ms ease-out;
      -ms-transition: opacity 160ms ease-out;
      transition: opacity 160ms ease-out; }
    ul.label-list li.label:hover .hidden-until-hover-parent {
      opacity: 1; }

ul.item-list {
  font-size: 1.1em;
  margin: 0.5em 1em; }
  ul.item-list li {
    list-style-type: disc; }

.hover-editable:hover {
  color: #333;
  background: #ffd;
  cursor: pointer; }

.fake-select {
  overflow: auto; }
  .fake-select .fake-option {
    cursor: pointer;
    font-family: 'Lato', 'Lato-local', arial, helvetica, clean, sans-serif;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .fake-select .fake-option:hover {
    background-color: #cde1ee; }
  .fake-select .selected {
    background-color: #a2bbd4; }
  .fake-select .selected.fake-option:hover {
    background-color: #aec1d4; }
  .fake-select .disabled {
    color: #9E9E9E;
    cursor: default; }
  .fake-select .disabled:hover {
    background-color: inherit !important; }

.import_compensation_select {
  overflow: scroll;
  min-width: 248px;
  max-width: 450px;
  height: 130px;
  padding: 4px;
  padding-top: 1px;
  border: 1px solid #ddd;
  margin: 4px 0px 2px 8px;
  white-space: nowrap; }

.compensation_form_holder {
  margin-left: 8px;
  line-height: 170%;
  font-size: 110%; }

#convert-to-password-form ul li {
  font-size: 12px !important; }

.ui-autocomplete .ui-menu-item.no-user-found {
  cursor: default;
  font-size: 0.83rem;
  font-style: italic;
  margin-top: 0.6em; }

.ui-autocomplete-input.ui-autocomplete-loading {
  background: url(../images/ajax-loader.gif) no-repeat right center; }

.user-autocomplete-entry {
  text-align: left;
  position: relative; }
  .user-autocomplete-entry .ui-menu-item-wrapper {
    display: block;
    font-size: 1.4em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .user-autocomplete-entry .ui-menu-item-wrapper.ui-state-active {
      border: 1px solid #73b2d8;
      background: #eff5fd url(images/ui-bg_flat_75_eff5fd_40x100.png) 50% 50% repeat-x;
      color: #225482; }
  .user-autocomplete-entry .user-autocomplete-text {
    position: absolute;
    top: 19px;
    left: 58px; }
  .user-autocomplete-entry .ui-state-focus .user-autocomplete-text {
    top: 20px; }

.autocomplete-no-results {
  position: relative; }
  .autocomplete-no-results span {
    position: absolute;
    top: -1px;
    padding: 0.35em 0;
    width: 98%;
    text-align: center;
    background-color: #FED;
    border-color: #F81;
    border-style: solid;
    border-width: 1px;
    color: #F81;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }

.comp-matrix table td.identity {
  font-weight: bold;
  color: #999; }
.comp-matrix table td.comp-set {
  font-weight: bold;
  color: #00f; }
.comp-matrix table td.zero {
  color: #999; }

table.information-table {
  width: 100%;
  font-size: 16px; }
  table.information-table thead {
    background: none !important; }
    table.information-table thead th {
      background-color: #EBEEF3; }
    table.information-table thead th:first-child {
      -webkit-border-radius: 5px 0px 0px 5px;
      -moz-border-radius: 5px 0px 0px 5px;
      -o-border-radius: 5px 0px 0px 5px;
      border-radius: 5px 0px 0px 5px; }
    table.information-table thead th:last-child {
      -webkit-border-radius: 0px 5px 5px 0px;
      -moz-border-radius: 0px 5px 5px 0px;
      -o-border-radius: 0px 5px 5px 0px;
      border-radius: 0px 5px 5px 0px; }
  table.information-table a, table.information-table a:visited {
    text-decoration: none;
    color: #1758AC; }
  table.information-table .dropdown-menu a, table.information-table .dropdown-menu a:visited {
    color: #333333; }
  table.information-table a:hover, table.information-table a:active {
    text-decoration: underline; }
  table.information-table .secondary-info {
    padding-left: 4px;
    font-style: italic; }
  table.information-table td {
    border: 0px; }
    table.information-table td .filename {
      word-break: break-all;
      max-width: 100%; }
  table.information-table th {
    border: 0px;
    text-align: left; }

#attachments-list .attachments-table {
  margin-bottom: 8px; }
#attachments-list #attach-file-section {
  margin-top: 10px; }

.attachments-table .note {
  color: #999999;
  text-align: center; }

.reagent > ul {
  text-align: left;
  display: inline-block; }
.reagent > form > ul {
  text-align: right;
  display: inline-block; }

table.reagent-information-table {
  border-collapse: collapse;
  width: 100%; }
  table.reagent-information-table a, table.reagent-information-table a:visited, table.reagent-information-table a:hover, table.reagent-information-table a:active {
    text-decoration: none;
    color: #00f; }
  table.reagent-information-table td {
    border: 0px;
    border-top: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
    font-size: 0.9em; }
  table.reagent-information-table th {
    border: 0px;
    text-align: left; }

table.experiment-information-table th, table.experiment-information-table td {
  vertical-align: top; }
table.experiment-information-table .experiment-product-name {
  font-size: 150%; }
table.experiment-information-table .experiment-product-conjugate {
  font-size: 150%; }
table.experiment-information-table .experiment-product-details .experiment-product-detail-item {
  float: left;
  width: 225px; }
  table.experiment-information-table .experiment-product-details .experiment-product-detail-item label {
    font-weight: bold; }
table.experiment-information-table .experiment-product-details .experiment-keywords {
  margin-bottom: 1em;
  width: auto;
  float: none; }

.ui-dialog .ui-dialog-content {
  max-height: 480px; }

#ft {
  position: absolute;
  height: 194px;
  width: 100%;
  border-top: solid 1px #113b64;
  background-color: #113b64;
  font-size: 1.3em;
  margin: 1em 0 0 0;
  text-align: center;
  z-index: 11; }
  #ft ul {
    list-style: none;
    margin: 1em auto; }
    #ft ul li {
      display: inline;
      margin: 1em; }
  #ft ul.menu, #ft ul.copyright {
    margin: 1em auto; }
    #ft ul.menu a, #ft ul.copyright a {
      margin: 0.5em 0;
      padding: 0.95em;
      text-decoration: none; }
    #ft ul.menu a, #ft ul.menu a:visited, #ft ul.copyright a, #ft ul.copyright a:visited {
      color: #eff0f1; }
    #ft ul.menu a:hover, #ft ul.copyright a:hover {
      text-decoration: underline; }
    #ft ul.menu a:active, #ft ul.copyright a:active {
      color: #2B7DE1; }
  #ft ul.copyright, #ft ul.lastlogin {
    color: #ced1d4;
    font-size: 0.8em;
    font-weight: normal;
    margin: 0;
    padding: 0; }
    #ft ul.copyright li, #ft ul.lastlogin li {
      margin: 0; }
  #ft ul.lastlogin {
    color: #ced1d4;
    padding-bottom: 1em; }

.messages .message, .messages-bottom .message {
  background-color: #e1f6ef;
  border: solid 2px #32b394;
  color: #009158;
  font-size: 15px;
  font-family: 'Lato', 'Lato-local', "trebuchet MS", helvetica, sans-serif;
  margin: 0.5em;
  text-align: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .messages .message a, .messages .message a:hover, .messages .message a:active, .messages-bottom .message a, .messages-bottom .message a:hover, .messages-bottom .message a:active {
    display: block;
    padding: 1em;
    color: #009158 !important;
    text-decoration: none !important; }
  .messages .message a:hover, .messages-bottom .message a:hover {
    background-color: #F1FDFA; }
  .messages .message a:active, .messages-bottom .message a:active {
    background-color: #DCEDE9;
    box-shadow: 1px 1px 3px #6B998E inset; }
.messages .warning-message, .messages-bottom .warning-message {
  background-color: #FED;
  border-color: #F81;
  color: #F81; }

#user-invite-form {
  margin: 1em; }
  #user-invite-form input[type="text"], #user-invite-form textarea {
    width: 40em; }
  #user-invite-form p {
    margin: 0em 0em 1em 9.5em;
    width: 35em; }
  #user-invite-form fieldset > p:first-child {
    margin-top: 0em !important; }
  #user-invite-form .email-link-button {
    margin: 0em 0em 1em 13.3em; }

.project-members {
  width: 314px; }
  .project-members li {
    margin: 0.5em 0em 0.5em 2em; }

#edit-project-experiments-box {
  font-size: 15px; }
  #edit-project-experiments-box .project-edit-experiments-holder {
    display: inline-block;
    width: 45%; }
    #edit-project-experiments-box .project-edit-experiments-holder form select {
      width: 100%;
      margin: 0.4em 0;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
  #edit-project-experiments-box .left {
    margin-right: 1em; }

#edit-project-details-box {
  font-size: 15px; }
  #edit-project-details-box .body label, #edit-project-details-box .body input {
    font-size: 15px; }
  #edit-project-details-box .nice-button {
    padding: 0.4em 1.4em; }
  #edit-project-details-box #project_name {
    width: 33.2em; }

.legal-copy {
  padding: 1em; }
  .legal-copy h1 {
    font-size: 20px;
    margin-top: 2em; }
  .legal-copy h3 {
    font-size: 16px;
    margin-bottom: -0.5em;
    margin-top: 2em; }
  .legal-copy h4 {
    font-size: 14px;
    margin-top: 1.5em; }
  .legal-copy p {
    margin: 1em 0; }
    .legal-copy p a {
      text-decoration: underline; }
  .legal-copy .license-package {
    margin-top: 50px; }
    .legal-copy .license-package ul {
      margin: 0 0 0 4em; }
    .legal-copy .license-package:first-of-type {
      margin-top: 20px; }
  .legal-copy .license-text {
    margin-top: 10px; }
    .legal-copy .license-text div {
      max-width: 60%;
      text-align: left;
      font-style: italic;
      min-width: 700px;
      margin-left: 40px;
      max-height: 400px;
      overflow-y: auto;
      border: 1px solid gray;
      padding: 1px 40px;
      background: #fefcfc; }
  .legal-copy ul, .legal-copy ol {
    font-size: 14px;
    line-height: 22px;
    margin: 1em 0 1em 4em; }
  .legal-copy ul li {
    list-style: disc;
    font-size: 14px; }
  .legal-copy .letter-list li {
    list-style: lower-alpha; }
  .legal-copy .address-holder {
    font-size: 1.4em;
    font-family: serif;
    margin-left: 2em; }

.hidden-editable input {
  min-width: 150px; }
.hidden-editable form {
  display: inline; }

.loading-spinner {
  display: inline-block;
  background-image: url(../images/ajax-loader.gif);
  height: 16px;
  width: 16px;
  opacity: 1;
  -webkit-transition: opacity 600ms ease-out;
  -moz-transition: opacity 600ms ease-out;
  -o-transition: opacity 600ms ease-out;
  -ms-transition: opacity 600ms ease-out;
  transition: opacity 600ms ease-out; }
  .loading-spinner.yellow {
    background-image: url(../images/ajax-loader-yellow.gif) !important; }
  .loading-spinner.with-text {
    background-repeat: no-repeat;
    padding-left: 18px; }
  .loading-spinner.hidden {
    opacity: 0; }

.sp-container {
  border-color: #bbbbbb !important;
  border-radius: 0px 6px 6px 6px !important; }
  .sp-container .sp-cancel {
    color: #1346ad !important;
    font-size: 13px;
    font-weight: normal;
    vertical-align: -5px;
    padding-bottom: 7px; }
  .sp-container .sp-choose {
    padding: 6px 10px;
    color: #01254c;
    border-radius: 6px;
    background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%);
    margin-bottom: -6px; }
  .sp-container .sp-input {
    background: #fcfcfc; }
  .sp-container, .sp-container button, .sp-container input {
    font-family: inherit !important; }

.sp-color, .sp-hue, .sp-clear {
  font-family: inherit !important; }

[v-cloak] {
  visibility: hidden; }

.show-if-current-user {
  display: none !important; }

.flex-vertical-center-aligned {
  display: flex;
  align-items: center; }

.support-info-link {
  display: inline-flex;
  align-items: center;
  cursor: help !important;
  opacity: 0.3; }
  .support-info-link.with-text {
    opacity: 1; }
    .support-info-link.with-text i {
      opacity: 0.3; }
    .support-info-link.with-text:hover i {
      opacity: 1; }
  .support-info-link i {
    cursor: help !important;
    color: #a08e06 !important; }
  .support-info-link:hover {
    opacity: 1 !important;
    text-decoration: none !important; }
    .support-info-link:hover i {
      color: #D4AA0E !important; }
  .support-info-link:active i {
    color: #A7860E !important; }

.workspace {
  padding: 1em 0 4em 1em; }
  .workspace .ui-tabs-nav, .workspace .ui-tabs {
    background: white !important; }
  .workspace .header-divider-holder h3 {
    left: -4px; }
  .workspace #dose-response-view #view {
    margin-left: 250px;
    min-width: inherit; }
    .workspace #dose-response-view #view .ui-tabs-nav {
      height: 27px; }
    .workspace #dose-response-view #view #illustration-container, .workspace #dose-response-view #view #placeholder-container {
      display: block;
      border-color: #b5d0e0 !important;
      border-bottom: 1px solid #b5d0e0 !important;
      min-height: 300px;
      min-width: 70%;
      padding-bottom: 12px !important;
      -webkit-border-radius: 0px 5px 5px 5px;
      -moz-border-radius: 0px 5px 5px 5px;
      -o-border-radius: 0px 5px 5px 5px;
      border-radius: 0px 5px 5px 5px; }
  .workspace .illustration-dimensions-holder, .workspace .dose-response-dimensions-holder {
    font-size: 1.2em;
    padding-top: 1.2em;
    min-width: 110em; }
    .workspace .illustration-dimensions-holder .box, .workspace .dose-response-dimensions-holder .box {
      margin-left: 0 !important;
      margin-right: 1em !important; }
    .workspace .illustration-dimensions-holder .toggle-bar .my-button, .workspace .illustration-dimensions-holder .toggle-bar .my-button:hover, .workspace .illustration-dimensions-holder .toggle-bar .my-button:active, .workspace .dose-response-dimensions-holder .toggle-bar .my-button, .workspace .dose-response-dimensions-holder .toggle-bar .my-button:hover, .workspace .dose-response-dimensions-holder .toggle-bar .my-button:active {
      display: inline-block;
      margin: 0 0.15em 0.4em 0;
      text-decoration: none;
      cursor: pointer;
      padding: 0.2em 0.7em 0.1em 0.7em !important;
      white-space: nowrap;
      color: #1758AC;
      border-bottom: 1px solid #BBB;
      font-size: 14px;
      text-align: center; }
      .workspace .illustration-dimensions-holder .toggle-bar .my-button:first-child, .workspace .illustration-dimensions-holder .toggle-bar .my-button:hover:first-child, .workspace .illustration-dimensions-holder .toggle-bar .my-button:active:first-child, .workspace .dose-response-dimensions-holder .toggle-bar .my-button:first-child, .workspace .dose-response-dimensions-holder .toggle-bar .my-button:hover:first-child, .workspace .dose-response-dimensions-holder .toggle-bar .my-button:active:first-child {
        margin-right: -3px !important;
        -webkit-border-radius: 5px 0px 0px 5px;
        -moz-border-radius: 5px 0px 0px 5px;
        -o-border-radius: 5px 0px 0px 5px;
        border-radius: 5px 0px 0px 5px; }
      .workspace .illustration-dimensions-holder .toggle-bar .my-button:not(:last-child):not(:first-child), .workspace .illustration-dimensions-holder .toggle-bar .my-button:hover:not(:last-child):not(:first-child), .workspace .illustration-dimensions-holder .toggle-bar .my-button:active:not(:last-child):not(:first-child), .workspace .dose-response-dimensions-holder .toggle-bar .my-button:not(:last-child):not(:first-child), .workspace .dose-response-dimensions-holder .toggle-bar .my-button:hover:not(:last-child):not(:first-child), .workspace .dose-response-dimensions-holder .toggle-bar .my-button:active:not(:last-child):not(:first-child) {
        margin-left: 0 !important;
        margin-right: -3px !important;
        -webkit-border-radius: 0px 0px 0px 0px !important;
        -moz-border-radius: 0px 0px 0px 0px !important;
        -o-border-radius: 0px 0px 0px 0px !important;
        border-radius: 0px 0px 0px 0px !important; }
      .workspace .illustration-dimensions-holder .toggle-bar .my-button:last-child, .workspace .illustration-dimensions-holder .toggle-bar .my-button:hover:last-child, .workspace .illustration-dimensions-holder .toggle-bar .my-button:active:last-child, .workspace .dose-response-dimensions-holder .toggle-bar .my-button:last-child, .workspace .dose-response-dimensions-holder .toggle-bar .my-button:hover:last-child, .workspace .dose-response-dimensions-holder .toggle-bar .my-button:active:last-child {
        margin-left: 0 !important;
        -webkit-border-radius: 0px 5px 5px 0px;
        -moz-border-radius: 0px 5px 5px 0px;
        -o-border-radius: 0px 5px 5px 0px;
        border-radius: 0px 5px 5px 0px; }
    .workspace .illustration-dimensions-holder .toggle-bar .my-button:hover, .workspace .dose-response-dimensions-holder .toggle-bar .my-button:hover {
      opacity: 0.8; }
    .workspace .illustration-dimensions-holder .toggle-bar .my-button.selected, .workspace .illustration-dimensions-holder .toggle-bar .my-button:active, .workspace .dose-response-dimensions-holder .toggle-bar .my-button.selected, .workspace .dose-response-dimensions-holder .toggle-bar .my-button:active {
      box-shadow: 2px 2px 4px #1D4B7A inset;
      background: #ACE !important;
      color: white;
      text-shadow: 1px 1px #999; }
    .workspace .illustration-dimensions-holder .toggle-bar .my-button.selected:not(:hover), .workspace .dose-response-dimensions-holder .toggle-bar .my-button.selected:not(:hover) {
      background: #4585c5 !important;
      color: #f4f4f4;
      text-shadow: 1px 1px #333; }
  .workspace .illustration-tips, .workspace .loading-text, .workspace .rendering_time {
    margin-left: 115px;
    color: gray; }
  .workspace .illustration-tips {
    text-align: left; }
  .workspace .overflow-content {
    min-width: 100%;
    min-height: 500px;
    display: inline-block;
    text-align: center;
    background: white;
    border: solid 1px #b5d0e0;
    border-left: 0;
    border-bottom: 1px solid #BBB;
    margin: -1px 0 -1px 0;
    padding: 9px;
    padding-bottom: 17px;
    transition: border 500ms ease-in;
    -webkit-transition: border 500ms ease-in;
    -moz-transition: border 500ms ease-in;
    -o-transition: border 500ms ease-in; }
    .workspace .overflow-content:hover {
      border-color: #73b2d8; }
    .workspace .overflow-content.control-highlighting-enabled .control-cell {
      background-color: #eeffee; }
    .workspace .overflow-content.control-highlighting-enabled .control-text {
      background-color: rgba(238, 255, 238, 0.41); }
    .workspace .overflow-content.control-highlighting-enabled .empty-control-cell {
      background-color: #FFEEDD;
      color: #FF591A; }
    .workspace .overflow-content.control-highlighting-enabled .control-text {
      padding: 3px; }
  .workspace #illustration-content {
    position: relative;
    min-width: calc(100% - 257px); }
    .workspace #illustration-content .data-table, .workspace #illustration-content .heading-cell {
      white-space: normal; }
  .workspace .illustration-sidebar#sidebar {
    position: relative;
    background: #F7F7F7;
    border: 1px solid #BBB;
    margin: -1px 0px -1px -1px;
    padding: 9px;
    width: 253px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px; }
    .workspace .illustration-sidebar#sidebar .body {
      background: inherit;
      padding: 0 0 0 8px; }
    .workspace .illustration-sidebar#sidebar h5 {
      font-size: 12px;
      clear: both; }
  .workspace #pairwise-plots-holder {
    text-align: left;
    min-height: 9em;
    padding-top: 1em;
    padding-bottom: 2em; }
    .workspace #pairwise-plots-holder #plots-holder {
      margin-top: 2em; }
      .workspace #pairwise-plots-holder #plots-holder.loading {
        margin-left: 3em; }
    .workspace #pairwise-plots-holder #show-gating-hierarchy-for-file-form {
      max-width: 30em; }
    .workspace #pairwise-plots-holder #show-gating-hierarchy-for-all-files-button {
      margin-top: 0.5em; }
  .workspace #dimensions {
    display: block;
    width: 90vw; }
    .workspace #dimensions .body {
      padding-left: 6px; }
      .workspace #dimensions .body .toggle-bar {
        margin: 0.5em 0;
        line-height: 3.25em;
        font-size: 8px; }
        .workspace #dimensions .body .toggle-bar .dimension-editor {
          margin-left: 2em; }
      .workspace #dimensions .body .update-plots {
        padding: 0.5em 0;
        width: 15em;
        margin: 0 auto; }
      .workspace #dimensions .body #dimension-change-message {
        display: none;
        width: 45em;
        margin: 0 auto;
        color: #3a4; }
        .workspace #dimensions .body #dimension-change-message input {
          font-size: 1.1em; }
      .workspace #dimensions .body #sortlist {
        list-style-type: none;
        padding: 0 0 0 0;
        position: relative; }
        .workspace #dimensions .body #sortlist li {
          position: relative;
          float: left;
          padding: 0 0 0 0; }
        .workspace #dimensions .body #sortlist .ui-state-highlight {
          height: 16.9em;
          width: 16.8em;
          margin-top: 8px;
          margin-left: 2px;
          background: #EEE;
          border: 1px dashed #aaa;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px; }
      .workspace #dimensions .body .box-wrap {
        position: relative;
        float: left; }
        .workspace #dimensions .body .box-wrap .box {
          position: relative;
          float: left;
          margin: 0.5em; }
          .workspace #dimensions .body .box-wrap .box h3 {
            background-color: #4585c5;
            border-color: #4585c5;
            border: 1px solid #4585c5;
            color: #f4f4f4;
            text-shadow: 1px 1px #333;
            display: block;
            font-size: 1.1em;
            font-weight: bold;
            padding-top: 0.3em;
            padding-bottom: 0.2em; }
            .workspace #dimensions .body .box-wrap .box h3 a {
              background-color: #E1E8F1;
              color: #4585c5;
              float: right;
              font-size: 0.9em;
              font-weight: bold;
              margin: -0.2em 0 0 0;
              padding: 0.2em 0.5em 0.25em;
              -webkit-border-radius: 5px;
              -moz-border-radius: 5px;
              -o-border-radius: 5px;
              border-radius: 5px; }
            .workspace #dimensions .body .box-wrap .box h3 a:hover {
              text-decoration: underline; }
          .workspace #dimensions .body .box-wrap .box .body {
            background-color: #fff;
            border: solid #4585c5 1px;
            height: 173px;
            padding: 0;
            overflow: hidden;
            -webkit-border-radius: 0px 0px 5px 5px;
            -moz-border-radius: 0px 0px 5px 5px;
            -o-border-radius: 0px 0px 5px 5px;
            border-radius: 0px 0px 5px 5px; }
            .workspace #dimensions .body .box-wrap .box .body:hover {
              cursor: pointer; }
            .workspace #dimensions .body .box-wrap .box .body .selected-dimensions-list {
              width: 100%;
              height: 150px;
              overflow: hidden; }
              .workspace #dimensions .body .box-wrap .box .body .selected-dimensions-list:hover {
                cursor: pointer; }
              .workspace #dimensions .body .box-wrap .box .body .selected-dimensions-list .data-dimension-selector {
                display: none; }
              .workspace #dimensions .body .box-wrap .box .body .selected-dimensions-list .visible-list {
                width: 94.5%;
                height: 143px;
                padding: 5px;
                overflow: auto;
                margin-bottom: 5em;
                position: absolute; }
                .workspace #dimensions .body .box-wrap .box .body .selected-dimensions-list .visible-list a:link, .workspace #dimensions .body .box-wrap .box .body .selected-dimensions-list .visible-list a:visited {
                  display: block;
                  text-decoration: none;
                  color: #000;
                  border: 0;
                  background: #fff !important;
                  border-bottom: 1px dotted #D8D8D8;
                  margin-bottom: 3px;
                  padding: 2px 5px;
                  width: calc(100% - 1.25em) !important; }
                .workspace #dimensions .body .box-wrap .box .body .selected-dimensions-list .visible-list h4.available-item {
                  color: #999;
                  margin: 1em 0 0;
                  font-size: 1em;
                  padding: 0px 5px; }
                .workspace #dimensions .body .box-wrap .box .body .selected-dimensions-list .visible-list a.available-item:link, .workspace #dimensions .body .box-wrap .box .body .selected-dimensions-list .visible-list a.available-item:visited {
                  border: 0;
                  padding: 0px 5px !important;
                  margin: 0;
                  color: #999; }
            .workspace #dimensions .body .box-wrap .box .body .message {
              color: #f33;
              padding: 0.5em;
              text-align: center; }
              .workspace #dimensions .body .box-wrap .box .body .message input {
                margin: 7em 0 0;
                font-size: 0.8em; }
            .workspace #dimensions .body .box-wrap .box .body .dimension-type {
              font-size: 1.1em;
              font-weight: bold;
              padding: 0.25em 0;
              text-align: center;
              background: #EEE;
              -moz-border-radius-bottomleft: 5px;
              -moz-border-radius-bottomright: 5px;
              -webkit-border-bottom-left-radius: 5px;
              -webkit-border-bottom-right-radius: 5px;
              border-bottom-left-radius: 5px;
              border-bottom-right-radius: 5px;
              position: absolute;
              left: 1px;
              bottom: 1px;
              width: calc(100% - 0.15em); }
        .workspace #dimensions .body .box-wrap .box:not(.fixed-box) h3 {
          background: #4585c5 url("/cytobank/images/ico_drag_handle_padded_blue.png") top right no-repeat;
          cursor: move; }
        .workspace #dimensions .body .box-wrap .box:not(.fixed-box) h3:hover {
          background-color: #ACE;
          background-image: url("/cytobank/images/ico_drag_handle_padded_over_blue.png");
          color: white;
          text-shadow: 1px 1px #999; }
        .workspace #dimensions .body .box-wrap .controls {
          position: relative;
          height: 1.5em;
          background: #EEE;
          padding: 0.25em 0.5em;
          border-left: solid #4585c5 1px;
          border-right: solid #4585c5 1px; }
          .workspace #dimensions .body .box-wrap .controls .action-buttons {
            position: absolute;
            top: 3px;
            right: 3px;
            background: #EEE;
            padding-left: 5px; }
            .workspace #dimensions .body .box-wrap .controls .action-buttons .divider {
              color: #BBB; }
          .workspace #dimensions .body .box-wrap .controls .status-text {
            float: left;
            color: #666;
            font-size: 85%;
            padding-top: 2px; }
        .workspace #dimensions .body .box-wrap .empty-dimension h3, .workspace #dimensions .body .box-wrap .empty-dimension .body {
          border-color: #cc4700;
          border-style: solid;
          border-width: 1px; }
        .workspace #dimensions .body .box-wrap .empty-dimension .controls {
          border-color: #cc4700; }
        .workspace #dimensions .body .box-wrap .empty-dimension h3 {
          background-color: #e64500 !important;
          margin-top: 0; }
        .workspace #dimensions .body .box-wrap .empty-dimension .body {
          overflow: hidden; }
        .workspace #dimensions .body .box-wrap .empty-dimension .dimension-body {
          height: 100%; }
          .workspace #dimensions .body .box-wrap .empty-dimension .dimension-body a {
            display: block;
            height: 100%;
            width: 100%;
            font-weight: bold;
            text-decoration: none;
            background-color: #FCF2ED; }
            .workspace #dimensions .body .box-wrap .empty-dimension .dimension-body a .message {
              padding-top: 27%;
              font-size: 1.2em;
              color: #D43; }
          .workspace #dimensions .body .box-wrap .empty-dimension .dimension-body a:hover {
            background-color: #fed; }
            .workspace #dimensions .body .box-wrap .empty-dimension .dimension-body a:hover .message {
              color: blue;
              text-decoration: underline; }
          .workspace #dimensions .body .box-wrap .empty-dimension .dimension-body a:active {
            background-color: #FCDEC1; }
            .workspace #dimensions .body .box-wrap .empty-dimension .dimension-body a:active .message {
              color: #D43; }
        .workspace #dimensions .body .box-wrap .population-empty-dimension .dimension-body {
          padding-top: 0;
          background-color: #FCF2ED; }
          .workspace #dimensions .body .box-wrap .population-empty-dimension .dimension-body .message {
            color: #dd4433; }
          .workspace #dimensions .body .box-wrap .population-empty-dimension .dimension-body .visible-list {
            padding: 0 !important;
            width: 100% !important;
            height: 15.5em; }
            .workspace #dimensions .body .box-wrap .population-empty-dimension .dimension-body .visible-list a.ungated {
              padding: 6px 0 3px 14px !important; }
            .workspace #dimensions .body .box-wrap .population-empty-dimension .dimension-body .visible-list a.ungated:hover {
              cursor: default; }
          .workspace #dimensions .body .box-wrap .population-empty-dimension .dimension-body #empty-populations-gating-link {
            background-color: #fcf2ed !important;
            border-bottom: none;
            color: #dd4433;
            font-size: 1.1em;
            font-weight: bold;
            height: 43%;
            padding-top: 3em; }
          .workspace #dimensions .body .box-wrap .population-empty-dimension .dimension-body #empty-populations-gating-link:hover {
            background-color: #fed !important; }
            .workspace #dimensions .body .box-wrap .population-empty-dimension .dimension-body #empty-populations-gating-link:hover .message {
              color: blue;
              text-decoration: underline; }
          .workspace #dimensions .body .box-wrap .population-empty-dimension .dimension-body #empty-populations-gating-link:active {
            background-color: #FCDEC1 !important; }
            .workspace #dimensions .body .box-wrap .population-empty-dimension .dimension-body #empty-populations-gating-link:active .message {
              color: #dd4433; }
        .workspace #dimensions .body .box-wrap .spacer {
          float: left;
          margin-top: 9em;
          text-align: center;
          opacity: 0.5;
          margin-left: -8px;
          margin-right: 5px; }
      .workspace #dimensions .body .clear {
        clear: both; }
      .workspace #dimensions .body .dimension-type {
        font-size: 0.8em; }
  .workspace #view {
    display: none;
    min-width: 97.5%;
    margin-top: 22px;
    text-align: left; }
    .workspace #view .body {
      border-left: none; }
    .workspace #view #simple-print-view-link {
      position: absolute;
      top: 38px;
      right: 16px;
      color: #1758AC !important; }
  .workspace #print-view {
    text-align: center;
    min-width: 99.5%;
    margin: 0.5em 0; }
  .workspace #view table, .workspace #print-view table {
    font-size: 1em;
    margin: 1em; }
    .workspace #view table th, .workspace #view table td, .workspace #print-view table th, .workspace #print-view table td {
      border: 0;
      text-align: center;
      padding: 1em; }
    .workspace #view table tr, .workspace #print-view table tr {
      height: 100%; }
  .workspace #view .ui-tabs-panel, .workspace #print-view .ui-tabs-panel {
    background: white !important; }
  .workspace #view .illustration-placeholder-img:hover, .workspace #print-view .illustration-placeholder-img:hover {
    opacity: 0.75; }
  .workspace #view #placeholder-container, .workspace #view #illustration-container, .workspace #print-view #placeholder-container, .workspace #print-view #illustration-container {
    white-space: nowrap;
    padding: 0 !important;
    border-bottom: none;
    -webkit-border-radius: 0px 0px 0px 0px !important;
    -moz-border-radius: 0px 0px 0px 0px !important;
    -o-border-radius: 0px 0px 0px 0px !important;
    border-radius: 0px 0px 0px 0px !important; }
    .workspace #view #placeholder-container .loading-text, .workspace #view #illustration-container .loading-text, .workspace #print-view #placeholder-container .loading-text, .workspace #print-view #illustration-container .loading-text {
      font-size: 12px;
      color: #092644;
      width: 100%;
      text-align: center;
      margin-left: 0;
      margin-top: 18px; }
      .workspace #view #placeholder-container .loading-text .loading-spinner, .workspace #view #illustration-container .loading-text .loading-spinner, .workspace #print-view #placeholder-container .loading-text .loading-spinner, .workspace #print-view #illustration-container .loading-text .loading-spinner {
        margin-right: 8px; }
    .workspace #view #placeholder-container .heading-cell, .workspace #view #illustration-container .heading-cell, .workspace #print-view #placeholder-container .heading-cell, .workspace #print-view #illustration-container .heading-cell {
      font-size: 1em;
      font-weight: bold;
      height: 100%; }
    .workspace #view #placeholder-container th.heading-cell, .workspace #view #illustration-container th.heading-cell, .workspace #print-view #placeholder-container th.heading-cell, .workspace #print-view #illustration-container th.heading-cell {
      vertical-align: bottom; }
      .workspace #view #placeholder-container th.heading-cell span.draggable, .workspace #view #illustration-container th.heading-cell span.draggable, .workspace #print-view #placeholder-container th.heading-cell span.draggable, .workspace #print-view #illustration-container th.heading-cell span.draggable {
        max-width: 29em;
        display: inline-block; }
    .workspace #view #placeholder-container .h-border, .workspace #view #placeholder-container .v-border, .workspace #view #illustration-container .h-border, .workspace #view #illustration-container .v-border, .workspace #print-view #placeholder-container .h-border, .workspace #print-view #placeholder-container .v-border, .workspace #print-view #illustration-container .h-border, .workspace #print-view #illustration-container .v-border {
      background-color: #000; }
    .workspace #view #placeholder-container .h-border, .workspace #view #illustration-container .h-border, .workspace #print-view #placeholder-container .h-border, .workspace #print-view #illustration-container .h-border {
      height: 2px;
      width: 85%;
      margin: 2px auto; }
    .workspace #view #placeholder-container .v-border, .workspace #view #illustration-container .v-border, .workspace #print-view #placeholder-container .v-border, .workspace #print-view #illustration-container .v-border {
      height: 85%;
      width: 2px; }
    .workspace #view #placeholder-container .v-border-cell, .workspace #view #illustration-container .v-border-cell, .workspace #print-view #placeholder-container .v-border-cell, .workspace #print-view #illustration-container .v-border-cell {
      height: 85%; }
  .workspace #view #illustration-container, .workspace #print-view #illustration-container {
    border-color: rgba(0, 0, 0, 0) !important; }
  .workspace #view #placeholder-container, .workspace #print-view #placeholder-container {
    margin-bottom: 11px; }
    .workspace #view #placeholder-container .heading-cell, .workspace #print-view #placeholder-container .heading-cell {
      font-size: 1em; }
    .workspace #view #placeholder-container .innermost-cell, .workspace #print-view #placeholder-container .innermost-cell {
      border: 1px dotted grey;
      padding: none; }
    .workspace #view #placeholder-container img, .workspace #print-view #placeholder-container img {
      height: 20px;
      width: 20px; }
    .workspace #view #placeholder-container .placeholder-file-entry, .workspace #print-view #placeholder-container .placeholder-file-entry {
      position: relative;
      display: block; }
      .workspace #view #placeholder-container .placeholder-file-entry .icomoon-icon, .workspace #print-view #placeholder-container .placeholder-file-entry .icomoon-icon {
        display: block; }
        .workspace #view #placeholder-container .placeholder-file-entry .icomoon-icon:hover, .workspace #print-view #placeholder-container .placeholder-file-entry .icomoon-icon:hover {
          color: #1D4B7A; }
  .workspace #view .data-table, .workspace #print-view .data-table {
    font-size: 1em;
    margin: 0.5em auto; }
    .workspace #view .data-table caption, .workspace #print-view .data-table caption {
      font-weight: normal;
      margin: 2em 0 0 0; }
    .workspace #view .data-table th, .workspace #print-view .data-table th {
      border: none;
      max-width: 25em; }
    .workspace #view .data-table td, .workspace #print-view .data-table td {
      border: 1px solid #999;
      text-align: right; }
    .workspace #view .data-table td.inner-cell, .workspace #print-view .data-table td.inner-cell {
      font-weight: normal; }
    .workspace #view .data-table td.row-label, .workspace #print-view .data-table td.row-label {
      border: none;
      font-weight: bold; }
  .workspace #view .plot-message, .workspace #print-view .plot-message {
    white-space: normal;
    background-color: #FFE3C0;
    border-size: 2px;
    border-color: #FF9917;
    border-style: solid;
    margin: 2em 2em 4em 2em;
    padding: 1em;
    text-align: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .workspace #view .plot-message a, .workspace #print-view .plot-message a {
      color: #2B7DE1; }
    .workspace #view .plot-message ul li, .workspace #print-view .plot-message ul li {
      font-size: 1.2em;
      list-style-type: disc;
      padding: 0.5em;
      margin: 0em 3em; }
  .workspace #view .heatmap-table, .workspace #print-view .heatmap-table {
    padding: 1em;
    margin: 0 auto;
    line-height: 9px; }
    .workspace #view .heatmap-table td, .workspace #print-view .heatmap-table td {
      padding: 0;
      margin: 0;
      vertical-align: middle;
      border: solid #000 1px !important; }
      .workspace #view .heatmap-table td a, .workspace #print-view .heatmap-table td a {
        padding: 0;
        margin: 0; }
        .workspace #view .heatmap-table td a img, .workspace #print-view .heatmap-table td a img {
          display: block;
          padding: 0;
          margin: 0; }
    .workspace #view .heatmap-table td.empty-square, .workspace #view .heatmap-table td.layers-square, .workspace #print-view .heatmap-table td.empty-square, .workspace #print-view .heatmap-table td.layers-square {
      width: 25px;
      height: 25px; }
    .workspace #view .heatmap-table td.empty-square, .workspace #print-view .heatmap-table td.empty-square {
      background-image: linear-gradient(to top right, white 47%, red, white 53%); }
    .workspace #view .heatmap-table td.heatmap-label, .workspace #print-view .heatmap-table td.heatmap-label {
      border: none !important;
      font-size: 1.1em;
      font-weight: bold;
      padding-right: 1em;
      text-align: right; }
  .workspace #view .data-table, .workspace #print-view .data-table {
    font-size: 1em;
    margin: 0.5em auto 3em; }
    .workspace #view .data-table caption, .workspace #print-view .data-table caption {
      margin: 1em auto; }
    .workspace #view .data-table th, .workspace #print-view .data-table th {
      border: none; }
    .workspace #view .data-table td, .workspace #print-view .data-table td {
      border: 1px solid #999;
      text-align: right;
      padding: 0.5em; }
    .workspace #view .data-table td.row-label, .workspace #print-view .data-table td.row-label {
      border: none;
      font-weight: bold; }
  .workspace table.gating-hierarchy-table h2 {
    font-size: 1.5em;
    text-align: left; }
  .workspace table.gating-hierarchy-table td {
    border: 0px;
    font-size: 0.9em;
    text-align: center; }
  .workspace table.gating-hierarchy-table td.divider {
    border: 5px; }

.sidebar-section-holder #highlight-controls {
  width: 150px !important; }

#controls-form #highlight-controls {
  font-style: italic;
  font-size: 1em;
  display: inline-block;
  width: 164px;
  text-align: right;
  padding-bottom: 2px; }
  #controls-form #highlight-controls input {
    display: inline;
    margin-left: 0.4em; }
#controls-form #highlight-controls:not(.disabled) label, #controls-form #highlight-controls:not(.disabled) input {
  cursor: pointer; }
#controls-form #highlight-controls.disabled {
  color: #999999; }
#controls-form #z-axis-style-holder {
  position: relative; }
#controls-form .nice-toggle-buttons {
  text-align: right;
  margin: 3px 1px 0 9px; }
#controls-form #z-axis-stacked-controls input, #controls-form #z-axis-stacked-controls select {
  width: 7em;
  display: inline; }
#controls-form #z-axis-stacked-controls .z-axis-dot-control {
  display: inline-block !important; }
  #controls-form #z-axis-stacked-controls .z-axis-dot-control label {
    margin-left: 8px; }
#controls-form #z-axis-custom-scaling-holder, #controls-form #z-axis-stacked-controls {
  text-align: right;
  padding-left: 0.7em;
  margin-top: 0.6em; }
  #controls-form #z-axis-custom-scaling-holder .z-axis-custom-scaling-setting, #controls-form #z-axis-custom-scaling-holder .z-axis-stacked-control, #controls-form #z-axis-custom-scaling-holder label, #controls-form #z-axis-custom-scaling-holder select, #controls-form #z-axis-custom-scaling-holder input, #controls-form #z-axis-stacked-controls .z-axis-custom-scaling-setting, #controls-form #z-axis-stacked-controls .z-axis-stacked-control, #controls-form #z-axis-stacked-controls label, #controls-form #z-axis-stacked-controls select, #controls-form #z-axis-stacked-controls input {
    display: inline-block;
    text-align: left; }
  #controls-form #z-axis-custom-scaling-holder label, #controls-form #z-axis-stacked-controls label {
    margin-left: 0.15em; }
  #controls-form #z-axis-custom-scaling-holder input, #controls-form #z-axis-stacked-controls input {
    margin-left: 0;
    width: 6.9em !important; }
  #controls-form #z-axis-custom-scaling-holder select, #controls-form #z-axis-stacked-controls select {
    margin-top: 4px;
    margin-left: 0.1em; }
  #controls-form #z-axis-custom-scaling-holder .z-axis-stacked-control input, #controls-form #z-axis-stacked-controls .z-axis-stacked-control input {
    width: 5.6em !important; }

.print-gating-plot-list li {
  display: block;
  float: left; }

.lightbox_content div, .lightbox_content ul, .lightbox_content li {
  position: relative; }
.lightbox_content .sorting_ui {
  padding: 0px 20px 20px; }
  .lightbox_content .sorting_ui .controls {
    text-align: center;
    padding-top: 2px; }
    .lightbox_content .sorting_ui .controls .sort-channel-ascend-button, .lightbox_content .sorting_ui .controls .sort-panel-ascend-button {
      margin-left: 2px; }
    .lightbox_content .sorting_ui .controls .done-button {
      width: 81px; }
  .lightbox_content .sorting_ui .description {
    margin-top: 5px; }
  .lightbox_content .sorting_ui .dimension-drag-handle {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 23px;
    height: 23px;
    background: url("/cytobank/images/btn_drag_handle_padded_up.gif") top right no-repeat; }
  .lightbox_content .sorting_ui .dimension-drag-handle:hover {
    background: url("/cytobank/images/btn_drag_handle_padded_over_v.gif") top right no-repeat;
    cursor: move; }
  .lightbox_content .sorting_ui .dimension-sort-and-select-item {
    display: flex;
    background-color: #fff;
    border-bottom: 1px solid #999;
    padding: 0px 10px;
    font-size: 1.4em; }
    .lightbox_content .sorting_ui .dimension-sort-and-select-item label {
      cursor: pointer;
      width: 100%;
      padding: 5px 0px 5px 0px; }
    .lightbox_content .sorting_ui .dimension-sort-and-select-item input {
      margin-top: 8px;
      margin-right: 6px; }
    .lightbox_content .sorting_ui .dimension-sort-and-select-item .sub-label {
      color: #999;
      padding-right: 16px;
      padding-top: 4px;
      width: 8em; }
  .lightbox_content .sorting_ui .dimension-sort-and-select-item:hover {
    background-color: #F5F7F8;
    color: #010175; }
  .lightbox_content .sorting_ui .dimension-sort-and-select-item.drag-handle-hover:hover {
    background-color: #fff;
    color: black; }
  .lightbox_content .sorting_ui .dimension-sort-and-select-item.mousedown {
    background-color: #EEF1F3;
    box-shadow: 1px 1px 1px #9C9C9C inset; }
  .lightbox_content .sorting_ui .filter_sort_listing {
    float: right;
    width: 10em; }
  .lightbox_content .sorting_ui .filter_sort_listing_hinted {
    background: #fff url("/cytobank/images/filter_field_hint.gif") center left no-repeat; }
  .lightbox_content .sorting_ui .current-selections-list {
    position: relative;
    font-size: 1.2em;
    color: #999; }
  .lightbox_content .sorting_ui .status-message {
    font-size: 1.3em;
    color: #999; }
  .lightbox_content .sorting_ui .sorting-controls {
    position: relative;
    font-size: 1.1em;
    line-height: 110%; }
    .lightbox_content .sorting_ui .sorting-controls input:hover {
      cursor: pointer; }
    .lightbox_content .sorting_ui .sorting-controls #controls-left {
      float: left; }
    .lightbox_content .sorting_ui .sorting-controls #controls-right {
      float: right; }
  .lightbox_content .sorting_ui .button_labels {
    color: #1919FF; }
  .lightbox_content .sorting_ui .selection-controls {
    background: #fff;
    font-size: 1.3em;
    color: #00c; }
    .lightbox_content .sorting_ui .selection-controls .nice-subtle-button {
      padding: 4px 10px; }
    .lightbox_content .sorting_ui .selection-controls .group-button-right {
      margin-left: -1px !important; }
    .lightbox_content .sorting_ui .selection-controls input:hover {
      cursor: pointer; }

.heatmap-wrapper-table {
  padding: 1em;
  margin: 0 auto; }
  .heatmap-wrapper-table td {
    padding: 1em;
    vertical-align: top; }
    .heatmap-wrapper-table td .heatmap-wrapper-table {
      padding: 1em;
      margin: 0 auto; }
      .heatmap-wrapper-table td .heatmap-wrapper-table td {
        vertical-align: top; }
        .heatmap-wrapper-table td .heatmap-wrapper-table td .heatmap-wrapper-table {
          padding: 1em;
          margin: 0 auto; }
          .heatmap-wrapper-table td .heatmap-wrapper-table td .heatmap-wrapper-table td {
            vertical-align: top; }

.heatmap-table {
  padding: 1em;
  margin: 0 auto; }
  .heatmap-table td {
    padding: 0;
    margin: 0;
    vertical-align: middle;
    border: solid #000 1px !important; }
    .heatmap-table td a {
      padding: 0; }
  .heatmap-table td.empty-square {
    width: 25px;
    height: 25px; }

.scale {
  padding: 2em 2em 1em 2em; }

.heatmap-view-through img {
  display: block;
  margin: 1em auto; }

.rotate-vertical, .vertical-heatmap-label div {
  padding: 0;
  white-space: nowrap;
  font-weight: bold;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.rotate-vertical {
  margin: 0 0 1em 0;
  font-size: 1em; }

.vertical-heatmap-label {
  max-width: 0px;
  padding-top: 25% !important;
  vertical-align: inherit !important; }

#update-illustration-button, #launch-tour-button {
  height: 27px !important;
  width: 15em;
  margin-top: 5px;
  opacity: 1;
  padding: 3px 5px 4px 27px;
  vertical-align: top;
  z-index: 2000000001;
  font-size: 1.5em;
  -webkit-transition: opacity 160ms ease-out;
  -moz-transition: opacity 160ms ease-out;
  -o-transition: opacity 160ms ease-out;
  -ms-transition: opacity 160ms ease-out;
  transition: opacity 160ms ease-out; }
  #update-illustration-button span, #launch-tour-button span {
    line-height: 28px; }
  #update-illustration-button i, #launch-tour-button i {
    position: absolute;
    left: 40px;
    top: 9px; }
    #update-illustration-button i.icon-info2, #launch-tour-button i.icon-info2 {
      left: 18px; }
  #update-illustration-button .no-more-tour-button, #launch-tour-button .no-more-tour-button {
    left: initial;
    right: -1px;
    top: -1px; }
  #update-illustration-button.disabled-button, #launch-tour-button.disabled-button {
    opacity: 0;
    cursor: default;
    pointer-events: none; }

#launch-tour-button {
  margin-left: 38px; }
  #launch-tour-button.in-progress {
    opacity: 0.8;
    pointer-events: none; }
    #launch-tour-button.in-progress .icon-info2 {
      opacity: 0; }

.illustration {
  float: left;
  min-width: 99.5%;
  margin: 0.5em 0;
  text-align: center; }
  .illustration table {
    font-size: 1em;
    margin: 1em; }
    .illustration table th, .illustration table td {
      border: 0;
      text-align: center;
      padding: 1em; }
    .illustration table tr {
      height: 100%; }
  .illustration .heading-cell {
    font-size: 1em;
    font-weight: bold;
    height: 100%; }
  .illustration th.heading-cell {
    vertical-align: bottom; }
  .illustration .h-border, .illustration .v-border {
    background-color: #000; }
  .illustration .h-border {
    height: 2px;
    width: 85%;
    margin: 2px auto; }
  .illustration .v-border {
    height: 85%;
    width: 2px; }
  .illustration .v-border-cell {
    height: 85%; }
  .illustration .data-table {
    font-size: 1em;
    margin: 0.5em auto; }
    .illustration .data-table caption {
      font-weight: normal;
      margin: 2em 0 0 0; }
    .illustration .data-table th {
      border: none; }
    .illustration .data-table td {
      border: 1px solid #999;
      text-align: right; }
    .illustration .data-table td.inner-cell {
      font-weight: normal; }
    .illustration .data-table td.row-label {
      border: none;
      font-weight: bold; }
  .illustration .plot-message {
    white-space: normal;
    background-color: #FED;
    border-size: 2px;
    border-color: #FC0;
    border-style: solid;
    margin: 4em;
    padding: 1em;
    text-align: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .illustration .plot-message ul li {
      font-size: 1.2em;
      list-style-type: disc;
      padding: 0.5em;
      margin: 0em 3em; }
  .illustration .heatmap-table {
    padding: 1em;
    margin: 0 auto;
    line-height: 9px; }
    .illustration .heatmap-table td {
      padding: 0;
      margin: 0;
      vertical-align: middle;
      border: solid #000 1px !important; }
      .illustration .heatmap-table td a {
        padding: 0;
        margin: 0; }
        .illustration .heatmap-table td a img {
          display: block;
          padding: 0;
          margin: 0; }
    .illustration .heatmap-table td.empty-square, .illustration .heatmap-table td.layers-square {
      width: 25px;
      height: 25px; }
    .illustration .heatmap-table th.header-label {
      border: none !important;
      padding: 0 0 1em 0;
      vertical-align: bottom;
      max-width: 25px; }
    .illustration .heatmap-table td.heatmap-label {
      border: none !important;
      font-size: 1.1em;
      font-weight: bold;
      padding-right: 1em;
      text-align: right; }
  .illustration .data-table {
    font-size: 1em;
    margin: 0.5em auto 3em; }
    .illustration .data-table caption {
      margin: 1em auto; }
    .illustration .data-table th {
      border: none; }
    .illustration .data-table td {
      border: 1px solid #999;
      text-align: right;
      padding: 0.5em; }
    .illustration .data-table td.row-label {
      border: none;
      font-weight: bold; }

#sidebar li .bootstrap-select .dropdown-menu li a {
  display: block !important; }
#sidebar li .bootstrap-select .dropdown-menu .bs-searchbox {
  padding: 4px 8px; }
  #sidebar li .bootstrap-select .dropdown-menu .bs-searchbox input:not(.sample-tag-type-toggle) {
    width: auto !important;
    margin: 2px 0 2px 0;
    height: 23px; }
#sidebar li.bootstrap-select-holder .bootstrap-select {
  width: 13em;
  float: right; }
#sidebar li.bootstrap-select-holder label {
  vertical-align: bottom !important;
  line-height: 25px !important;
  display: inline-block;
  float: right;
  margin-right: 9px; }
#sidebar li.bootstrap-select-holder .info-button-inline {
  line-height: 30px; }
#sidebar li.full-line-bootstrap-select-holder {
  clear: both;
  margin-top: 0.5em;
  margin-bottom: 5px; }
  #sidebar li.full-line-bootstrap-select-holder .bootstrap-select {
    display: block;
    width: 100%;
    margin-top: -6px; }
    #sidebar li.full-line-bootstrap-select-holder .bootstrap-select .offset-higher {
      margin-top: -0.8em; }
#sidebar input:not(.sample-tag-type-toggle) {
  height: 19px;
  border-radius: 4px;
  border: 1px solid #cccccc;
  padding: 2px 2px 2px 7px; }
#sidebar select {
  height: 20px;
  text-align: left !important; }
  #sidebar select:enabled {
    cursor: pointer; }
#sidebar li.entry-with-color-picker {
  text-align: right;
  vertical-align: top;
  padding-right: 8px; }
  #sidebar li.entry-with-color-picker select {
    margin-left: 0;
    word-wrap: normal;
    width: 63% !important; }
  #sidebar li.entry-with-color-picker .sp-replacer {
    overflow: inherit;
    margin-right: -8px; }
  #sidebar li.entry-with-color-picker .sp-dd {
    margin-left: 0;
    margin-right: 2px; }
  #sidebar li.entry-with-color-picker .sp-preview {
    height: 16px; }
  #sidebar li.entry-with-color-picker .sp-disabled {
    opacity: 0.5; }
#sidebar .large-dropdown-holder .dropdown-menu {
  top: 46px !important;
  width: 153px !important;
  left: -1px !important; }
  #sidebar .large-dropdown-holder .dropdown-menu li > a {
    padding-left: 63px !important;
    width: 154px !important; }
#sidebar .nice-dropdown-holder:not(.large-dropdown-holder) .dropdown-menu li > a {
  padding-left: 57px !important; }
#sidebar .dropdown.nice-sidebar-dropdown {
  padding: 0;
  cursor: pointer;
  text-align: left; }
  #sidebar .dropdown.nice-sidebar-dropdown:hover {
    border-bottom: 2px solid #2B7DE1; }
    #sidebar .dropdown.nice-sidebar-dropdown:hover span {
      color: #2B7DE1 !important; }
  #sidebar .dropdown.nice-sidebar-dropdown .dropdownized {
    padding: 6px 6px 6px 0; }
  #sidebar .dropdown.nice-sidebar-dropdown label {
    vertical-align: top; }
  #sidebar .dropdown.nice-sidebar-dropdown #viewthrough-plot-type-text {
    margin-left: 9px; }
    #sidebar .dropdown.nice-sidebar-dropdown #viewthrough-plot-type-text i {
      margin-right: 0; }
  #sidebar .dropdown.nice-sidebar-dropdown #selected-plot-type-text {
    color: #1758AC;
    font-size: 12px !important;
    top: 21px;
    position: absolute; }
  #sidebar .dropdown.nice-sidebar-dropdown .display-selected-text {
    min-width: 53%; }
  #sidebar .dropdown.nice-sidebar-dropdown .dropdown-menu {
    border-top: 2px solid #2B7DE1;
    top: 28px;
    width: 218px;
    left: -17px; }
    #sidebar .dropdown.nice-sidebar-dropdown .dropdown-menu li {
      padding: 0;
      margin-left: 0; }
      #sidebar .dropdown.nice-sidebar-dropdown .dropdown-menu li.disabled {
        opacity: 0.3;
        pointer-events: none !important;
        cursor: default !important; }
      #sidebar .dropdown.nice-sidebar-dropdown .dropdown-menu li a {
        font-size: 12px !important;
        display: block !important;
        padding: 3px 3px 3px 57px;
        width: 168px; }
      #sidebar .dropdown.nice-sidebar-dropdown .dropdown-menu li a:hover {
        background: #dbe6f2; }
#sidebar li.large-dropdown-holder, #sidebar li.nice-dropdown-holder {
  padding: 0; }
  #sidebar li.large-dropdown-holder label, #sidebar li.nice-dropdown-holder label {
    cursor: pointer; }
  #sidebar li.large-dropdown-holder span a:hover, #sidebar li.large-dropdown-holder span a:active, #sidebar li.nice-dropdown-holder span a:hover, #sidebar li.nice-dropdown-holder span a:active {
    text-decoration: none !important; }
#sidebar li.no-icons-dropdown .display-selected-text, #sidebar li.no-icons-dropdown label {
  float: left; }
#sidebar li.no-icons-dropdown .display-selected-text {
  margin-left: 14px; }
#sidebar li.no-icons-dropdown .dropdown-menu {
  min-width: 67px;
  right: 3px;
  padding-left: 0px;
  margin-left: 13px;
  padding-right: 10px;
  left: 0; }
#sidebar li.large-dropdown-holder {
  height: 44px; }
  #sidebar li.large-dropdown-holder .dropdownized {
    height: 35px; }
  #sidebar li.large-dropdown-holder .display-selected-text {
    min-width: 53%;
    margin-left: 8px; }
  #sidebar li.large-dropdown-holder label {
    line-height: 37px; }
#sidebar li.nice-dropdown-holder {
  height: 24px; }
  #sidebar li.nice-dropdown-holder .dropdownized {
    height: 17px; }
  #sidebar li.nice-dropdown-holder label {
    line-height: 17px; }
  #sidebar li.nice-dropdown-holder .display-selected-text {
    min-width: 47%; }
  #sidebar li.nice-dropdown-holder span a {
    line-height: 18px;
    vertical-align: top; }
#sidebar li.toggle-holder {
  text-align: left;
  height: 26px; }
  #sidebar li.toggle-holder .nice-toggle-label {
    margin-right: 10px;
    line-height: 20px; }
  #sidebar li.toggle-holder .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    left: 21px; }
  #sidebar li.toggle-holder.histogram-overlay-toggle .onoffswitch, #sidebar li.toggle-holder.histogram-XY-setting .onoffswitch {
    margin-right: 121px; }
#sidebar .illustration-spectrum {
  height: 21px; }
  #sidebar .illustration-spectrum .sp-preview-inner {
    height: 21px; }
  #sidebar .illustration-spectrum .sp-dd {
    line-height: 23px; }
#sidebar label.big-label {
  border-bottom: 1px solid #c1c8d4;
  padding-right: 16px;
  line-height: 26px;
  font-weight: bold; }
#sidebar li.illustration-setting {
  text-align: left !important;
  height: 22px;
  white-space: normal; }
  #sidebar li.illustration-setting label {
    vertical-align: top;
    line-height: 30px; }
  #sidebar li.illustration-setting select {
    float: right; }
  #sidebar li.illustration-setting input {
    float: right;
    font-size: 12px;
    width: 7em !important;
    margin-top: 2px;
    margin-left: 6px; }
  #sidebar li.illustration-setting.complex-label-holder {
    height: 30px;
    text-align: left !important;
    margin-bottom: 0.6em;
    margin-top: 0.8em; }
    #sidebar li.illustration-setting.complex-label-holder select {
      text-align: right;
      width: 15em;
      margin-left: 5em; }
#sidebar .onoffswitch {
  float: right;
  right: 2px;
  top: 1px;
  margin-right: -1px; }
#sidebar .illustration-settings-spacer {
  clear: both;
  height: 9px;
  border-bottom: 1px solid #C4CADC;
  margin-bottom: 10px !important;
  margin-top: 0px !important;
  width: 99%;
  margin-left: -2px; }
#sidebar #update-illustration-link-button {
  margin-bottom: 0.5em !important;
  height: 24.5px !important; }

#bd > #sidebar {
  margin-left: 5px; }

.illustrations-page .split-by-channel-form {
  margin-top: 2em;
  margin-bottom: 1em; }
  .illustrations-page .split-by-channel-form table {
    margin: 1em 0em; }
  .illustrations-page .split-by-channel-form input[type="text"], .illustrations-page .split-by-channel-form textarea {
    width: 300px; }
  .illustrations-page .split-by-channel-form label {
    display: block; }
  .illustrations-page .split-by-channel-form .checkbox-field input {
    float: left; }
  .illustrations-page .split-by-channel-form .checkbox-field label {
    margin-left: 20px; }
  .illustrations-page .split-by-channel-form .field {
    clear: both;
    margin-top: 3px; }
  .illustrations-page .split-by-channel-form .section {
    margin-bottom: 2em; }
  .illustrations-page .split-by-channel-form .text-field label {
    font-weight: bold;
    font-size: 0.8em; }
  .illustrations-page .split-by-channel-form .text-field textarea {
    margin-top: 5px; }
  .illustrations-page .split-by-channel-form .disabled {
    color: #999;
    background-color: #EEE; }

#update-illustration-holder {
  position: relative; }
  #update-illustration-holder #illustration-update-status {
    display: none;
    opacity: 0;
    position: absolute;
    top: -7px;
    left: 30px;
    font-size: 13px;
    -webkit-transition: opacity 160ms ease-out;
    -moz-transition: opacity 160ms ease-out;
    -o-transition: opacity 160ms ease-out;
    -ms-transition: opacity 160ms ease-out;
    transition: opacity 160ms ease-out; }

#export-svg-layout {
  pointer-events: inherit !important; }

.illustration-header.read-only .layout-editor-container, .illustration-header.read-only .plot-setting-holder, .illustration-header.read-only .layout-settings-container, .illustration-header.read-only #illustration-templates-list .link-with-icon {
  pointer-events: none; }
.illustration-header.read-only .pop-out-menu-button,
.illustration-header.read-only .orientation-button,
.illustration-header.read-only .more-settings-popup-link {
  display: none; }
.illustration-header.read-only .close-dimension-button,
.illustration-header.read-only .table-dimension.none-dimension,
.illustration-header.read-only .dragger-handle {
  opacity: 0; }
.illustration-header.read-only #layout-editor-link .custom-dropdown-menu .outer-menu-container {
  padding-bottom: 0 !important; }

#illustration-app-view-region {
  min-width: calc(100vw - 40px); }
  #illustration-app-view-region th:nth-child(7), #illustration-app-view-region td:nth-child(7) {
    border-left-width: 3px; }
  #illustration-app-view-region #stats-results-table th {
    width: 82px;
    padding: 2px 4px 4px 4px;
    vertical-align: middle; }
  #illustration-app-view-region > .print-view {
    pointer-events: none !important; }
    #illustration-app-view-region > .print-view .illustration-section-header {
      display: block !important;
      background: none;
      font-size: 17px;
      border-width: 0 0 2px 0 !important;
      border-color: #255283; }
    #illustration-app-view-region > .print-view .bootstrap-select {
      margin-right: 3px; }
    #illustration-app-view-region > .print-view #export-to-csv, #illustration-app-view-region > .print-view #toggle-stats-link, #illustration-app-view-region > .print-view .info-icon-link, #illustration-app-view-region > .print-view span > .icon-info {
      display: none !important; }
    #illustration-app-view-region > .print-view .plotly-holder .svg-container .modebar-container {
      display: none; }
  #illustration-app-view-region > .read-only .bootstrap-select, #illustration-app-view-region > .read-only .table-title, #illustration-app-view-region > .read-only th, #illustration-app-view-region > .read-only .header-td, #illustration-app-view-region > .read-only .long-label-holder, #illustration-app-view-region > .read-only .z-scale-label, #illustration-app-view-region > .read-only .popover .plot-settings-region {
    pointer-events: none; }
  #illustration-app-view-region > .read-only #plot-matrix-holder .illustration-section-header, #illustration-app-view-region > .read-only .edit-plot-settings-button, #illustration-app-view-region > .read-only #toggle-stats-link {
    display: none; }
  #illustration-app-view-region > .read-only .stats-table-thead span {
    color: rgba(0, 0, 0, 0.847); }
  #illustration-app-view-region > .read-only .stats-table-thead .minimal {
    border: none;
    color: rgba(0, 0, 0, 0.847);
    background: white;
    padding: 0 0px 1px 1px !important;
    margin: 0; }
    #illustration-app-view-region > .read-only .stats-table-thead .minimal .bs-caret, #illustration-app-view-region > .read-only .stats-table-thead .minimal .glyphicon {
      display: none; }
  #illustration-app-view-region > .read-only .stats-table-thead td.title > span {
    vertical-align: -1px;
    padding-right: 3px;
    padding-left: 1px; }
  #illustration-app-view-region .warning-box .icon-spinner2 {
    display: none !important; }
  #illustration-app-view-region table.illustration-table .long-label-holder .popover, #illustration-app-view-region table.illustration-table .long-label-holder + .popover {
    width: 270px;
    padding: 0; }
    #illustration-app-view-region table.illustration-table .long-label-holder .popover .plot-setting-label, #illustration-app-view-region table.illustration-table .long-label-holder + .popover .plot-setting-label {
      text-align: left; }
  #illustration-app-view-region table.illustration-table.paused-request {
    pointer-events: none;
    opacity: 0.5 !important; }
  #illustration-app-view-region table.illustration-table td.size-tiny .x-axis.long-label-holder .popover, #illustration-app-view-region table.illustration-table td.size-small .x-axis.long-label-holder .popover, #illustration-app-view-region table.illustration-table td.size-medium .x-axis.long-label-holder .popover {
    left: -53% !important; }
  #illustration-app-view-region table.illustration-table td.size-large .x-axis.long-label-holder .popover, #illustration-app-view-region table.illustration-table td.size-huge .x-axis.long-label-holder .popover {
    left: 24% !important; }
  #illustration-app-view-region table.illustration-table .inference-stats-holder table caption {
    text-align: left; }
    #illustration-app-view-region table.illustration-table .inference-stats-holder table caption.multiple-correction-name {
      margin-top: 10px; }
  #illustration-app-view-region table.illustration-table .inference-stats-holder table thead th, #illustration-app-view-region table.illustration-table .inference-stats-holder table tbody td {
    border: 1px solid !important;
    padding: 5px 11px;
    white-space: nowrap; }
    #illustration-app-view-region table.illustration-table .inference-stats-holder table thead th .significant, #illustration-app-view-region table.illustration-table .inference-stats-holder table tbody td .significant {
      font-size: 20px;
      line-height: 10px;
      vertical-align: bottom;
      color: darkblue; }
  #illustration-app-view-region .illustration-section-header {
    width: calc(100% - 19.5px);
    background: #d4e5f6;
    padding: 4px 0 4px 20px;
    font-size: 14px;
    font-weight: bold;
    color: #275482;
    border-bottom: solid 1px #b5d0e0; }
    #illustration-app-view-region .illustration-section-header #toggle-stats-link {
      position: absolute;
      left: 133px;
      top: 2px;
      border-radius: 6px;
      color: #004ea5;
      height: 19px;
      width: 49px;
      border: 1px solid transparent;
      cursor: pointer;
      opacity: 0.2;
      text-align: center;
      padding-top: 2px; }
    #illustration-app-view-region .illustration-section-header .section-header-button {
      display: inline-block;
      float: right;
      padding: 3px 5px;
      border: 1px solid transparent;
      margin-top: -4px;
      margin-right: 0px;
      border-radius: 6px;
      opacity: 0.3;
      cursor: pointer; }
      #illustration-app-view-region .illustration-section-header .section-header-button:hover {
        background: #eff2ff; }
      #illustration-app-view-region .illustration-section-header .section-header-button:active {
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.15); }
  #illustration-app-view-region .illustration-section, #illustration-app-view-region #perf-test-region {
    min-height: 40vh;
    position: relative; }
    #illustration-app-view-region .illustration-section#statistical-inference-holder, #illustration-app-view-region #perf-test-region#statistical-inference-holder {
      min-height: auto; }
      #illustration-app-view-region .illustration-section#statistical-inference-holder > .warning-box, #illustration-app-view-region #perf-test-region#statistical-inference-holder > .warning-box {
        margin-bottom: 2.5em; }
    #illustration-app-view-region .illustration-section .initial-load-illustration, #illustration-app-view-region #perf-test-region .initial-load-illustration {
      width: 24em;
      font-size: 17px;
      height: 2em;
      vertical-align: middle;
      padding-top: 1em;
      margin-top: 1.5em;
      margin-left: 4em; }
    #illustration-app-view-region .illustration-section .color-box .colorpicker-input, #illustration-app-view-region .illustration-section .color-box .sp-container, #illustration-app-view-region #perf-test-region .color-box .colorpicker-input, #illustration-app-view-region #perf-test-region .color-box .sp-container {
      display: none; }
    #illustration-app-view-region .illustration-section .color-box > .sp-container, #illustration-app-view-region #perf-test-region .color-box > .sp-container {
      width: 211px;
      top: -1px;
      left: 20px;
      padding-left: 5px; }
      #illustration-app-view-region .illustration-section .color-box > .sp-container .sp-input-container, #illustration-app-view-region #perf-test-region .color-box > .sp-container .sp-input-container {
        margin-right: -5px; }
      #illustration-app-view-region .illustration-section .color-box > .sp-container .sp-palette-row, #illustration-app-view-region #perf-test-region .color-box > .sp-container .sp-palette-row {
        width: 100%; }
      #illustration-app-view-region .illustration-section .color-box > .sp-container .sp-picker-container, #illustration-app-view-region #perf-test-region .color-box > .sp-container .sp-picker-container {
        padding-top: 1px; }
      #illustration-app-view-region .illustration-section .color-box > .sp-container .sp-hue, #illustration-app-view-region #perf-test-region .color-box > .sp-container .sp-hue {
        right: -5px;
        left: 86%; }
      #illustration-app-view-region .illustration-section .color-box > .sp-container .sp-button-container, #illustration-app-view-region #perf-test-region .color-box > .sp-container .sp-button-container {
        position: relative;
        margin-bottom: 4px; }
      #illustration-app-view-region .illustration-section .color-box > .sp-container .sp-choose, #illustration-app-view-region #perf-test-region .color-box > .sp-container .sp-choose {
        margin-right: -6px; }
      #illustration-app-view-region .illustration-section .color-box > .sp-container .reset-custom-colors, #illustration-app-view-region #perf-test-region .color-box > .sp-container .reset-custom-colors {
        position: absolute;
        left: -61px;
        bottom: -1px;
        font-size: 13px;
        color: #5f0909; }
        #illustration-app-view-region .illustration-section .color-box > .sp-container .reset-custom-colors:hover, #illustration-app-view-region #perf-test-region .color-box > .sp-container .reset-custom-colors:hover {
          text-decoration: underline; }
    #illustration-app-view-region .illustration-section .color-box:hover .sp-container, #illustration-app-view-region #perf-test-region .color-box:hover .sp-container {
      top: -2px;
      left: 19px; }
    #illustration-app-view-region .illustration-section .popover, #illustration-app-view-region #perf-test-region .popover {
      cursor: default;
      min-width: 250px;
      max-width: 322px;
      color: #4A4C50;
      background: #f8f9fd;
      padding: 1px !important;
      z-index: 9999; }
      #illustration-app-view-region .illustration-section .popover table, #illustration-app-view-region #perf-test-region .popover table {
        border: none !important;
        background: none !important; }
        #illustration-app-view-region .illustration-section .popover table tr, #illustration-app-view-region #perf-test-region .popover table tr {
          background: none !important; }
        #illustration-app-view-region .illustration-section .popover table td, #illustration-app-view-region #perf-test-region .popover table td {
          color: #4A4C50;
          word-break: break-word; }
          #illustration-app-view-region .illustration-section .popover table td:not(.label-td), #illustration-app-view-region #perf-test-region .popover table td:not(.label-td) {
            text-align: left; }
          #illustration-app-view-region .illustration-section .popover table td.label-td, #illustration-app-view-region #perf-test-region .popover table td.label-td {
            background: none !important;
            text-align: right;
            font-weight: bold;
            padding-right: 5px;
            white-space: nowrap; }
        #illustration-app-view-region .illustration-section .popover table.table-header-table, #illustration-app-view-region #perf-test-region .popover table.table-header-table {
          width: 100%;
          margin-bottom: 6px; }
          #illustration-app-view-region .illustration-section .popover table.table-header-table tr td, #illustration-app-view-region #perf-test-region .popover table.table-header-table tr td {
            text-align: center;
            border-bottom: 1px solid #747373 !important; }
      #illustration-app-view-region .illustration-section .popover .popover-content .plot-settings-region .support-info-link, #illustration-app-view-region #perf-test-region .popover .popover-content .plot-settings-region .support-info-link {
        display: none; }
      #illustration-app-view-region .illustration-section .popover .popover-content .plot-settings-region .info-link-holder .support-info-link, #illustration-app-view-region #perf-test-region .popover .popover-content .plot-settings-region .info-link-holder .support-info-link {
        top: 4px;
        left: 36px; }
      #illustration-app-view-region .illustration-section .popover .channel-selector-holder .plot-setting-label, #illustration-app-view-region #perf-test-region .popover .channel-selector-holder .plot-setting-label {
        width: 57px !important; }
      #illustration-app-view-region .illustration-section .popover .channel-selector-holder .dropdown.bootstrap-select, #illustration-app-view-region #perf-test-region .popover .channel-selector-holder .dropdown.bootstrap-select {
        width: 181px !important; }
      #illustration-app-view-region .illustration-section .popover .simple-link-list li > a, #illustration-app-view-region #perf-test-region .popover .simple-link-list li > a {
        padding-left: 11px; }
      #illustration-app-view-region .illustration-section .popover .bootstrap-select > .dropdown-toggle .filter-option-inner-inner, #illustration-app-view-region #perf-test-region .popover .bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
        text-align: center; }
      #illustration-app-view-region .illustration-section .popover .popover-title, #illustration-app-view-region #perf-test-region .popover .popover-title {
        word-break: break-word;
        color: #4A4C50; }
      #illustration-app-view-region .illustration-section .popover .popover-axes-table .label-td, #illustration-app-view-region #perf-test-region .popover .popover-axes-table .label-td {
        padding-left: 25px; }
      #illustration-app-view-region .illustration-section .popover .popover-axes-table .bootstrap-select.minimal, #illustration-app-view-region #perf-test-region .popover .popover-axes-table .bootstrap-select.minimal {
        width: auto !important; }
        #illustration-app-view-region .illustration-section .popover .popover-axes-table .bootstrap-select.minimal .btn.dropdown-toggle, #illustration-app-view-region #perf-test-region .popover .popover-axes-table .bootstrap-select.minimal .btn.dropdown-toggle {
          margin-left: -3px;
          padding-left: 4px !important;
          background-color: transparent;
          border-color: transparent;
          width: auto;
          color: #034497;
          min-width: 100px;
          max-width: 192px; }
          #illustration-app-view-region .illustration-section .popover .popover-axes-table .bootstrap-select.minimal .btn.dropdown-toggle .filter-option-inner-inner, #illustration-app-view-region #perf-test-region .popover .popover-axes-table .bootstrap-select.minimal .btn.dropdown-toggle .filter-option-inner-inner {
            text-align: left; }
          #illustration-app-view-region .illustration-section .popover .popover-axes-table .bootstrap-select.minimal .btn.dropdown-toggle .bs-caret, #illustration-app-view-region #perf-test-region .popover .popover-axes-table .bootstrap-select.minimal .btn.dropdown-toggle .bs-caret {
            opacity: 0.5; }
          #illustration-app-view-region .illustration-section .popover .popover-axes-table .bootstrap-select.minimal .btn.dropdown-toggle:hover, #illustration-app-view-region #perf-test-region .popover .popover-axes-table .bootstrap-select.minimal .btn.dropdown-toggle:hover {
            border-color: #034497; }
            #illustration-app-view-region .illustration-section .popover .popover-axes-table .bootstrap-select.minimal .btn.dropdown-toggle:hover .bs-caret, #illustration-app-view-region #perf-test-region .popover .popover-axes-table .bootstrap-select.minimal .btn.dropdown-toggle:hover .bs-caret {
              opacity: 1; }
      #illustration-app-view-region .illustration-section .popover .popover-plot-table, #illustration-app-view-region #perf-test-region .popover .popover-plot-table {
        margin-left: -10px; }
        #illustration-app-view-region .illustration-section .popover .popover-plot-table tr, #illustration-app-view-region #perf-test-region .popover .popover-plot-table tr {
          line-height: 18px; }
        #illustration-app-view-region .illustration-section .popover .popover-plot-table .label-td, #illustration-app-view-region #perf-test-region .popover .popover-plot-table .label-td {
          padding-left: 12px; }
      #illustration-app-view-region .illustration-section .popover .dimension-dropdown-label, #illustration-app-view-region .illustration-section .popover .settings-title, #illustration-app-view-region #perf-test-region .popover .dimension-dropdown-label, #illustration-app-view-region #perf-test-region .popover .settings-title {
        padding: 8px 14px;
        line-height: 18px; }
      #illustration-app-view-region .illustration-section .popover .dimension-dropdown-label, #illustration-app-view-region #perf-test-region .popover .dimension-dropdown-label {
        margin: -10px -15px 10px -15px;
        background: #589bde;
        color: #f4f4f4;
        text-shadow: 1px 1px #333;
        font-size: 15px;
        font-weight: bold;
        border-radius: 5px 5px 0 0; }
        #illustration-app-view-region .illustration-section .popover .dimension-dropdown-label .icomoon-icon, #illustration-app-view-region #perf-test-region .popover .dimension-dropdown-label .icomoon-icon {
          color: #f4f4f4; }
        #illustration-app-view-region .illustration-section .popover .dimension-dropdown-label .padded-info-link, #illustration-app-view-region #perf-test-region .popover .dimension-dropdown-label .padded-info-link {
          float: right;
          text-shadow: none;
          padding-top: 1px;
          margin-right: -2px; }
          #illustration-app-view-region .illustration-section .popover .dimension-dropdown-label .padded-info-link i, #illustration-app-view-region #perf-test-region .popover .dimension-dropdown-label .padded-info-link i {
            color: #F2DA87; }
      #illustration-app-view-region .illustration-section .popover .dimension-region .plot-setting-holder .plot-setting-label, #illustration-app-view-region #perf-test-region .popover .dimension-region .plot-setting-holder .plot-setting-label {
        width: 80px !important;
        color: #40434c; }
      #illustration-app-view-region .illustration-section .popover .dimension-region .plot-setting-holder .orientation-selector .icomoon-icon, #illustration-app-view-region #perf-test-region .popover .dimension-region .plot-setting-holder .orientation-selector .icomoon-icon {
        padding-left: 1px; }
        #illustration-app-view-region .illustration-section .popover .dimension-region .plot-setting-holder .orientation-selector .icomoon-icon .icon-left-right-arrows, #illustration-app-view-region #perf-test-region .popover .dimension-region .plot-setting-holder .orientation-selector .icomoon-icon .icon-left-right-arrows {
          vertical-align: -1px; }
      #illustration-app-view-region .illustration-section .popover .dimension-region .plot-setting-holder .axis-placeholder, #illustration-app-view-region #perf-test-region .popover .dimension-region .plot-setting-holder .axis-placeholder {
        font-size: 15px;
        vertical-align: -2px;
        display: inline-block;
        margin: 0 0px 3px 7px; }
      #illustration-app-view-region .illustration-section .popover .dimension-region .bootstrap-select > .dropdown-toggle, #illustration-app-view-region #perf-test-region .popover .dimension-region .bootstrap-select > .dropdown-toggle {
        color: #034192; }
        #illustration-app-view-region .illustration-section .popover .dimension-region .bootstrap-select > .dropdown-toggle .filter-option, #illustration-app-view-region #perf-test-region .popover .dimension-region .bootstrap-select > .dropdown-toggle .filter-option {
          padding-top: 2px;
          padding-bottom: 1px; }
      #illustration-app-view-region .illustration-section .popover .dimension-region .open-popup-link, #illustration-app-view-region #perf-test-region .popover .dimension-region .open-popup-link {
        border: 1px solid #d5d5d5;
        display: block;
        text-align: center;
        background: #ffffff;
        padding: 6px 10px;
        border-radius: 4px;
        color: #034192;
        font-weight: normal;
        font-size: 14px;
        margin-top: 6px;
        margin-bottom: 6px; }
        #illustration-app-view-region .illustration-section .popover .dimension-region .open-popup-link .icomoon-icon, #illustration-app-view-region #perf-test-region .popover .dimension-region .open-popup-link .icomoon-icon {
          color: #034192;
          font-size: 12px;
          margin-left: 4px; }
        #illustration-app-view-region .illustration-section .popover .dimension-region .open-popup-link:hover, #illustration-app-view-region #perf-test-region .popover .dimension-region .open-popup-link:hover {
          background: #e6f2ff;
          border-color: #1c56a5; }
      #illustration-app-view-region .illustration-section .popover .settings-title, #illustration-app-view-region #perf-test-region .popover .settings-title {
        margin: 20px -15px -10px -15px;
        border-top: 1px solid #c7c7c7;
        border-bottom: 1px solid #c7c7c7;
        background-color: #d8e3f4;
        color: #08418a;
        font-size: 14px;
        display: block;
        border-radius: 0 0 5px 5px; }
        #illustration-app-view-region .illustration-section .popover .settings-title.opened, #illustration-app-view-region #perf-test-region .popover .settings-title.opened {
          border-radius: 0; }
        #illustration-app-view-region .illustration-section .popover .settings-title.non-link, #illustration-app-view-region #perf-test-region .popover .settings-title.non-link {
          width: 310px;
          padding-right: 0px;
          background-color: #f3efef;
          color: #3f4146;
          border-color: #dedfe0; }
      #illustration-app-view-region .illustration-section .popover .settings-section, #illustration-app-view-region #perf-test-region .popover .settings-section {
        margin-top: 12px; }
      #illustration-app-view-region .illustration-section .popover .plot-settings-region, #illustration-app-view-region #perf-test-region .popover .plot-settings-region {
        width: 312px; }
        #illustration-app-view-region .illustration-section .popover .plot-settings-region.not-ready-yet, #illustration-app-view-region #perf-test-region .popover .plot-settings-region.not-ready-yet {
          background: white;
          opacity: 0.01;
          height: 100px;
          overflow: hidden; }
      #illustration-app-view-region .illustration-section .popover .plot-settings-view-container, #illustration-app-view-region #perf-test-region .popover .plot-settings-view-container {
        position: relative;
        width: 322px;
        margin-top: 10px;
        margin-left: -15px;
        padding-right: 1px !important;
        padding-top: 6px;
        margin-bottom: -10px;
        border-radius: 0 0 7px 7px; }
        #illustration-app-view-region .illustration-section .popover .plot-settings-view-container .bootstrap-select > .dropdown-toggle .filter-option-inner-inner, #illustration-app-view-region #perf-test-region .popover .plot-settings-view-container .bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
          text-align: left; }
        #illustration-app-view-region .illustration-section .popover .plot-settings-view-container .onoffswitch, #illustration-app-view-region #perf-test-region .popover .plot-settings-view-container .onoffswitch {
          padding-right: 0;
          margin-left: 10px;
          margin-top: 6px; }
        #illustration-app-view-region .illustration-section .popover .plot-settings-view-container .more-settings-popup-link, #illustration-app-view-region #perf-test-region .popover .plot-settings-view-container .more-settings-popup-link {
          display: none; }
      #illustration-app-view-region .illustration-section .popover .edit-plot-settings-button, #illustration-app-view-region #perf-test-region .popover .edit-plot-settings-button {
        float: right;
        margin-top: -6px;
        padding: 4px 11px 5px;
        font-size: 14px;
        margin-left: -6px; }
      #illustration-app-view-region .illustration-section .popover .popover-footer, #illustration-app-view-region #perf-test-region .popover .popover-footer {
        width: calc(100% + 10px);
        background: #e9ecee;
        white-space: nowrap;
        margin-left: -15px;
        margin-bottom: -10px;
        margin-top: 11px;
        padding: 10px;
        border-top: 1px solid #d2d7db;
        -webkit-border-radius: 0px 0px 5px 5px;
        -moz-border-radius: 0px 0px 5px 5px;
        -o-border-radius: 0px 0px 5px 5px;
        border-radius: 0px 0px 5px 5px; }
        #illustration-app-view-region .illustration-section .popover .popover-footer > .dropdown, #illustration-app-view-region .illustration-section .popover .popover-footer > .nice-button, #illustration-app-view-region #perf-test-region .popover .popover-footer > .dropdown, #illustration-app-view-region #perf-test-region .popover .popover-footer > .nice-button {
          display: inline-block;
          width: 90px; }
      #illustration-app-view-region .illustration-section .popover .copy-plot-button, #illustration-app-view-region #perf-test-region .popover .copy-plot-button {
        top: 29px; }
        #illustration-app-view-region .illustration-section .popover .copy-plot-button .icomoon-icon, #illustration-app-view-region #perf-test-region .popover .copy-plot-button .icomoon-icon {
          padding: 0 4px 0 8px; }
      #illustration-app-view-region .illustration-section .popover .export-plot-button-holder, #illustration-app-view-region #perf-test-region .popover .export-plot-button-holder {
        top: -1px; }
      #illustration-app-view-region .illustration-section .popover .export-plot-button-holder, #illustration-app-view-region .illustration-section .popover .copy-plot-button, #illustration-app-view-region #perf-test-region .popover .export-plot-button-holder, #illustration-app-view-region #perf-test-region .popover .copy-plot-button {
        position: absolute;
        right: -1px; }
        #illustration-app-view-region .illustration-section .popover .export-plot-button-holder .nice-button, #illustration-app-view-region .illustration-section .popover .copy-plot-button .nice-button, #illustration-app-view-region #perf-test-region .popover .export-plot-button-holder .nice-button, #illustration-app-view-region #perf-test-region .popover .copy-plot-button .nice-button {
          width: 81px;
          height: 20px;
          padding-top: 5px;
          padding-left: 1px;
          padding-right: 1px;
          font-size: 15px;
          margin-top: 3px; }
          #illustration-app-view-region .illustration-section .popover .export-plot-button-holder .nice-button .icomoon-icon, #illustration-app-view-region .illustration-section .popover .copy-plot-button .nice-button .icomoon-icon, #illustration-app-view-region #perf-test-region .popover .export-plot-button-holder .nice-button .icomoon-icon, #illustration-app-view-region #perf-test-region .popover .copy-plot-button .nice-button .icomoon-icon {
            font-size: 18px; }
          #illustration-app-view-region .illustration-section .popover .export-plot-button-holder .nice-button span, #illustration-app-view-region .illustration-section .popover .copy-plot-button .nice-button span, #illustration-app-view-region #perf-test-region .popover .export-plot-button-holder .nice-button span, #illustration-app-view-region #perf-test-region .popover .copy-plot-button .nice-button span {
            vertical-align: 2px;
            color: #3b424d; }
          #illustration-app-view-region .illustration-section .popover .export-plot-button-holder .nice-button:hover, #illustration-app-view-region .illustration-section .popover .copy-plot-button .nice-button:hover, #illustration-app-view-region #perf-test-region .popover .export-plot-button-holder .nice-button:hover, #illustration-app-view-region #perf-test-region .popover .copy-plot-button .nice-button:hover {
            background: white; }
      #illustration-app-view-region .illustration-section .popover.y-axis-popover, #illustration-app-view-region #perf-test-region .popover.y-axis-popover {
        margin-top: 37%;
        width: 268px; }
      #illustration-app-view-region .illustration-section .popover .plot-setting-holder:not(.wide) .plot-setting-label, #illustration-app-view-region #perf-test-region .popover .plot-setting-holder:not(.wide) .plot-setting-label {
        width: 140px; }
      #illustration-app-view-region .illustration-section .popover.left:after, #illustration-app-view-region .illustration-section .popover.right:after, #illustration-app-view-region .illustration-section .popover.bottom:after, #illustration-app-view-region #perf-test-region .popover.left:after, #illustration-app-view-region #perf-test-region .popover.right:after, #illustration-app-view-region #perf-test-region .popover.bottom:after {
        position: absolute;
        content: " ";
        opacity: 0;
        z-index: 99999; }
      #illustration-app-view-region .illustration-section .popover.right:after, #illustration-app-view-region #perf-test-region .popover.right:after {
        left: -30px;
        top: 0;
        height: 100%;
        width: 36px; }
      #illustration-app-view-region .illustration-section .popover.left:after, #illustration-app-view-region #perf-test-region .popover.left:after {
        right: -30px;
        top: 0;
        height: 100%;
        width: 36px; }
      #illustration-app-view-region .illustration-section .popover.bottom:after, #illustration-app-view-region #perf-test-region .popover.bottom:after {
        top: -15px;
        left: 0;
        width: 100%;
        height: 19px; }
    #illustration-app-view-region .illustration-section .overlay-plot .popover .popover-title, #illustration-app-view-region .illustration-section .normal-plot .popover .popover-title, #illustration-app-view-region #perf-test-region .overlay-plot .popover .popover-title, #illustration-app-view-region #perf-test-region .normal-plot .popover .popover-title {
      padding-right: 82px;
      background-color: #f3efef;
      color: #3f4146;
      border-color: #dedfe0; }
    #illustration-app-view-region .illustration-section .heatmap-cell .popover.left:after, #illustration-app-view-region #perf-test-region .heatmap-cell .popover.left:after {
      right: -12px !important;
      width: 12px !important; }
    #illustration-app-view-region .illustration-section .heatmap-cell .popover.right:after, #illustration-app-view-region #perf-test-region .heatmap-cell .popover.right:after {
      left: -12px !important;
      width: 12px !important; }
    #illustration-app-view-region .illustration-section .heatmap-cell .popover.bottom:after, #illustration-app-view-region #perf-test-region .heatmap-cell .popover.bottom:after {
      top: -15px;
      left: 0;
      height: 20px; }
    #illustration-app-view-region .illustration-section .stats-load-blocker, #illustration-app-view-region #perf-test-region .stats-load-blocker {
      opacity: 0;
      display: none; }
    #illustration-app-view-region .illustration-section .illustration-table, #illustration-app-view-region #perf-test-region .illustration-table {
      opacity: 1; }
    #illustration-app-view-region .illustration-section .initial-loading-icon, #illustration-app-view-region #perf-test-region .initial-loading-icon {
      opacity: 0; }
    #illustration-app-view-region .illustration-section.loading .illustration-table, #illustration-app-view-region #perf-test-region.loading .illustration-table {
      opacity: 0.6; }
    #illustration-app-view-region .illustration-section.loading .initial-loading-icon, #illustration-app-view-region #perf-test-region.loading .initial-loading-icon {
      position: absolute;
      top: 50px;
      left: 80px;
      font-size: 96px;
      opacity: 0.7;
      -webkit-transition: opacity 4800ms ease-in;
      -moz-transition: opacity 4800ms ease-in;
      -o-transition: opacity 4800ms ease-in;
      -ms-transition: opacity 4800ms ease-in;
      transition: opacity 4800ms ease-in; }
    #illustration-app-view-region .illustration-section.loading .stats-load-blocker, #illustration-app-view-region #perf-test-region.loading .stats-load-blocker {
      opacity: 1;
      position: absolute;
      left: 29em;
      top: 7em;
      z-index: 1; }
      #illustration-app-view-region .illustration-section.loading .stats-load-blocker .icon-spinner2, #illustration-app-view-region #perf-test-region.loading .stats-load-blocker .icon-spinner2 {
        font-size: 48px;
        opacity: 0.9; }
    #illustration-app-view-region .illustration-section .illustration-section-header, #illustration-app-view-region #perf-test-region .illustration-section-header {
      margin-left: -60px;
      padding-right: 8px;
      padding-left: 77px;
      border-top: solid 1px #b5d0e0; }
    #illustration-app-view-region .illustration-section .plot-image, #illustration-app-view-region .illustration-section .scale-gradient-tr img, #illustration-app-view-region .illustration-section .layout-placeholder, #illustration-app-view-region .illustration-section .no-file-placeholder, #illustration-app-view-region #perf-test-region .plot-image, #illustration-app-view-region #perf-test-region .scale-gradient-tr img, #illustration-app-view-region #perf-test-region .layout-placeholder, #illustration-app-view-region #perf-test-region .no-file-placeholder {
      cursor: pointer; }
      #illustration-app-view-region .illustration-section .plot-image:hover, #illustration-app-view-region .illustration-section .scale-gradient-tr img:hover, #illustration-app-view-region .illustration-section .layout-placeholder:hover, #illustration-app-view-region .illustration-section .no-file-placeholder:hover, #illustration-app-view-region #perf-test-region .plot-image:hover, #illustration-app-view-region #perf-test-region .scale-gradient-tr img:hover, #illustration-app-view-region #perf-test-region .layout-placeholder:hover, #illustration-app-view-region #perf-test-region .no-file-placeholder:hover {
        box-shadow: 0px 0px 5px #88bef4;
        outline: 1px solid #88bef4; }
    #illustration-app-view-region .illustration-section .popover .apply-buttons-section .nice-subtle-button, #illustration-app-view-region #perf-test-region .popover .apply-buttons-section .nice-subtle-button {
      display: none;
      margin-top: 10px;
      text-align: center; }
      #illustration-app-view-region .illustration-section .popover .apply-buttons-section .nice-subtle-button.shown, #illustration-app-view-region #perf-test-region .popover .apply-buttons-section .nice-subtle-button.shown {
        display: inline-block !important; }
    #illustration-app-view-region .illustration-section .popover .apply-buttons-section .apply-button, #illustration-app-view-region #perf-test-region .popover .apply-buttons-section .apply-button {
      font-weight: bold;
      margin-left: 12px;
      width: 168px; }
    #illustration-app-view-region .illustration-section .popover .apply-buttons-section .cancel-popover-button, #illustration-app-view-region #perf-test-region .popover .apply-buttons-section .cancel-popover-button {
      margin-top: 10px;
      width: 48px; }
    #illustration-app-view-region .illustration-section .scale-gradient-tr .popover, #illustration-app-view-region #perf-test-region .scale-gradient-tr .popover {
      padding: 0 0 12px 0;
      width: 300px; }
      #illustration-app-view-region .illustration-section .scale-gradient-tr .popover .plot-setting-holder > div, #illustration-app-view-region .illustration-section .scale-gradient-tr .popover .plot-setting-holder > input, #illustration-app-view-region #perf-test-region .scale-gradient-tr .popover .plot-setting-holder > div, #illustration-app-view-region #perf-test-region .scale-gradient-tr .popover .plot-setting-holder > input {
        display: inline-block; }
        #illustration-app-view-region .illustration-section .scale-gradient-tr .popover .plot-setting-holder > div.plot-setting-label, #illustration-app-view-region .illustration-section .scale-gradient-tr .popover .plot-setting-holder > input.plot-setting-label, #illustration-app-view-region #perf-test-region .scale-gradient-tr .popover .plot-setting-holder > div.plot-setting-label, #illustration-app-view-region #perf-test-region .scale-gradient-tr .popover .plot-setting-holder > input.plot-setting-label {
          width: 72px; }
        #illustration-app-view-region .illustration-section .scale-gradient-tr .popover .plot-setting-holder > div.bootstrap-select, #illustration-app-view-region .illustration-section .scale-gradient-tr .popover .plot-setting-holder > input.bootstrap-select, #illustration-app-view-region #perf-test-region .scale-gradient-tr .popover .plot-setting-holder > div.bootstrap-select, #illustration-app-view-region #perf-test-region .scale-gradient-tr .popover .plot-setting-holder > input.bootstrap-select {
          width: 176px; }
        #illustration-app-view-region .illustration-section .scale-gradient-tr .popover .plot-setting-holder > div.nice-input, #illustration-app-view-region .illustration-section .scale-gradient-tr .popover .plot-setting-holder > input.nice-input, #illustration-app-view-region #perf-test-region .scale-gradient-tr .popover .plot-setting-holder > div.nice-input, #illustration-app-view-region #perf-test-region .scale-gradient-tr .popover .plot-setting-holder > input.nice-input {
          width: 121px; }
    #illustration-app-view-region .illustration-section .table-title, #illustration-app-view-region #perf-test-region .table-title {
      position: relative; }
      #illustration-app-view-region .illustration-section .table-title .popover.bottom, #illustration-app-view-region #perf-test-region .table-title .popover.bottom {
        left: 25% !important; }
    #illustration-app-view-region .illustration-section .table-title .popover, #illustration-app-view-region .illustration-section .x-axis.long-label-holder .popover, #illustration-app-view-region #perf-test-region .table-title .popover, #illustration-app-view-region #perf-test-region .x-axis.long-label-holder .popover {
      z-index: 9999; }
    #illustration-app-view-region .illustration-section .table-title .popover.bottom .arrow, #illustration-app-view-region .illustration-section .x-axis.long-label-holder .popover.bottom .arrow, #illustration-app-view-region #perf-test-region .table-title .popover.bottom .arrow, #illustration-app-view-region #perf-test-region .x-axis.long-label-holder .popover.bottom .arrow {
      left: 50% !important; }
    #illustration-app-view-region .illustration-section .table-title:not(.empty-title-td), #illustration-app-view-region .illustration-section .col-header-td:not(.empty-title-td), #illustration-app-view-region .illustration-section .row-title-td:not(.placeholder-row-title-td):not(.dot-overlay-holder):not(.empty-title-td), #illustration-app-view-region .illustration-section .row-title-holder:not(.empty-title-td), #illustration-app-view-region #perf-test-region .table-title:not(.empty-title-td), #illustration-app-view-region #perf-test-region .col-header-td:not(.empty-title-td), #illustration-app-view-region #perf-test-region .row-title-td:not(.placeholder-row-title-td):not(.dot-overlay-holder):not(.empty-title-td), #illustration-app-view-region #perf-test-region .row-title-holder:not(.empty-title-td) {
      cursor: move; }
      #illustration-app-view-region .illustration-section .table-title:not(.empty-title-td):hover, #illustration-app-view-region .illustration-section .col-header-td:not(.empty-title-td):hover, #illustration-app-view-region .illustration-section .row-title-td:not(.placeholder-row-title-td):not(.dot-overlay-holder):not(.empty-title-td):hover, #illustration-app-view-region .illustration-section .row-title-holder:not(.empty-title-td):hover, #illustration-app-view-region #perf-test-region .table-title:not(.empty-title-td):hover, #illustration-app-view-region #perf-test-region .col-header-td:not(.empty-title-td):hover, #illustration-app-view-region #perf-test-region .row-title-td:not(.placeholder-row-title-td):not(.dot-overlay-holder):not(.empty-title-td):hover, #illustration-app-view-region #perf-test-region .row-title-holder:not(.empty-title-td):hover {
        background: aliceblue; }
    #illustration-app-view-region .illustration-section .col-header-td .close-section-button, #illustration-app-view-region .illustration-section .row-title-td .close-section-button, #illustration-app-view-region .illustration-section .overlay-holder .close-section-button, #illustration-app-view-region .illustration-section .table-title .close-section-button, #illustration-app-view-region #perf-test-region .col-header-td .close-section-button, #illustration-app-view-region #perf-test-region .row-title-td .close-section-button, #illustration-app-view-region #perf-test-region .overlay-holder .close-section-button, #illustration-app-view-region #perf-test-region .table-title .close-section-button {
      position: absolute;
      top: 0px;
      left: 0px;
      height: 16px;
      width: 16px;
      background: white;
      color: #0f65d5;
      border: 1px solid #0f65d5;
      line-height: 6px;
      font-size: 24px;
      cursor: pointer;
      text-align: center;
      opacity: 0.7;
      z-index: 9;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      -webkit-transition: opacity 160ms ease-out;
      -moz-transition: opacity 160ms ease-out;
      -o-transition: opacity 160ms ease-out;
      -ms-transition: opacity 160ms ease-out;
      transition: opacity 160ms ease-out; }
      #illustration-app-view-region .illustration-section .col-header-td .close-section-button:hover, #illustration-app-view-region .illustration-section .row-title-td .close-section-button:hover, #illustration-app-view-region .illustration-section .overlay-holder .close-section-button:hover, #illustration-app-view-region .illustration-section .table-title .close-section-button:hover, #illustration-app-view-region #perf-test-region .col-header-td .close-section-button:hover, #illustration-app-view-region #perf-test-region .row-title-td .close-section-button:hover, #illustration-app-view-region #perf-test-region .overlay-holder .close-section-button:hover, #illustration-app-view-region #perf-test-region .table-title .close-section-button:hover {
        opacity: 1; }
    #illustration-app-view-region .illustration-section .col-header-td.ui-droppable-active, #illustration-app-view-region .illustration-section .row-title-td.ui-droppable-active, #illustration-app-view-region .illustration-section .overlay-holder.ui-droppable-active, #illustration-app-view-region .illustration-section .table-title.ui-droppable-active, #illustration-app-view-region #perf-test-region .col-header-td.ui-droppable-active, #illustration-app-view-region #perf-test-region .row-title-td.ui-droppable-active, #illustration-app-view-region #perf-test-region .overlay-holder.ui-droppable-active, #illustration-app-view-region #perf-test-region .table-title.ui-droppable-active {
      outline: 2px solid #4585c5 !important; }
    #illustration-app-view-region .illustration-section .col-header-td.ui-droppable-hover, #illustration-app-view-region .illustration-section .row-title-td.ui-droppable-hover, #illustration-app-view-region .illustration-section .overlay-holder.ui-droppable-hover, #illustration-app-view-region .illustration-section .table-title.ui-droppable-hover, #illustration-app-view-region #perf-test-region .col-header-td.ui-droppable-hover, #illustration-app-view-region #perf-test-region .row-title-td.ui-droppable-hover, #illustration-app-view-region #perf-test-region .overlay-holder.ui-droppable-hover, #illustration-app-view-region #perf-test-region .table-title.ui-droppable-hover {
      background: #4585c5 !important;
      color: white !important; }
    #illustration-app-view-region .illustration-section .col-header-td.ui-draggable-dragging .close-section-button, #illustration-app-view-region .illustration-section .col-header-td.ui-draggable-dragging .popover, #illustration-app-view-region .illustration-section .col-header-td.ui-droppable-active .close-section-button, #illustration-app-view-region .illustration-section .col-header-td.ui-droppable-active .popover, #illustration-app-view-region .illustration-section .row-title-td.ui-draggable-dragging .close-section-button, #illustration-app-view-region .illustration-section .row-title-td.ui-draggable-dragging .popover, #illustration-app-view-region .illustration-section .row-title-td.ui-droppable-active .close-section-button, #illustration-app-view-region .illustration-section .row-title-td.ui-droppable-active .popover, #illustration-app-view-region .illustration-section .overlay-holder.ui-draggable-dragging .close-section-button, #illustration-app-view-region .illustration-section .overlay-holder.ui-draggable-dragging .popover, #illustration-app-view-region .illustration-section .overlay-holder.ui-droppable-active .close-section-button, #illustration-app-view-region .illustration-section .overlay-holder.ui-droppable-active .popover, #illustration-app-view-region .illustration-section .table-title.ui-draggable-dragging .close-section-button, #illustration-app-view-region .illustration-section .table-title.ui-draggable-dragging .popover, #illustration-app-view-region .illustration-section .table-title.ui-droppable-active .close-section-button, #illustration-app-view-region .illustration-section .table-title.ui-droppable-active .popover, #illustration-app-view-region #perf-test-region .col-header-td.ui-draggable-dragging .close-section-button, #illustration-app-view-region #perf-test-region .col-header-td.ui-draggable-dragging .popover, #illustration-app-view-region #perf-test-region .col-header-td.ui-droppable-active .close-section-button, #illustration-app-view-region #perf-test-region .col-header-td.ui-droppable-active .popover, #illustration-app-view-region #perf-test-region .row-title-td.ui-draggable-dragging .close-section-button, #illustration-app-view-region #perf-test-region .row-title-td.ui-draggable-dragging .popover, #illustration-app-view-region #perf-test-region .row-title-td.ui-droppable-active .close-section-button, #illustration-app-view-region #perf-test-region .row-title-td.ui-droppable-active .popover, #illustration-app-view-region #perf-test-region .overlay-holder.ui-draggable-dragging .close-section-button, #illustration-app-view-region #perf-test-region .overlay-holder.ui-draggable-dragging .popover, #illustration-app-view-region #perf-test-region .overlay-holder.ui-droppable-active .close-section-button, #illustration-app-view-region #perf-test-region .overlay-holder.ui-droppable-active .popover, #illustration-app-view-region #perf-test-region .table-title.ui-draggable-dragging .close-section-button, #illustration-app-view-region #perf-test-region .table-title.ui-draggable-dragging .popover, #illustration-app-view-region #perf-test-region .table-title.ui-droppable-active .close-section-button, #illustration-app-view-region #perf-test-region .table-title.ui-droppable-active .popover {
      display: none !important; }
    #illustration-app-view-region .illustration-section .overlay-holder .close-section-button, #illustration-app-view-region #perf-test-region .overlay-holder .close-section-button {
      top: -12px !important;
      right: -11px !important; }
  #illustration-app-view-region #menu-panes-region > div {
    display: flex;
    flex-wrap: nowrap;
    margin-left: -3em;
    padding-left: 3em;
    background: #f7f8fc;
    width: calc(100vw - 4em); }
    #illustration-app-view-region #menu-panes-region > div .illustration-menu-pane {
      display: inline-block;
      background: white;
      border-left: 1px solid;
      border-right: 1px solid;
      border-color: #d2d2d2;
      margin-left: 6em;
      margin-right: 4em; }
      #illustration-app-view-region #menu-panes-region > div .illustration-menu-pane .illustration-section-header {
        width: calc(100% - 29.5px);
        padding-left: 30px; }
      #illustration-app-view-region #menu-panes-region > div .illustration-menu-pane:hover .section-header-button {
        opacity: 1; }
    #illustration-app-view-region #menu-panes-region > div #plot-type-editor-holder {
      padding-left: 1.25em;
      padding-bottom: 45px; }
      #illustration-app-view-region #menu-panes-region > div #plot-type-editor-holder .illustration-section-header {
        width: calc(100% - 16.5px);
        padding-left: 30px;
        margin-left: -13px; }
      #illustration-app-view-region #menu-panes-region > div #plot-type-editor-holder .plot-settings-divider {
        border-bottom: 1px solid #d5d8e2;
        margin: 7px 1px; }
  #illustration-app-view-region #layout-editor-holder {
    width: 40em;
    padding-bottom: 5em; }
  #illustration-app-view-region .illustration-table-holder {
    background: white;
    display: inline-block; }

#table-of-stats-holder {
  position: relative;
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 50px; }
  #table-of-stats-holder .gentle-info-box {
    margin-bottom: -2px; }
  #table-of-stats-holder #export-to-csv {
    border-bottom: 2px solid transparent;
    padding-bottom: 4px;
    padding-left: 4px; }
    #table-of-stats-holder #export-to-csv:hover {
      color: #0707a7;
      border-bottom-color: #0707a7; }
  #table-of-stats-holder .percentile-input {
    width: 31px;
    padding-right: 0;
    padding-left: 6px;
    margin-left: 5px; }
  #table-of-stats-holder.stats-hidden > table {
    opacity: 0 !important;
    display: block;
    overflow: hidden;
    height: 1px;
    width: 1px; }
  #table-of-stats-holder:hover #toggle-stats-link {
    background: white;
    border-color: #b8d2e3;
    opacity: 0.5; }
    #table-of-stats-holder:hover #toggle-stats-link:hover {
      opacity: 1;
      background: #f4f9fd;
      border-color: #004ea5; }
    #table-of-stats-holder:hover #toggle-stats-link:active {
      box-shadow: inset 1px 2px 4px 0px rgba(0, 0, 0, 0.2); }

#plot-settings-editor-modal {
  padding-left: 20% !important;
  padding-right: 20% !important; }
  #plot-settings-editor-modal .modal-body {
    margin-bottom: -6px; }
    #plot-settings-editor-modal .modal-body .comp-warning {
      display: inline-block;
      padding: 4px 12px !important;
      cursor: pointer;
      max-width: 131px;
      text-align: center; }
      #plot-settings-editor-modal .modal-body .comp-warning:hover {
        background-color: #fff4db; }
      #plot-settings-editor-modal .modal-body .comp-warning:active {
        box-shadow: inset 1px 2px 4px 0px rgba(0, 0, 0, 0.2); }
    #plot-settings-editor-modal .modal-body .comp-text {
      font-size: 14px;
      padding: 0 4px 0 6px;
      vertical-align: bottom;
      max-width: 146px;
      display: inline-block;
      word-break: break-word; }
  #plot-settings-editor-modal .plot-settings-region {
    display: inline-block;
    width: 29.5em;
    height: 35em;
    vertical-align: top;
    overflow-y: scroll;
    margin-left: -15px;
    background: #f8f8f9;
    margin-top: -15px;
    padding-top: 10px;
    padding-bottom: 29px;
    margin-bottom: -9px; }
    #plot-settings-editor-modal .plot-settings-region .plot-setting-holder {
      clear: both; }
      #plot-settings-editor-modal .plot-settings-region .plot-setting-holder .sp-replacer {
        opacity: 0.7;
        height: 20px !important;
        margin-right: 3px;
        margin-left: 0px; }
        #plot-settings-editor-modal .plot-settings-region .plot-setting-holder .sp-replacer .sp-dd {
          line-height: 22px !important; }
      #plot-settings-editor-modal .plot-settings-region .plot-setting-holder:hover .sp-replacer {
        opacity: 1; }
      #plot-settings-editor-modal .plot-settings-region .plot-setting-holder.right-aligned {
        float: right;
        width: 100%; }
        #plot-settings-editor-modal .plot-settings-region .plot-setting-holder.right-aligned .plot-setting-label {
          height: 24px;
          padding-top: 6px; }
        #plot-settings-editor-modal .plot-settings-region .plot-setting-holder.right-aligned .bootstrap-select {
          display: inline-block;
          margin-right: 9px;
          width: 171px !important; }
          #plot-settings-editor-modal .plot-settings-region .plot-setting-holder.right-aligned .bootstrap-select > .dropdown-menu {
            right: 0;
            left: auto; }
  #plot-settings-editor-modal .plot-holder-region {
    display: inline-block;
    padding-left: 4em;
    margin-top: 5px; }
    #plot-settings-editor-modal .plot-holder-region .standalone-plot-viewer-holder > li:first-child {
      height: 25em; }
  #plot-settings-editor-modal #plot-settings-modal-preview-plot-title {
    position: absolute;
    top: 2px;
    right: 100px;
    font-size: 14px;
    font-family: 'Open Sans', OpenSans-local;
    color: #6c6b82;
    font-style: italic;
    width: 302px;
    text-align: center; }
  #plot-settings-editor-modal .settings-section-title {
    font-weight: bold;
    font-family: 'Open Sans', OpenSans-local;
    border-bottom: 1px solid #4c4e67;
    margin: 4px 10px 6px 10px;
    padding-left: 12px;
    padding-bottom: 2px;
    color: #4c4e67;
    font-size: 13px; }
  #plot-settings-editor-modal .plot-setting-holder > .dropdown.minimal {
    vertical-align: -2px; }
  #plot-settings-editor-modal .plot-setting-holder .dropdown-toggle, #plot-settings-editor-modal .plot-setting-holder .nice-input {
    margin-bottom: 2px;
    border-color: #f8f8f9;
    background: #f8f8f9; }
    #plot-settings-editor-modal .plot-setting-holder .dropdown-toggle:hover, #plot-settings-editor-modal .plot-setting-holder .nice-input:hover {
      background: white;
      border-color: #cccccc99; }
  #plot-settings-editor-modal .plot-setting-holder:hover {
    outline: 1px solid #eaf4ff;
    background: #f8fcff; }
    #plot-settings-editor-modal .plot-setting-holder:hover .dropdown-toggle, #plot-settings-editor-modal .plot-setting-holder:hover .nice-input {
      border-color: #cccccc; }
  #plot-settings-editor-modal .plot-setting-holder.double-toggle-holder {
    position: relative;
    overflow: hidden; }
    #plot-settings-editor-modal .plot-setting-holder.double-toggle-holder > span:last-child {
      position: absolute;
      top: -14px;
      right: 60px;
      width: 50px;
      height: 22px; }
  #plot-settings-editor-modal .plot-setting-holder.only-bold-label .plot-setting-label {
    font-weight: bold; }
  #plot-settings-editor-modal .plot-setting-holder.align-text-right .plot-setting-label {
    text-align: right; }
  #plot-settings-editor-modal .plot-setting-holder.wide-label .plot-setting-label {
    width: 163px !important; }
  #plot-settings-editor-modal .plot-setting-holder.wide-label .onoffswitch {
    margin-left: 5px !important; }
  #plot-settings-editor-modal .plot-setting-holder.wide-label > .bootstrap-select {
    max-width: 138px;
    padding-left: 5px; }
    #plot-settings-editor-modal .plot-setting-holder.wide-label > .bootstrap-select .dropdown-toggle {
      margin-left: -3px; }
  #plot-settings-editor-modal .plot-setting-holder.wide-label .nice-input {
    width: 113px !important;
    margin-left: 1px;
    padding-left: 4px; }
  #plot-settings-editor-modal .overflowized {
    font-size: 14px;
    padding-left: 18px;
    color: #23232a; }
    #plot-settings-editor-modal .overflowized:hover {
      color: #135496; }
      #plot-settings-editor-modal .overflowized:hover span {
        text-decoration: underline; }
  #plot-settings-editor-modal .plot-setting-label {
    width: 130px !important;
    text-align: left;
    font-weight: normal;
    display: inline-block;
    font-size: 14px;
    padding-left: 23px;
    color: #15151d; }
  #plot-settings-editor-modal .nice-input {
    width: 156px !important;
    margin-left: 6px; }
  #plot-settings-editor-modal .plot-image-and-axes-holder .standalone-plot-image-holder {
    height: 20.45em;
    width: 22.5em; }
    #plot-settings-editor-modal .plot-image-and-axes-holder .standalone-plot-image-holder .plot-image {
      position: absolute;
      top: 0;
      right: 0;
      height: 316px; }
    #plot-settings-editor-modal .plot-image-and-axes-holder .standalone-plot-image-holder.z-plot .plot-image {
      height: 294px !important;
      top: 16px !important;
      right: -23px !important;
      min-height: unset; }

.custom-dropdown-menu .pop-out-menu-button {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 2em;
  background: #d4e4f5;
  height: 2em;
  vertical-align: middle;
  border-radius: 0px 0px 0px 5px;
  border: 1px solid #b5d0e0;
  border-width: 0 0 1px 1px;
  padding: 0;
  -webkit-border-radius: 0px 0px 0px 5px;
  -moz-border-radius: 0px 0px 0px 5px;
  -o-border-radius: 0px 0px 0px 5px;
  border-radius: 0px 0px 0px 5px; }
  .custom-dropdown-menu .pop-out-menu-button .icomoon-icon {
    line-height: 1.5em;
    margin-right: 0; }

.simple-dimension-holder .dropdown-menu, .dimension-editor-holder .dropdown-menu, .popover .dimension-region .dropdown-menu {
  overflow: hidden;
  padding-bottom: 0; }
  .simple-dimension-holder .dropdown-menu li, .dimension-editor-holder .dropdown-menu li, .popover .dimension-region .dropdown-menu li {
    padding-top: 1px;
    padding-bottom: 1px; }
    .simple-dimension-holder .dropdown-menu li .text .option-icon, .dimension-editor-holder .dropdown-menu li .text .option-icon, .popover .dimension-region .dropdown-menu li .text .option-icon {
      padding-right: 5px; }
    .simple-dimension-holder .dropdown-menu li .text span.other-selected, .dimension-editor-holder .dropdown-menu li .text span.other-selected, .popover .dimension-region .dropdown-menu li .text span.other-selected {
      color: white;
      background: #3b9dff;
      border: 1px solid white;
      text-align: right;
      margin-left: 1em;
      padding: 0 7px;
      font-size: 13px;
      overflow: hidden;
      display: inline-block;
      vertical-align: -7px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .simple-dimension-holder .dropdown-menu li .text span.other-selected .switch-button, .dimension-editor-holder .dropdown-menu li .text span.other-selected .switch-button, .popover .dimension-region .dropdown-menu li .text span.other-selected .switch-button {
        display: inline-block;
        max-width: 24px;
        padding-left: 8px;
        -webkit-transition: max-width 400ms cubic-bezier(0.23, 1, 0.32, 1);
        -moz-transition: max-width 400ms cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: max-width 400ms cubic-bezier(0.23, 1, 0.32, 1);
        -ms-transition: max-width 400ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: max-width 400ms cubic-bezier(0.23, 1, 0.32, 1); }
        .simple-dimension-holder .dropdown-menu li .text span.other-selected .switch-button .icon-loop4, .dimension-editor-holder .dropdown-menu li .text span.other-selected .switch-button .icon-loop4, .popover .dimension-region .dropdown-menu li .text span.other-selected .switch-button .icon-loop4 {
          font-size: 12px;
          padding-right: 2px; }
      .simple-dimension-holder .dropdown-menu li .text span.other-selected.disabled, .dimension-editor-holder .dropdown-menu li .text span.other-selected.disabled, .popover .dimension-region .dropdown-menu li .text span.other-selected.disabled {
        background: gray; }
      .simple-dimension-holder .dropdown-menu li .text span.other-selected:not(.disabled), .dimension-editor-holder .dropdown-menu li .text span.other-selected:not(.disabled), .popover .dimension-region .dropdown-menu li .text span.other-selected:not(.disabled) {
        cursor: pointer; }
        .simple-dimension-holder .dropdown-menu li .text span.other-selected:not(.disabled):hover, .dimension-editor-holder .dropdown-menu li .text span.other-selected:not(.disabled):hover, .popover .dimension-region .dropdown-menu li .text span.other-selected:not(.disabled):hover {
          color: #1b87f3 !important;
          background: white;
          border-color: #3b9dff;
          font-weight: bold; }
          .simple-dimension-holder .dropdown-menu li .text span.other-selected:not(.disabled):hover .switch-button, .dimension-editor-holder .dropdown-menu li .text span.other-selected:not(.disabled):hover .switch-button, .popover .dimension-region .dropdown-menu li .text span.other-selected:not(.disabled):hover .switch-button {
            color: #1b87f3 !important;
            max-width: 6.2em; }

#layout-editor-modal .orientation-button, .simple-layout-editor-container .orientation-button {
  color: #034192;
  border: 1px solid transparent;
  cursor: pointer; }
  #layout-editor-modal .orientation-button .dropdownized, .simple-layout-editor-container .orientation-button .dropdownized {
    margin-top: -1px;
    display: inline-block;
    width: 100%;
    height: 100%; }
    #layout-editor-modal .orientation-button .dropdownized:hover, .simple-layout-editor-container .orientation-button .dropdownized:hover {
      border-bottom: none !important; }
  #layout-editor-modal .orientation-button .icomoon-icon, .simple-layout-editor-container .orientation-button .icomoon-icon {
    color: #034192;
    vertical-align: -9px;
    display: inline-block;
    margin-left: -1px; }
  #layout-editor-modal .orientation-button:hover, .simple-layout-editor-container .orientation-button:hover {
    background-color: #d4ebff;
    color: #0f298c;
    border-color: #034192 !important; }
    #layout-editor-modal .orientation-button:hover .icomoon-icon, .simple-layout-editor-container .orientation-button:hover .icomoon-icon {
      opacity: 1; }
#layout-editor-modal .orientation-placeholder, .simple-layout-editor-container .orientation-placeholder {
  color: gray;
  cursor: default !important;
  border: 1px solid transparent; }
  #layout-editor-modal .orientation-placeholder .icomoon-icon, .simple-layout-editor-container .orientation-placeholder .icomoon-icon {
    vertical-align: -9px;
    display: inline;
    color: #afafaf !important; }
#layout-editor-modal .orientation-button, #layout-editor-modal .orientation-placeholder, .simple-layout-editor-container .orientation-button, .simple-layout-editor-container .orientation-placeholder {
  width: 27px;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  border: 1px solid transparent;
  height: 26px;
  margin-left: -2px;
  line-height: 13px;
  vertical-align: top; }
  #layout-editor-modal .orientation-button .dropdown-menu .orientation-arrow-holder, #layout-editor-modal .orientation-placeholder .dropdown-menu .orientation-arrow-holder, .simple-layout-editor-container .orientation-button .dropdown-menu .orientation-arrow-holder, .simple-layout-editor-container .orientation-placeholder .dropdown-menu .orientation-arrow-holder {
    color: gray;
    width: 24px;
    display: inline-block;
    height: 20px; }
    #layout-editor-modal .orientation-button .dropdown-menu .orientation-arrow-holder i, #layout-editor-modal .orientation-placeholder .dropdown-menu .orientation-arrow-holder i, .simple-layout-editor-container .orientation-button .dropdown-menu .orientation-arrow-holder i, .simple-layout-editor-container .orientation-placeholder .dropdown-menu .orientation-arrow-holder i {
      font-size: 18px;
      vertical-align: top; }
  #layout-editor-modal .orientation-button .dropdown-menu li.selected, #layout-editor-modal .orientation-placeholder .dropdown-menu li.selected, .simple-layout-editor-container .orientation-button .dropdown-menu li.selected, .simple-layout-editor-container .orientation-placeholder .dropdown-menu li.selected {
    background: #d2e7fd; }

.simple-layout-editor-container {
  margin-top: -12px;
  margin-left: -20px;
  width: 354px; }
  .simple-layout-editor-container.summary-chart-mode .orientation-placeholder {
    opacity: 0; }
  .simple-layout-editor-container.summary-chart-mode #table1-slot-holder.none-dimension {
    display: block !important;
    margin-top: -2px; }
    .simple-layout-editor-container.summary-chart-mode #table1-slot-holder.none-dimension .orientation-button-holder {
      display: none; }
  .simple-layout-editor-container.summary-chart-mode .simple-dimension-holder.channel-dimension .simple-dimension-slot .dimension-dropdown-holder {
    width: 141px !important; }
    .simple-layout-editor-container.summary-chart-mode .simple-dimension-holder.channel-dimension .simple-dimension-slot .dimension-dropdown-holder .bootstrap-select > .dropdown-toggle {
      padding-right: unset !important; }
      .simple-layout-editor-container.summary-chart-mode .simple-dimension-holder.channel-dimension .simple-dimension-slot .dimension-dropdown-holder .bootstrap-select > .dropdown-toggle .bs-caret .caret {
        right: 12px; }
  .simple-layout-editor-container.summary-chart-mode .simple-dimension-holder.channel-dimension .simple-dimension-slot .axis-selector-holder {
    display: none !important; }
  .simple-layout-editor-container #dimension-slots-holder {
    display: inline-block;
    padding-left: 22px;
    vertical-align: top;
    padding-top: 12px; }
    .simple-layout-editor-container #dimension-slots-holder .dimension-slot-holder {
      padding-bottom: 6px; }
      .simple-layout-editor-container #dimension-slots-holder .dimension-slot-holder.none-dimension {
        display: none; }
  .simple-layout-editor-container #sortable-dimensions-holder {
    display: inline-block;
    width: 239px;
    position: relative;
    padding-top: 12px; }
    .simple-layout-editor-container #sortable-dimensions-holder .sortable-placeholder {
      border: 1px dashed gray;
      background: #e8e8f3;
      width: 234px;
      height: 23px;
      margin-top: 1px;
      margin-bottom: 7px;
      border-radius: 8px; }
  .simple-layout-editor-container .dimension-slot-label {
    display: inline-block;
    font-weight: bold;
    width: 55px;
    text-align: left;
    padding-right: 6px;
    font-size: 14px;
    line-height: 28px;
    vertical-align: top;
    color: #303133;
    white-space: nowrap; }
  .simple-layout-editor-container .simple-dimension-holder {
    padding-left: 3px;
    opacity: 0; }
    .simple-layout-editor-container .simple-dimension-holder.ui-droppable-active {
      box-shadow: 0px 0px 5px #88bef4;
      outline: 1px solid #88bef4; }
    .simple-layout-editor-container .simple-dimension-holder.ui-droppable-hover {
      background: #e3f0ff; }
    .simple-layout-editor-container .simple-dimension-holder.table-dimension.none-dimension.loaded {
      margin-bottom: 8px; }
    .simple-layout-editor-container .simple-dimension-holder.loaded {
      opacity: 1; }
      .simple-layout-editor-container .simple-dimension-holder.loaded .axis-placeholder, .simple-layout-editor-container .simple-dimension-holder.loaded .axis-selector-holder {
        display: inline-block !important; }
    .simple-layout-editor-container .simple-dimension-holder.none-dimension .dimension-slot-label {
      opacity: 0; }
    .simple-layout-editor-container .simple-dimension-holder.none-dimension .simple-dimension-slot .dimension-dropdown-holder {
      border: none;
      margin-right: 25px; }
      .simple-layout-editor-container .simple-dimension-holder.none-dimension .simple-dimension-slot .dimension-dropdown-holder .dropdown-menu.inner > li:first-child {
        display: none; }
      .simple-layout-editor-container .simple-dimension-holder.none-dimension .simple-dimension-slot .dimension-dropdown-holder .bootstrap-select > .dropdown-toggle {
        width: 234px;
        border-radius: 11px !important;
        border: 1px dashed transparent;
        border-style: dashed !important;
        color: #3566b5;
        opacity: 0.9; }
        .simple-layout-editor-container .simple-dimension-holder.none-dimension .simple-dimension-slot .dimension-dropdown-holder .bootstrap-select > .dropdown-toggle .bs-caret {
          opacity: 0; }
        .simple-layout-editor-container .simple-dimension-holder.none-dimension .simple-dimension-slot .dimension-dropdown-holder .bootstrap-select > .dropdown-toggle:hover {
          border-color: #3566b5 !important;
          background-color: #e8f3ff;
          opacity: 1; }
          .simple-layout-editor-container .simple-dimension-holder.none-dimension .simple-dimension-slot .dimension-dropdown-holder .bootstrap-select > .dropdown-toggle:hover .bs-caret {
            opacity: 0.8; }
          .simple-layout-editor-container .simple-dimension-holder.none-dimension .simple-dimension-slot .dimension-dropdown-holder .bootstrap-select > .dropdown-toggle:hover .dimension-type-name {
            color: #0f408e !important; }
        .simple-layout-editor-container .simple-dimension-holder.none-dimension .simple-dimension-slot .dimension-dropdown-holder .bootstrap-select > .dropdown-toggle .filter-option-inner-inner {
          text-align: left; }
        .simple-layout-editor-container .simple-dimension-holder.none-dimension .simple-dimension-slot .dimension-dropdown-holder .bootstrap-select > .dropdown-toggle .dimension-type-name {
          color: #506686; }
          .simple-layout-editor-container .simple-dimension-holder.none-dimension .simple-dimension-slot .dimension-dropdown-holder .bootstrap-select > .dropdown-toggle .dimension-type-name .icon-plus-circle {
            font-size: 12px;
            vertical-align: 2px; }
        .simple-layout-editor-container .simple-dimension-holder.none-dimension .simple-dimension-slot .dimension-dropdown-holder .bootstrap-select > .dropdown-toggle .icon-close2 {
          display: none; }
    .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot {
      display: inline-block;
      white-space: nowrap;
      margin-bottom: 4px;
      margin-top: 1px;
      right: 0px;
      padding-right: 4px;
      position: relative; }
      .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .dimension-dropdown-holder, .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .open-popup-link, .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .dragger-handle, .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .axis-selector-holder {
        color: #034192;
        border: 1px solid transparent;
        cursor: pointer; }
        .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .dimension-dropdown-holder:hover, .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .open-popup-link:hover, .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .dragger-handle:hover, .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .axis-selector-holder:hover {
          background-color: #d4ebff;
          color: #0f298c; }
      .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .close-dimension-button {
        position: absolute;
        right: -23px;
        top: 1px;
        padding: 3px !important;
        border: 1px solid transparent;
        border-radius: 7px;
        opacity: 0;
        cursor: pointer; }
        .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .close-dimension-button .icomoon-icon {
          color: #42679a; }
        .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .close-dimension-button:hover {
          border-color: #034192;
          background-color: #d4ebff; }
          .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .close-dimension-button:hover .icomoon-icon {
            color: #003e94; }
      .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot:hover .dimension-dropdown-holder, .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot:hover .open-popup-link, .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot:hover .dragger-handle, .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot:hover .axis-selector-holder, .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot:hover .axis-placeholder {
        border-color: #034192 !important; }
      .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot:hover .dragger-handle {
        background-image: radial-gradient(circle at 5px 4px, #084799 1px, #ffffff 0) !important; }
      .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot:hover .close-dimension-button {
        opacity: 1; }
      .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot.ui-sortable-helper {
        left: 0; }
        .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot.ui-sortable-helper .statistical-test-label, .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot.ui-sortable-helper .close-dimension-button {
          opacity: 0.1 !important; }
      .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .dimension-dropdown-holder {
        width: 141px;
        display: inline-block;
        border-radius: 11px 0 0 11px;
        border-left-color: transparent;
        border-top-color: transparent;
        height: 26px;
        vertical-align: -2px; }
        .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .dimension-dropdown-holder > select {
          vertical-align: middle;
          opacity: 0;
          height: 26px; }
        .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .dimension-dropdown-holder .bootstrap-select > .dropdown-toggle {
          border: none;
          border-radius: 11px 0 0 11px;
          color: #034192; }
        .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .dimension-dropdown-holder .bs-caret {
          opacity: 0; }
        .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .dimension-dropdown-holder:hover .bootstrap-select > .dropdown-toggle {
          color: #034192;
          background-color: #d4ebff; }
          .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .dimension-dropdown-holder:hover .bootstrap-select > .dropdown-toggle .bs-caret {
            opacity: 1; }
      .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .open-popup-link {
        display: inline-block;
        font-size: 14px;
        padding: 7px 0 5px 0;
        line-height: 14px;
        vertical-align: top;
        width: 69px;
        text-align: center;
        background: #FFF;
        border-top-color: rgba(0, 0, 0, 0);
        border-left: none;
        margin-left: -2px;
        color: #034192; }
      .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .axis-placeholder, .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .axis-selector-holder {
        display: none;
        height: 26px;
        vertical-align: -2px;
        margin-left: -3px; }
      .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .axis-placeholder {
        color: gray;
        cursor: default !important;
        border: 1px solid transparent;
        width: 27px;
        vertical-align: 0px;
        text-align: left;
        font-size: 14px;
        padding-left: 6px;
        vertical-align: top;
        line-height: 25px; }
      .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .axis-selector-holder {
        width: 33px;
        vertical-align: top; }
        .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .axis-selector-holder .bootstrap-select > button {
          border: none;
          padding: 3px 3px 3px 5px !important;
          color: #034192; }
          .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .axis-selector-holder .bootstrap-select > button .bs-caret {
            opacity: 0; }
            .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .axis-selector-holder .bootstrap-select > button .bs-caret .caret {
              right: 6px; }
        .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .axis-selector-holder:hover .bootstrap-select > .dropdown-toggle {
          color: #034192;
          background-color: #d4ebff; }
          .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .axis-selector-holder:hover .bootstrap-select > .dropdown-toggle .bs-caret {
            opacity: 1; }
      .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .dragger-handle {
        display: inline-block;
        text-align: center;
        border-left: none;
        border-top-color: rgba(0, 0, 0, 0);
        height: 20px;
        padding: 6px 7px 0 7px;
        margin-left: -2px;
        line-height: 13px;
        vertical-align: top;
        width: 7px;
        background-image: radial-gradient(circle at 5px 4px, #a0a0a036 1px, transparent 0);
        background-size: 6px 6px;
        cursor: move;
        border-radius: 0 11px 11px 0; }
        .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .dragger-handle:hover {
          background-color: unset !important;
          background-image: radial-gradient(circle at 5px 4px, black 1px, #d4ebff 0) !important; }
      .simple-layout-editor-container .simple-dimension-holder .simple-dimension-slot .statistical-test-label {
        display: inline-block;
        padding: 3px 4px;
        font-size: 13px;
        border-radius: 5px;
        vertical-align: -4px;
        background: #d0e5f8;
        color: #00469b;
        min-width: 37px;
        text-align: center; }
    .simple-layout-editor-container .simple-dimension-holder.channel-dimension .simple-dimension-slot .dimension-dropdown-holder {
      width: 107px; }
      .simple-layout-editor-container .simple-dimension-holder.channel-dimension .simple-dimension-slot .dimension-dropdown-holder .bootstrap-select > .dropdown-toggle {
        padding-right: 17px !important; }
        .simple-layout-editor-container .simple-dimension-holder.channel-dimension .simple-dimension-slot .dimension-dropdown-holder .bootstrap-select > .dropdown-toggle .bs-caret .caret {
          right: 8px; }
    .simple-layout-editor-container .simple-dimension-holder.hidden-dimension {
      opacity: 0;
      pointer-events: none; }
    .simple-layout-editor-container .simple-dimension-holder.invalid .simple-dimension-slot .dimension-dropdown-holder {
      border-color: #c30101 transparent #c30101 #c30101 !important; }
    .simple-layout-editor-container .simple-dimension-holder.invalid .simple-dimension-slot .axis-selector-holder, .simple-layout-editor-container .simple-dimension-holder.invalid .simple-dimension-slot .open-popup-link, .simple-layout-editor-container .simple-dimension-holder.invalid .simple-dimension-slot .axis-placeholder {
      border-color: #c30101 transparent #c30101 transparent !important; }
    .simple-layout-editor-container .simple-dimension-holder.invalid .simple-dimension-slot .dragger-handle {
      border-color: #c30101 #c30101 #c30101 transparent !important; }
    .simple-layout-editor-container .simple-dimension-holder.invalid .simple-dimension-slot .dropdown-toggle, .simple-layout-editor-container .simple-dimension-holder.invalid .simple-dimension-slot .axis-selector-holder, .simple-layout-editor-container .simple-dimension-holder.invalid .simple-dimension-slot .axis-placeholder, .simple-layout-editor-container .simple-dimension-holder.invalid .simple-dimension-slot .open-popup-link, .simple-layout-editor-container .simple-dimension-holder.invalid .simple-dimension-slot .dragger-handle {
      background-color: #fbe4e5 !important; }
      .simple-layout-editor-container .simple-dimension-holder.invalid .simple-dimension-slot .dropdown-toggle:hover, .simple-layout-editor-container .simple-dimension-holder.invalid .simple-dimension-slot .axis-selector-holder:hover, .simple-layout-editor-container .simple-dimension-holder.invalid .simple-dimension-slot .axis-placeholder:hover, .simple-layout-editor-container .simple-dimension-holder.invalid .simple-dimension-slot .open-popup-link:hover, .simple-layout-editor-container .simple-dimension-holder.invalid .simple-dimension-slot .dragger-handle:hover {
        background-color: #fdf1f2 !important; }
    .simple-layout-editor-container .simple-dimension-holder.invalid .simple-dimension-slot .dragger-handle {
      background-image: radial-gradient(circle at 5px 4px, #f75656c7 1px, #fbe4e5 0) !important; }
      .simple-layout-editor-container .simple-dimension-holder.invalid .simple-dimension-slot .dragger-handle:hover {
        background-image: radial-gradient(circle at 5px 4px, #c30101 1px, #fdf1f2 0) !important; }

#layout-editor-modal .modal-body {
  overflow: scroll;
  min-height: 80vh;
  background: #f6f7f9; }
  #layout-editor-modal .modal-body .open-popup-link {
    border-radius: 0px 0px 3px 3px !important; }
    #layout-editor-modal .modal-body .open-popup-link:hover .icon-new-tab {
      color: #003f88 !important; }
  #layout-editor-modal .modal-body .expanded-dimension-view-holder .type-selector {
    width: 147px; }
  #layout-editor-modal .modal-body .expanded-dimension-view-holder .dimension-handle {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    width: 30px;
    border-radius: 0 3px 0 0;
    background-image: radial-gradient(circle at 5px 3px, #6da5e2 1px, #3f84d1 0);
    background-size: 7px 6px;
    cursor: move; }
    #layout-editor-modal .modal-body .expanded-dimension-view-holder .dimension-handle:hover {
      background-image: radial-gradient(circle at 5px 4px, #1758AC 1px, #ddedfb 0); }
  #layout-editor-modal .modal-body .none-dimension .dropdown-menu.inner > li:first-child {
    display: none; }
  #layout-editor-modal .modal-body .none-dimension.ui-droppable-active {
    height: 102px !important;
    vertical-align: top !important;
    border-style: dashed;
    background: #edf4fd;
    padding-top: 70px; }
  #layout-editor-modal .modal-body .dimension-slot-label {
    font-weight: bold;
    font-size: 14px;
    color: #303133; }
  #layout-editor-modal .modal-body .dimension-slot-holder {
    display: inline-block; }
    #layout-editor-modal .modal-body .dimension-slot-holder.none-dimension {
      display: none !important; }
  #layout-editor-modal .modal-body .orientation-placeholder {
    margin-top: -5px; }
  #layout-editor-modal .modal-body .orientation-button {
    margin-top: -4px;
    height: 21px !important;
    line-height: 12px; }
#layout-editor-modal .sortable-placeholder {
  height: 145px;
  display: inline-block;
  width: 164px;
  background: #e4e3e3;
  border: 1px dashed gray;
  border-radius: 7px;
  vertical-align: top; }
#layout-editor-modal .dimension-editor-holder .type-selector button.dropdown-toggle {
  border-radius: 3px 0px 0px 0px !important; }
#layout-editor-modal .dimension-editor-holder .channel-dimension-axis-selector button.dropdown-toggle {
  border-radius: 0px !important; }
#layout-editor-modal .dimension-editor-holder .type-selector button.dropdown-toggle, #layout-editor-modal .dimension-editor-holder .channel-dimension-axis-selector button.dropdown-toggle {
  background: #4386ce;
  color: white; }
  #layout-editor-modal .dimension-editor-holder .type-selector button.dropdown-toggle .caret, #layout-editor-modal .dimension-editor-holder .channel-dimension-axis-selector button.dropdown-toggle .caret {
    border-top-color: white;
    opacity: 0.25; }
  #layout-editor-modal .dimension-editor-holder .type-selector button.dropdown-toggle:hover, #layout-editor-modal .dimension-editor-holder .channel-dimension-axis-selector button.dropdown-toggle:hover {
    color: #1758AC; }
#layout-editor-modal .dimension-editor-holder:not(.loaded) {
  width: 20px !important;
  visibility: hidden; }
#layout-editor-modal .dimension-editor-holder.none-dimension {
  display: none; }
  #layout-editor-modal .dimension-editor-holder.none-dimension.loaded {
    display: none; }
#layout-editor-modal .dimension-editor-holder.add-new-dimension {
  display: inline-block;
  border-width: 1px !important; }
  #layout-editor-modal .dimension-editor-holder.add-new-dimension button.dropdown-toggle {
    background: white;
    color: #1758AC;
    padding-bottom: 4px !important;
    border-radius: 4px !important; }
    #layout-editor-modal .dimension-editor-holder.add-new-dimension button.dropdown-toggle:hover {
      background: #ddedfb; }
    #layout-editor-modal .dimension-editor-holder.add-new-dimension button.dropdown-toggle .bs-caret {
      display: none; }
#layout-editor-modal #column-dimension-slots-holder {
  position: absolute;
  left: 220px;
  overflow: visible; }
  #layout-editor-modal #column-dimension-slots-holder .dimension-slot-holder {
    display: inline-block;
    white-space: nowrap;
    width: 175px;
    vertical-align: top;
    margin-right: 13px; }
    #layout-editor-modal #column-dimension-slots-holder .dimension-slot-holder .dimension-slot-label {
      display: inline-block;
      margin-right: 10px;
      vertical-align: top; }
#layout-editor-modal #row-dimension-slots-holder {
  position: absolute;
  top: 193px;
  left: 13px;
  width: 120px; }
  #layout-editor-modal #row-dimension-slots-holder .dimension-slot-holder {
    display: block;
    white-space: nowrap;
    width: 170px;
    height: 181px;
    vertical-align: top; }
    #layout-editor-modal #row-dimension-slots-holder .dimension-slot-holder .dimension-slot-label {
      display: inline-block; }
#layout-editor-modal #sortable-column-dimensions-holder {
  position: absolute;
  top: 37px;
  left: 208px;
  white-space: nowrap; }
  #layout-editor-modal #sortable-column-dimensions-holder .sortable-placeholder {
    margin-left: 10px; }
  #layout-editor-modal #sortable-column-dimensions-holder .dimension-editor-holder {
    display: inline-block; }
    #layout-editor-modal #sortable-column-dimensions-holder .dimension-editor-holder.loaded {
      margin-left: 10px; }
  #layout-editor-modal #sortable-column-dimensions-holder .add-new-dimension {
    vertical-align: 70px; }
#layout-editor-modal #sortable-row-dimensions-holder {
  position: absolute;
  top: 214px;
  left: 12px;
  width: 1px; }
  #layout-editor-modal #sortable-row-dimensions-holder .row-dimension-spacer {
    width: 1px;
    height: 34px;
    padding: 0;
    margin: 0; }
    #layout-editor-modal #sortable-row-dimensions-holder .row-dimension-spacer.none-dimension {
      display: none; }
  #layout-editor-modal #sortable-row-dimensions-holder .orientation-button-holder .orientation-button {
    margin-left: 2px;
    padding-bottom: 3px; }
  #layout-editor-modal #sortable-row-dimensions-holder .dimension-editor-holder {
    display: inline-block; }
    #layout-editor-modal #sortable-row-dimensions-holder .dimension-editor-holder.add-new-dimension.loaded {
      margin-top: 12px; }
  #layout-editor-modal #sortable-row-dimensions-holder .sortable-placeholder {
    width: 176px;
    margin-top: 34px; }
#layout-editor-modal .illustration-section-header {
  position: absolute;
  top: 199px;
  left: 222px;
  z-index: 1;
  font-weight: bold;
  font-size: 14px;
  background: #f6f7f9;
  display: block;
  padding: 4px 2px;
  font-family: 'Open Sans', OpenSans-local; }
  #layout-editor-modal .illustration-section-header .zoom-out-button, #layout-editor-modal .illustration-section-header .zoom-in-button {
    display: inline-block;
    vertical-align: -3px;
    margin-left: 6px;
    cursor: pointer;
    opacity: 0.8; }
    #layout-editor-modal .illustration-section-header .zoom-out-button .icomoon-icon, #layout-editor-modal .illustration-section-header .zoom-in-button .icomoon-icon {
      color: #1758AC; }
    #layout-editor-modal .illustration-section-header .zoom-out-button:hover:not(.disabled), #layout-editor-modal .illustration-section-header .zoom-in-button:hover:not(.disabled) {
      opacity: 1;
      border-bottom: 2px solid #1758AC; }
    #layout-editor-modal .illustration-section-header .zoom-out-button.disabled, #layout-editor-modal .illustration-section-header .zoom-in-button.disabled {
      cursor: default;
      opacity: 0.7; }
      #layout-editor-modal .illustration-section-header .zoom-out-button.disabled .icomoon-icon, #layout-editor-modal .illustration-section-header .zoom-in-button.disabled .icomoon-icon {
        color: #bfbebe; }
#layout-editor-modal #layout-editor-preview-zone {
  background: #f9f9f9;
  padding: 8px;
  position: absolute;
  top: 211px;
  left: 216px;
  border-top: 2px solid #dbdfe6;
  margin-top: 3px;
  border-left: 2px solid #dbdfe6;
  min-height: 280px;
  transform-origin: top left; }
  #layout-editor-modal #layout-editor-preview-zone .stats-load-blocker {
    display: none; }
  #layout-editor-modal #layout-editor-preview-zone .more-tables-text {
    white-space: nowrap;
    font-size: 14px;
    font-weight: bold; }
  #layout-editor-modal #layout-editor-preview-zone .illustration-section-header {
    display: none; }
  #layout-editor-modal #layout-editor-preview-zone .table-title, #layout-editor-modal #layout-editor-preview-zone .table-dimension-type {
    text-align: center;
    width: 97%;
    margin-left: auto;
    font-family: 'Open Sans', OpenSans-local;
    font-weight: bold; }
    #layout-editor-modal #layout-editor-preview-zone .table-title.table-dim-0, #layout-editor-modal #layout-editor-preview-zone .table-dimension-type.table-dim-0 {
      font-size: 14px; }
    #layout-editor-modal #layout-editor-preview-zone .table-title.table-dim-1, #layout-editor-modal #layout-editor-preview-zone .table-dimension-type.table-dim-1 {
      font-size: 15px; }
    #layout-editor-modal #layout-editor-preview-zone .table-title.table-dim-2, #layout-editor-modal #layout-editor-preview-zone .table-dimension-type.table-dim-2 {
      font-size: 16px; }
    #layout-editor-modal #layout-editor-preview-zone .table-title.table-dim-3, #layout-editor-modal #layout-editor-preview-zone .table-dimension-type.table-dim-3 {
      font-size: 17px; }
  #layout-editor-modal #layout-editor-preview-zone .table-title {
    border-bottom: 1px solid #3b475f;
    padding-bottom: 1px; }
  #layout-editor-modal #layout-editor-preview-zone .table-dimension-type.rotated-title {
    border-left: 1px solid #3b475f;
    height: 58%;
    padding-left: 4px; }
  #layout-editor-modal #layout-editor-preview-zone table {
    margin-left: auto;
    margin-right: auto; }
    #layout-editor-modal #layout-editor-preview-zone table thead td, #layout-editor-modal #layout-editor-preview-zone table thead th {
      background: #f9f9f9;
      background-clip: padding-box; }
    #layout-editor-modal #layout-editor-preview-zone table td, #layout-editor-modal #layout-editor-preview-zone table th {
      border: none;
      background: #f9f9f9;
      background-clip: padding-box; }
  #layout-editor-modal #layout-editor-preview-zone .illustration-table {
    border-collapse: collapse;
    margin: 0 2px 0 2px; }
    #layout-editor-modal #layout-editor-preview-zone .illustration-table.rows-1 .td-preview-item {
      height: 73.5px;
      line-height: 72px; }
    #layout-editor-modal #layout-editor-preview-zone .illustration-table.rows-2 .td-preview-item {
      height: 34.5px;
      line-height: 34px; }
    #layout-editor-modal #layout-editor-preview-zone .illustration-table.rows-3 .td-preview-item {
      height: 21.5px;
      line-height: 21px; }
    #layout-editor-modal #layout-editor-preview-zone .illustration-table tbody {
      background-color: #eaeaea; }
      #layout-editor-modal #layout-editor-preview-zone .illustration-table tbody td, #layout-editor-modal #layout-editor-preview-zone .illustration-table tbody th {
        border: 2px solid #a0a0a0 !important; }
      #layout-editor-modal #layout-editor-preview-zone .illustration-table tbody tr td {
        padding: 0; }
        #layout-editor-modal #layout-editor-preview-zone .illustration-table tbody tr td.preview-td:hover {
          box-shadow: 0px 0px 5px #368fe8;
          outline: 1px solid #368fe8 !important; }
        #layout-editor-modal #layout-editor-preview-zone .illustration-table tbody tr td.preview-td.has-error {
          border-color: darkred !important;
          outline: 1px solid darkred; }
        #layout-editor-modal #layout-editor-preview-zone .illustration-table tbody tr td .td-error-item {
          white-space: nowrap;
          text-align: center;
          padding: 5px 0;
          color: darkred;
          background: #f9d9d9;
          font-weight: bold;
          font-size: 13px; }
        #layout-editor-modal #layout-editor-preview-zone .illustration-table tbody tr td .td-preview-item {
          white-space: nowrap;
          text-align: left;
          overflow: hidden;
          text-overflow: ellipsis;
          font-size: 11px;
          padding: 2px 8px 2px 5px;
          height: 20px;
          line-height: 19px; }
          #layout-editor-modal #layout-editor-preview-zone .illustration-table tbody tr td .td-preview-item.color-col-1 {
            background-color: #e2eeff;
            color: #204e98; }
          #layout-editor-modal #layout-editor-preview-zone .illustration-table tbody tr td .td-preview-item.color-row-1 {
            background-color: #fef5e6;
            color: #945700; }
          #layout-editor-modal #layout-editor-preview-zone .illustration-table tbody tr td .td-preview-item.color-col-2 {
            background-color: #f0ecf6;
            color: #523f67; }
          #layout-editor-modal #layout-editor-preview-zone .illustration-table tbody tr td .td-preview-item.color-row-2 {
            background-color: #e6f1eb;
            color: #025224; }
          #layout-editor-modal #layout-editor-preview-zone .illustration-table tbody tr td .td-preview-item.color-col-3 {
            background-color: #feeaef;
            color: #843e4f; }
          #layout-editor-modal #layout-editor-preview-zone .illustration-table tbody tr td .td-preview-item.color-row-3 {
            background-color: #d6d6d6;
            color: #353535; }
          #layout-editor-modal #layout-editor-preview-zone .illustration-table tbody tr td .td-preview-item.color-col-4 {
            background-color: #faf2d4;
            color: #6f5900; }
          #layout-editor-modal #layout-editor-preview-zone .illustration-table tbody tr td .td-preview-item.color-row-4 {
            background-color: #dfffd9;
            color: #023a1e; }

#layout-editor-region {
  padding-left: 2em;
  padding-right: 2em; }

.layout-editor-container {
  font-size: 11px;
  width: 18em;
  -webkit-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.layout-editor-container.table-one-empty, #layout-editor-modal .modal-body.table-one-empty {
  padding-top: 1em; }
  .layout-editor-container.table-one-empty #rows-holder, #layout-editor-modal .modal-body.table-one-empty #rows-holder {
    margin-top: 2em; }
  .layout-editor-container.table-one-empty #columns-holder, #layout-editor-modal .modal-body.table-one-empty #columns-holder {
    bottom: -2.3em;
    left: 19em; }
  .layout-editor-container.table-one-empty #channels-section, #layout-editor-modal .modal-body.table-one-empty #channels-section {
    right: -15em; }
  .layout-editor-container.table-one-empty .svg-right-arrow, #layout-editor-modal .modal-body.table-one-empty .svg-right-arrow {
    bottom: 1.1em;
    width: 28em; }
.layout-editor-container #rows-dimension-editor-region:not(.ui-draggable-dragging), #layout-editor-modal .modal-body #rows-dimension-editor-region:not(.ui-draggable-dragging) {
  left: -4em !important;
  z-index: 3 !important; }
.layout-editor-container #rows-dimension-editor-region.none-dimension, #layout-editor-modal .modal-body #rows-dimension-editor-region.none-dimension {
  margin-bottom: 3em; }
.layout-editor-container #table1-holder .dimension-editor-holder, #layout-editor-modal .modal-body #table1-holder .dimension-editor-holder {
  margin-right: 4em; }
.layout-editor-container #table2-holder .dimension-editor-holder, #layout-editor-modal .modal-body #table2-holder .dimension-editor-holder {
  margin-right: 6em; }
.layout-editor-container #table3-holder .dimension-editor-holder, #layout-editor-modal .modal-body #table3-holder .dimension-editor-holder {
  margin-right: 8em; }
.layout-editor-container #table4-holder .dimension-editor-holder, #layout-editor-modal .modal-body #table4-holder .dimension-editor-holder {
  margin-right: 10em; }
.layout-editor-container #columns-holder, #layout-editor-modal .modal-body #columns-holder {
  position: absolute;
  left: 17em;
  bottom: -1em;
  z-index: 3; }
.layout-editor-container #channels-section, #layout-editor-modal .modal-body #channels-section {
  position: absolute;
  right: -13em;
  top: -2px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  height: 84px; }
  .layout-editor-container #channels-section.has-z-channel, #layout-editor-modal .modal-body #channels-section.has-z-channel {
    top: 12px; }
  .layout-editor-container #channels-section.has-stats-channel .plot-setting-label, #layout-editor-modal .modal-body #channels-section.has-stats-channel .plot-setting-label {
    width: 100% !important;
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .layout-editor-container #channels-section.has-stats-channel .dropdown.bootstrap-select, #layout-editor-modal .modal-body #channels-section.has-stats-channel .dropdown.bootstrap-select {
    width: calc(100% - 6px) !important;
    margin-left: 3px; }
    .layout-editor-container #channels-section.has-stats-channel .dropdown.bootstrap-select .filter-option-inner-inner, #layout-editor-modal .modal-body #channels-section.has-stats-channel .dropdown.bootstrap-select .filter-option-inner-inner {
      text-align: center; }
  .layout-editor-container #channels-section .dimension-dropdown-label, #layout-editor-modal .modal-body #channels-section .dimension-dropdown-label {
    display: none; }
    .layout-editor-container #channels-section .dimension-dropdown-label > span, #layout-editor-modal .modal-body #channels-section .dimension-dropdown-label > span {
      padding-left: 4px; }
  .layout-editor-container #channels-section .dimension-editor-holder, #layout-editor-modal .modal-body #channels-section .dimension-editor-holder {
    border-color: #8faecd;
    height: auto; }
    .layout-editor-container #channels-section .dimension-editor-holder .channel-settings-flex-holder, #layout-editor-modal .modal-body #channels-section .dimension-editor-holder .channel-settings-flex-holder {
      height: auto; }
  .layout-editor-container #channels-section .channel-setting-holder .bootstrap-select, #layout-editor-modal .modal-body #channels-section .channel-setting-holder .bootstrap-select {
    display: inline-block; }
  .layout-editor-container #channels-section .channel-setting-holder button.dropdown-toggle, #layout-editor-modal .modal-body #channels-section .channel-setting-holder button.dropdown-toggle {
    line-height: 21px;
    padding-top: 4px !important;
    padding-bottom: 2px !important; }
    .layout-editor-container #channels-section .channel-setting-holder button.dropdown-toggle .filter-option-inner-inner, #layout-editor-modal .modal-body #channels-section .channel-setting-holder button.dropdown-toggle .filter-option-inner-inner {
      text-align: left;
      padding-left: 3px; }
  .layout-editor-container #channels-section .channel-setting-holder .plot-setting-label, #layout-editor-modal .modal-body #channels-section .channel-setting-holder .plot-setting-label {
    font-weight: bold;
    font-size: 14px;
    vertical-align: -3px;
    padding: 2px 2px 2px 13px;
    width: auto; }
.layout-editor-container .top-dropdown-header, #layout-editor-modal .modal-body .top-dropdown-header {
  color: #10121b;
  padding-left: 8px;
  display: block;
  margin-bottom: 3px;
  border-bottom: 1px solid gray;
  width: 100%;
  padding-bottom: 4px; }
.layout-editor-container .dimension-dropdown-label, #layout-editor-modal .modal-body .dimension-dropdown-label {
  font-weight: bold;
  font-size: 14px;
  width: 159px;
  background: #4585c5;
  line-height: 19px;
  padding-bottom: 3px;
  color: #f4f4f4;
  text-shadow: 1px 1px #333;
  border-radius: 3px 3px 0 0; }
  .layout-editor-container .dimension-dropdown-label:hover, #layout-editor-modal .modal-body .dimension-dropdown-label:hover {
    text-shadow: none; }
  .layout-editor-container .dimension-dropdown-label.ui-draggable-handle, #layout-editor-modal .modal-body .dimension-dropdown-label.ui-draggable-handle {
    cursor: move; }
    .layout-editor-container .dimension-dropdown-label.ui-draggable-handle:hover, #layout-editor-modal .modal-body .dimension-dropdown-label.ui-draggable-handle:hover {
      background: #88bef4;
      border-radius: 4px 4px 0 0;
      box-shadow: 0px 0px 3px #88bef4; }
      .layout-editor-container .dimension-dropdown-label.ui-draggable-handle:hover .close-dimension-button, .layout-editor-container .dimension-dropdown-label.ui-draggable-handle:hover .orientation-button, #layout-editor-modal .modal-body .dimension-dropdown-label.ui-draggable-handle:hover .close-dimension-button, #layout-editor-modal .modal-body .dimension-dropdown-label.ui-draggable-handle:hover .orientation-button {
        background: #4585c5 !important; }
        .layout-editor-container .dimension-dropdown-label.ui-draggable-handle:hover .close-dimension-button:hover, .layout-editor-container .dimension-dropdown-label.ui-draggable-handle:hover .orientation-button:hover, #layout-editor-modal .modal-body .dimension-dropdown-label.ui-draggable-handle:hover .close-dimension-button:hover, #layout-editor-modal .modal-body .dimension-dropdown-label.ui-draggable-handle:hover .orientation-button:hover {
          background: #a9afb4 !important; }
          .layout-editor-container .dimension-dropdown-label.ui-draggable-handle:hover .close-dimension-button:hover .icomoon-icon, .layout-editor-container .dimension-dropdown-label.ui-draggable-handle:hover .orientation-button:hover .icomoon-icon, #layout-editor-modal .modal-body .dimension-dropdown-label.ui-draggable-handle:hover .close-dimension-button:hover .icomoon-icon, #layout-editor-modal .modal-body .dimension-dropdown-label.ui-draggable-handle:hover .orientation-button:hover .icomoon-icon {
            color: #1167be !important; }
        .layout-editor-container .dimension-dropdown-label.ui-draggable-handle:hover .close-dimension-button .icomoon-icon, .layout-editor-container .dimension-dropdown-label.ui-draggable-handle:hover .orientation-button .icomoon-icon, #layout-editor-modal .modal-body .dimension-dropdown-label.ui-draggable-handle:hover .close-dimension-button .icomoon-icon, #layout-editor-modal .modal-body .dimension-dropdown-label.ui-draggable-handle:hover .orientation-button .icomoon-icon {
          color: #eaeef7 !important;
          text-shadow: none; }
  .layout-editor-container .dimension-dropdown-label .icomoon-icon, #layout-editor-modal .modal-body .dimension-dropdown-label .icomoon-icon {
    color: #f4f4f4;
    vertical-align: -1px; }
    .layout-editor-container .dimension-dropdown-label .icomoon-icon:not(.rotated-icon), #layout-editor-modal .modal-body .dimension-dropdown-label .icomoon-icon:not(.rotated-icon) {
      padding-right: 2px; }
    .layout-editor-container .dimension-dropdown-label .icomoon-icon.rotated-icon, #layout-editor-modal .modal-body .dimension-dropdown-label .icomoon-icon.rotated-icon {
      text-shadow: 1px -1px #333; }
  .layout-editor-container .dimension-dropdown-label .bootstrap-select, #layout-editor-modal .modal-body .dimension-dropdown-label .bootstrap-select {
    display: inline;
    vertical-align: 1px; }
    .layout-editor-container .dimension-dropdown-label .bootstrap-select .dropdown-menu, #layout-editor-modal .modal-body .dimension-dropdown-label .bootstrap-select .dropdown-menu {
      width: 14em; }
      .layout-editor-container .dimension-dropdown-label .bootstrap-select .dropdown-menu .popover-title, #layout-editor-modal .modal-body .dimension-dropdown-label .bootstrap-select .dropdown-menu .popover-title {
        background: #cecdd8;
        color: #0d0c46;
        border-bottom: 1px solid #151388;
        border-radius: 0 4px 0 0;
        padding: 5px 14px;
        font-size: 14px; }
        .layout-editor-container .dimension-dropdown-label .bootstrap-select .dropdown-menu .popover-title button, #layout-editor-modal .modal-body .dimension-dropdown-label .bootstrap-select .dropdown-menu .popover-title button {
          display: none; }
      .layout-editor-container .dimension-dropdown-label .bootstrap-select .dropdown-menu .inner.open, #layout-editor-modal .modal-body .dimension-dropdown-label .bootstrap-select .dropdown-menu .inner.open {
        overflow: hidden; }
        .layout-editor-container .dimension-dropdown-label .bootstrap-select .dropdown-menu .inner.open ul li, #layout-editor-modal .modal-body .dimension-dropdown-label .bootstrap-select .dropdown-menu .inner.open ul li {
          padding: 4px; }
  .layout-editor-container .dimension-dropdown-label .dropdown-toggle, #layout-editor-modal .modal-body .dimension-dropdown-label .dropdown-toggle {
    width: 100% !important;
    font-size: 12px;
    border: none;
    opacity: 0.8;
    background: #f3f0f0;
    margin-bottom: 3px;
    margin-top: 1px;
    padding: 2px 0px 1px 0px !important;
    border: 1px solid #f3f0f0;
    -webkit-transition: opacity 160ms ease-out;
    -moz-transition: opacity 160ms ease-out;
    -o-transition: opacity 160ms ease-out;
    -ms-transition: opacity 160ms ease-out;
    transition: opacity 160ms ease-out; }
    .layout-editor-container .dimension-dropdown-label .dropdown-toggle .bs-caret, #layout-editor-modal .modal-body .dimension-dropdown-label .dropdown-toggle .bs-caret {
      opacity: 0.1; }
      .layout-editor-container .dimension-dropdown-label .dropdown-toggle .bs-caret .caret, #layout-editor-modal .modal-body .dimension-dropdown-label .dropdown-toggle .bs-caret .caret {
        position: relative;
        margin-right: 6px;
        margin-left: 6px; }
    .layout-editor-container .dimension-dropdown-label .dropdown-toggle .filter-option, #layout-editor-modal .modal-body .dimension-dropdown-label .dropdown-toggle .filter-option {
      display: inline-flex;
      width: auto; }
    .layout-editor-container .dimension-dropdown-label .dropdown-toggle:hover, #layout-editor-modal .modal-body .dimension-dropdown-label .dropdown-toggle:hover {
      opacity: 1;
      border-color: #ACE; }
      .layout-editor-container .dimension-dropdown-label .dropdown-toggle:hover .bs-caret, #layout-editor-modal .modal-body .dimension-dropdown-label .dropdown-toggle:hover .bs-caret {
        opacity: 1; }
.layout-editor-container .dimension-editor-holder, #layout-editor-modal .modal-body .dimension-editor-holder {
  position: relative;
  border: 1px solid #4585c5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  box-shadow: #d0d8ec 1px 1px 2px 1px;
  width: 176px;
  height: auto;
  opacity: 0;
  background: white; }
  .layout-editor-container .dimension-editor-holder .dimension-items-list, #layout-editor-modal .modal-body .dimension-editor-holder .dimension-items-list {
    height: 80px;
    overflow-y: scroll;
    border-top: 1px solid #4183c7;
    border-bottom: 1px solid #4183c7;
    background: #f6f7fd;
    display: flex;
    flex-direction: column;
    padding-bottom: 6px; }
    .layout-editor-container .dimension-editor-holder .dimension-items-list > div, #layout-editor-modal .modal-body .dimension-editor-holder .dimension-items-list > div {
      cursor: pointer;
      color: gray;
      padding: 4px 2px 0px 6px;
      white-space: nowrap; }
      .layout-editor-container .dimension-editor-holder .dimension-items-list > div .icomoon-icon, #layout-editor-modal .modal-body .dimension-editor-holder .dimension-items-list > div .icomoon-icon {
        margin-right: 3px;
        opacity: 0.75; }
      .layout-editor-container .dimension-editor-holder .dimension-items-list > div:hover, #layout-editor-modal .modal-body .dimension-editor-holder .dimension-items-list > div:hover {
        background: #e1f0f9;
        color: #0955b5; }
        .layout-editor-container .dimension-editor-holder .dimension-items-list > div:hover .icomoon-icon, #layout-editor-modal .modal-body .dimension-editor-holder .dimension-items-list > div:hover .icomoon-icon {
          color: #0955b5;
          opacity: 1; }
      .layout-editor-container .dimension-editor-holder .dimension-items-list > div.selected, #layout-editor-modal .modal-body .dimension-editor-holder .dimension-items-list > div.selected {
        color: #4b505f; }
  .layout-editor-container .dimension-editor-holder button.dropdown-toggle, #layout-editor-modal .modal-body .dimension-editor-holder button.dropdown-toggle {
    line-height: 24px;
    text-shadow: 1px 1px #082c54; }
  .layout-editor-container .dimension-editor-holder.add-new-dimension button.dropdown-toggle, #layout-editor-modal .modal-body .dimension-editor-holder.add-new-dimension button.dropdown-toggle {
    text-shadow: none !important; }
  .layout-editor-container .dimension-editor-holder.invalid .type-selector .dropdown-toggle, .layout-editor-container .dimension-editor-holder.invalid .channel-dimension-axis-selector .dropdown-toggle, #layout-editor-modal .modal-body .dimension-editor-holder.invalid .type-selector .dropdown-toggle, #layout-editor-modal .modal-body .dimension-editor-holder.invalid .channel-dimension-axis-selector .dropdown-toggle {
    background-color: #bb4848 !important; }
    .layout-editor-container .dimension-editor-holder.invalid .type-selector .dropdown-toggle:hover, .layout-editor-container .dimension-editor-holder.invalid .channel-dimension-axis-selector .dropdown-toggle:hover, #layout-editor-modal .modal-body .dimension-editor-holder.invalid .type-selector .dropdown-toggle:hover, #layout-editor-modal .modal-body .dimension-editor-holder.invalid .channel-dimension-axis-selector .dropdown-toggle:hover {
      background-color: #ea8282 !important;
      color: white; }
  .layout-editor-container .dimension-editor-holder.invalid .dimension-handle, #layout-editor-modal .modal-body .dimension-editor-holder.invalid .dimension-handle {
    background-image: radial-gradient(circle at 5px 4px, #ea8282 1px, #bb4848 0) !important; }
    .layout-editor-container .dimension-editor-holder.invalid .dimension-handle:hover, #layout-editor-modal .modal-body .dimension-editor-holder.invalid .dimension-handle:hover {
      background-image: radial-gradient(circle at 5px 4px, #c30101 1px, #ea8282 0) !important; }
  .layout-editor-container .dimension-editor-holder.loaded, #layout-editor-modal .modal-body .dimension-editor-holder.loaded {
    opacity: 1; }
  .layout-editor-container .dimension-editor-holder.error-dimension, #layout-editor-modal .modal-body .dimension-editor-holder.error-dimension {
    border-color: red; }
  .layout-editor-container .dimension-editor-holder.none-dimension .dimension-items-list, #layout-editor-modal .modal-body .dimension-editor-holder.none-dimension .dimension-items-list {
    background: #dedede;
    border-bottom-color: #dedede;
    overflow: hidden; }
  .layout-editor-container .dimension-editor-holder.none-dimension .open-popup-link, #layout-editor-modal .modal-body .dimension-editor-holder.none-dimension .open-popup-link {
    height: 17px;
    background: #dedede;
    pointer-events: none; }
  .layout-editor-container .dimension-editor-holder.none-dimension:not(.add-new-dimension) .dimension-type-name .icon-plus-circle, #layout-editor-modal .modal-body .dimension-editor-holder.none-dimension:not(.add-new-dimension) .dimension-type-name .icon-plus-circle {
    display: none; }
  .layout-editor-container .dimension-editor-holder.add-new-dimension, #layout-editor-modal .modal-body .dimension-editor-holder.add-new-dimension {
    border-color: #707275;
    height: 30px; }
    .layout-editor-container .dimension-editor-holder.add-new-dimension .dropdown-toggle, #layout-editor-modal .modal-body .dimension-editor-holder.add-new-dimension .dropdown-toggle {
      width: 154px;
      line-height: 23px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
    .layout-editor-container .dimension-editor-holder.add-new-dimension .dimension-dropdown-label, #layout-editor-modal .modal-body .dimension-editor-holder.add-new-dimension .dimension-dropdown-label {
      background: #707275;
      display: none; }
      .layout-editor-container .dimension-editor-holder.add-new-dimension .dimension-dropdown-label .icomoon-icon, #layout-editor-modal .modal-body .dimension-editor-holder.add-new-dimension .dimension-dropdown-label .icomoon-icon {
        text-shadow: none; }
    .layout-editor-container .dimension-editor-holder.add-new-dimension .icon-plus-circle, #layout-editor-modal .modal-body .dimension-editor-holder.add-new-dimension .icon-plus-circle {
      opacity: 0.6; }
    .layout-editor-container .dimension-editor-holder.add-new-dimension:hover .filter-option-inner-inner .dimension-type-name, .layout-editor-container .dimension-editor-holder.add-new-dimension:hover .filter-option-inner-inner .icon-plus-circle, #layout-editor-modal .modal-body .dimension-editor-holder.add-new-dimension:hover .filter-option-inner-inner .dimension-type-name, #layout-editor-modal .modal-body .dimension-editor-holder.add-new-dimension:hover .filter-option-inner-inner .icon-plus-circle {
      opacity: 1;
      color: #04329c; }
    .layout-editor-container .dimension-editor-holder.add-new-dimension:not(#table1-dimension-editor-region) .icon-table2, #layout-editor-modal .modal-body .dimension-editor-holder.add-new-dimension:not(#table1-dimension-editor-region) .icon-table2 {
      opacity: 0; }
    .layout-editor-container .dimension-editor-holder.add-new-dimension#columns-dimension-editor-region, #layout-editor-modal .modal-body .dimension-editor-holder.add-new-dimension#columns-dimension-editor-region {
      margin-bottom: 30.3px; }
  .layout-editor-container .dimension-editor-holder.channel-dimension .type-selector, #layout-editor-modal .modal-body .dimension-editor-holder.channel-dimension .type-selector {
    width: 115px !important; }
  .layout-editor-container .dimension-editor-holder.channel-dimension button.dropdown-toggle, #layout-editor-modal .modal-body .dimension-editor-holder.channel-dimension button.dropdown-toggle {
    width: 117px;
    padding-right: 19px !important;
    -webkit-border-radius: 0px 0px 5px 0px;
    -moz-border-radius: 0px 0px 5px 0px;
    -o-border-radius: 0px 0px 5px 0px;
    border-radius: 0px 0px 5px 0px; }
    .layout-editor-container .dimension-editor-holder.channel-dimension button.dropdown-toggle .caret, #layout-editor-modal .modal-body .dimension-editor-holder.channel-dimension button.dropdown-toggle .caret {
      right: 6px; }
    .layout-editor-container .dimension-editor-holder.channel-dimension button.dropdown-toggle:hover, #layout-editor-modal .modal-body .dimension-editor-holder.channel-dimension button.dropdown-toggle:hover {
      background: #eff7ff;
      border-color: #2083e6; }
    .layout-editor-container .dimension-editor-holder.channel-dimension button.dropdown-toggle:active, #layout-editor-modal .modal-body .dimension-editor-holder.channel-dimension button.dropdown-toggle:active {
      background: #eee;
      box-shadow: inset 1px 2px 4px 0px rgba(0, 0, 0, 0.2); }
  .layout-editor-container .dimension-editor-holder.ui-droppable-active, #layout-editor-modal .modal-body .dimension-editor-holder.ui-droppable-active {
    background: #e6f7ff;
    border-color: #2271b6; }
    .layout-editor-container .dimension-editor-holder.ui-droppable-active .dimension-dropdown-label, #layout-editor-modal .modal-body .dimension-editor-holder.ui-droppable-active .dimension-dropdown-label {
      background: #2271b6; }
  .layout-editor-container .dimension-editor-holder.ui-droppable-hover, #layout-editor-modal .modal-body .dimension-editor-holder.ui-droppable-hover {
    box-shadow: 0px 0px 5px 2px #4585c5; }
  .layout-editor-container .dimension-editor-holder .axis-placeholder, #layout-editor-modal .modal-body .dimension-editor-holder .axis-placeholder {
    position: absolute;
    top: 0px;
    right: 30px;
    font-size: 14px;
    color: #d6d9dc;
    width: 31px;
    background: #3f84d1;
    text-align: center;
    height: 24px;
    padding-top: 6px;
    text-shadow: 1px 1px #082c54;
    cursor: not-allowed; }
  .layout-editor-container .dimension-editor-holder .channel-dimension-axis-selector, #layout-editor-modal .modal-body .dimension-editor-holder .channel-dimension-axis-selector {
    position: absolute;
    height: 30px;
    top: 0;
    right: 29px;
    width: 33px !important;
    border-radius: 0; }
    .layout-editor-container .dimension-editor-holder .channel-dimension-axis-selector .dropdown-toggle, #layout-editor-modal .modal-body .dimension-editor-holder .channel-dimension-axis-selector .dropdown-toggle {
      padding-left: 3px !important; }
      .layout-editor-container .dimension-editor-holder .channel-dimension-axis-selector .dropdown-toggle .caret, #layout-editor-modal .modal-body .dimension-editor-holder .channel-dimension-axis-selector .dropdown-toggle .caret {
        right: 6px; }
  .layout-editor-container .dimension-editor-holder .bootstrap-select, #layout-editor-modal .modal-body .dimension-editor-holder .bootstrap-select {
    display: flex;
    justify-content: center; }
  .layout-editor-container .dimension-editor-holder .dropdown-toggle, #layout-editor-modal .modal-body .dimension-editor-holder .dropdown-toggle {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: none;
    border: none;
    color: #1758AC;
    display: flex;
    justify-content: center;
    border-radius: 0; }
    .layout-editor-container .dimension-editor-holder .dropdown-toggle .caret, #layout-editor-modal .modal-body .dimension-editor-holder .dropdown-toggle .caret {
      border-top-color: #6d83b7;
      opacity: 0.1; }
    .layout-editor-container .dimension-editor-holder .dropdown-toggle .filter-option-inner-inner, #layout-editor-modal .modal-body .dimension-editor-holder .dropdown-toggle .filter-option-inner-inner {
      text-align: center; }
      .layout-editor-container .dimension-editor-holder .dropdown-toggle .filter-option-inner-inner .icon-close2, #layout-editor-modal .modal-body .dimension-editor-holder .dropdown-toggle .filter-option-inner-inner .icon-close2 {
        display: none; }
    .layout-editor-container .dimension-editor-holder .dropdown-toggle:hover, #layout-editor-modal .modal-body .dimension-editor-holder .dropdown-toggle:hover {
      background: #ddedfb;
      text-decoration: none;
      text-shadow: none; }
      .layout-editor-container .dimension-editor-holder .dropdown-toggle:hover .caret, #layout-editor-modal .modal-body .dimension-editor-holder .dropdown-toggle:hover .caret {
        border-top-color: #1758AC;
        opacity: 1; }
  .layout-editor-container .dimension-editor-holder .dropup .dropdown-toggle .caret, #layout-editor-modal .modal-body .dimension-editor-holder .dropup .dropdown-toggle .caret {
    border-bottom-color: #6d83b7; }
  .layout-editor-container .dimension-editor-holder .dropup .dropdown-toggle:hover .caret, #layout-editor-modal .modal-body .dimension-editor-holder .dropup .dropdown-toggle:hover .caret {
    border-bottom-color: #1758AC; }
  .layout-editor-container .dimension-editor-holder .open-popup-link, #layout-editor-modal .modal-body .dimension-editor-holder .open-popup-link {
    display: block;
    font-size: 14px;
    bottom: 0;
    left: 0;
    width: calc(100% - 20px);
    padding: 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px; }
    .layout-editor-container .dimension-editor-holder .open-popup-link .icon-new-tab, #layout-editor-modal .modal-body .dimension-editor-holder .open-popup-link .icon-new-tab {
      font-size: 11px;
      color: #6d83b7b8;
      margin-left: 2px; }
    .layout-editor-container .dimension-editor-holder .open-popup-link:hover, #layout-editor-modal .modal-body .dimension-editor-holder .open-popup-link:hover {
      background: #ddedfb; }
      .layout-editor-container .dimension-editor-holder .open-popup-link:hover .icon-new-tab, #layout-editor-modal .modal-body .dimension-editor-holder .open-popup-link:hover .icon-new-tab {
        color: #1758AC; }
.layout-editor-container .dimension-selector .nice-subtle-button, #layout-editor-modal .modal-body .dimension-selector .nice-subtle-button {
  font-size: 14px;
  padding: 4px 8px 5px 8px;
  vertical-align: -2px; }
.layout-editor-container .dimension-selector-holder, #layout-editor-modal .modal-body .dimension-selector-holder {
  margin-bottom: 1em;
  float: right;
  text-align: left; }
  .layout-editor-container .dimension-selector-holder .dimension-dropdown-label, #layout-editor-modal .modal-body .dimension-selector-holder .dimension-dropdown-label {
    margin-bottom: -1px;
    padding-left: 3px; }
.layout-editor-container .dimension-selector-holder .close-dimension-button, .layout-editor-container .dimension-editor-holder .close-dimension-button, #layout-editor-modal .modal-body .dimension-selector-holder .close-dimension-button, #layout-editor-modal .modal-body .dimension-editor-holder .close-dimension-button {
  position: absolute;
  top: 1px;
  right: 2px;
  border: none;
  border-bottom: 0;
  cursor: pointer;
  width: 17px;
  height: 17px;
  border: 1px solid #689ed3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .layout-editor-container .dimension-selector-holder .close-dimension-button:active, .layout-editor-container .dimension-editor-holder .close-dimension-button:active, #layout-editor-modal .modal-body .dimension-selector-holder .close-dimension-button:active, #layout-editor-modal .modal-body .dimension-editor-holder .close-dimension-button:active {
    box-shadow: inset 1px 2px 4px 0px rgba(0, 0, 0, 0.2); }
  .layout-editor-container .dimension-selector-holder .close-dimension-button .icomoon-icon, .layout-editor-container .dimension-editor-holder .close-dimension-button .icomoon-icon, #layout-editor-modal .modal-body .dimension-selector-holder .close-dimension-button .icomoon-icon, #layout-editor-modal .modal-body .dimension-editor-holder .close-dimension-button .icomoon-icon {
    color: #ebeff7;
    position: absolute;
    top: 1px;
    left: 1px;
    font-size: 15px;
    text-shadow: none; }
.layout-editor-container .dimension-selector-holder .dimension-dropdown-label:hover .close-dimension-button, .layout-editor-container .dimension-editor-holder .dimension-dropdown-label:hover .close-dimension-button, #layout-editor-modal .modal-body .dimension-selector-holder .dimension-dropdown-label:hover .close-dimension-button, #layout-editor-modal .modal-body .dimension-editor-holder .dimension-dropdown-label:hover .close-dimension-button {
  background: #ebeff7; }
  .layout-editor-container .dimension-selector-holder .dimension-dropdown-label:hover .close-dimension-button .icomoon-icon, .layout-editor-container .dimension-editor-holder .dimension-dropdown-label:hover .close-dimension-button .icomoon-icon, #layout-editor-modal .modal-body .dimension-selector-holder .dimension-dropdown-label:hover .close-dimension-button .icomoon-icon, #layout-editor-modal .modal-body .dimension-editor-holder .dimension-dropdown-label:hover .close-dimension-button .icomoon-icon {
    color: #467abd; }
.layout-editor-container .dimension-selector-holder.none-dimension, .layout-editor-container .dimension-editor-holder.none-dimension, #layout-editor-modal .modal-body .dimension-selector-holder.none-dimension, #layout-editor-modal .modal-body .dimension-editor-holder.none-dimension {
  -webkit-transition: opacity 160ms ease-out;
  -moz-transition: opacity 160ms ease-out;
  -o-transition: opacity 160ms ease-out;
  -ms-transition: opacity 160ms ease-out;
  transition: opacity 160ms ease-out; }
  .layout-editor-container .dimension-selector-holder.none-dimension > .dimension-editor-holder, .layout-editor-container .dimension-editor-holder.none-dimension > .dimension-editor-holder, #layout-editor-modal .modal-body .dimension-selector-holder.none-dimension > .dimension-editor-holder, #layout-editor-modal .modal-body .dimension-editor-holder.none-dimension > .dimension-editor-holder {
    background: #f1f1f1; }
  .layout-editor-container .dimension-selector-holder.none-dimension > .dimension-editor-holder > span > div > .dropdown-menu li:first-child, .layout-editor-container .dimension-editor-holder.none-dimension > .dimension-editor-holder > span > div > .dropdown-menu li:first-child, #layout-editor-modal .modal-body .dimension-selector-holder.none-dimension > .dimension-editor-holder > span > div > .dropdown-menu li:first-child, #layout-editor-modal .modal-body .dimension-editor-holder.none-dimension > .dimension-editor-holder > span > div > .dropdown-menu li:first-child {
    display: none; }
  .layout-editor-container .dimension-selector-holder.none-dimension .orientation-selector, .layout-editor-container .dimension-editor-holder.none-dimension .orientation-selector, #layout-editor-modal .modal-body .dimension-selector-holder.none-dimension .orientation-selector, #layout-editor-modal .modal-body .dimension-editor-holder.none-dimension .orientation-selector {
    display: none; }
  .layout-editor-container .dimension-selector-holder.none-dimension > .dimension-dropdown-label, .layout-editor-container .dimension-selector-holder.none-dimension > div > span > .type-selector:not(.open), .layout-editor-container .dimension-editor-holder.none-dimension > .dimension-dropdown-label, .layout-editor-container .dimension-editor-holder.none-dimension > div > span > .type-selector:not(.open), #layout-editor-modal .modal-body .dimension-selector-holder.none-dimension > .dimension-dropdown-label, #layout-editor-modal .modal-body .dimension-selector-holder.none-dimension > div > span > .type-selector:not(.open), #layout-editor-modal .modal-body .dimension-editor-holder.none-dimension > .dimension-dropdown-label, #layout-editor-modal .modal-body .dimension-editor-holder.none-dimension > div > span > .type-selector:not(.open) {
    opacity: 0.8; }
  .layout-editor-container .dimension-selector-holder.none-dimension#table1-holder .dimension-editor-holder, .layout-editor-container .dimension-editor-holder.none-dimension#table1-holder .dimension-editor-holder, #layout-editor-modal .modal-body .dimension-selector-holder.none-dimension#table1-holder .dimension-editor-holder, #layout-editor-modal .modal-body .dimension-editor-holder.none-dimension#table1-holder .dimension-editor-holder {
    margin-top: 23px; }
  .layout-editor-container .dimension-selector-holder.none-dimension#table1-holder .svg-right-arrow, .layout-editor-container .dimension-editor-holder.none-dimension#table1-holder .svg-right-arrow, #layout-editor-modal .modal-body .dimension-selector-holder.none-dimension#table1-holder .svg-right-arrow, #layout-editor-modal .modal-body .dimension-editor-holder.none-dimension#table1-holder .svg-right-arrow {
    left: 14em;
    bottom: 0.3em; }
  .layout-editor-container .dimension-selector-holder.none-dimension:hover .dimension-dropdown-label, .layout-editor-container .dimension-selector-holder.none-dimension:hover .type-selector, .layout-editor-container .dimension-editor-holder.none-dimension:hover .dimension-dropdown-label, .layout-editor-container .dimension-editor-holder.none-dimension:hover .type-selector, #layout-editor-modal .modal-body .dimension-selector-holder.none-dimension:hover .dimension-dropdown-label, #layout-editor-modal .modal-body .dimension-selector-holder.none-dimension:hover .type-selector, #layout-editor-modal .modal-body .dimension-editor-holder.none-dimension:hover .dimension-dropdown-label, #layout-editor-modal .modal-body .dimension-editor-holder.none-dimension:hover .type-selector {
    opacity: 1; }
.layout-editor-container .svg-down-arrow, #layout-editor-modal .modal-body .svg-down-arrow {
  position: absolute;
  bottom: -8em;
  left: -0.9em;
  transform: rotate(90deg);
  z-index: 2;
  width: 16em;
  fill: #c3c5ca;
  stroke: #c3c5ca; }
.layout-editor-container .svg-right-arrow, #layout-editor-modal .modal-body .svg-right-arrow {
  position: absolute;
  left: 13.95em;
  bottom: 2.2em;
  z-index: 2;
  width: 26em;
  -webkit-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
  fill: #c3c5ca;
  stroke: #c3c5ca; }

.illustration-menu-pane, .outer-menu-container {
  position: relative; }

#layout-editor-link .simple-layout-editor-container .simple-dimension-holder.none-dimension .simple-dimension-slot {
  margin-left: -63px; }
#layout-editor-link .simple-layout-editor-container {
  margin-left: -26px; }
#layout-editor-link .custom-dropdown-menu {
  width: 40em;
  padding: 0px;
  font-size: 10px;
  background: white; }
  #layout-editor-link .custom-dropdown-menu .outer-menu-container {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-left: 1.5em;
    padding-top: 1em;
    padding-bottom: 5.4em; }
    #layout-editor-link .custom-dropdown-menu .outer-menu-container .pop-out-menu-button {
      right: 15px;
      width: 30px;
      height: 30px; }
    #layout-editor-link .custom-dropdown-menu .outer-menu-container .dropdown-menu {
      top: unset;
      left: unset !important;
      border-top: none; }
      #layout-editor-link .custom-dropdown-menu .outer-menu-container .dropdown-menu.inner li a .text {
        white-space: nowrap; }

#bd.illustration-bd {
  width: fit-content;
  padding: 16px 0 !important; }
  #bd.illustration-bd .wrapped-body {
    background: #f8f9fd;
    width: auto;
    padding-right: 0;
    padding-left: 23px;
    border-right: 0;
    border-radius: 0;
    border-color: transparent; }
    #bd.illustration-bd .wrapped-body .illustration-section {
      background: white;
      margin: 0 -24px -24px -24px;
      padding: 0 24px 24px 24px;
      width: calc(100% - 24px); }
  #bd.illustration-bd > .tooltip {
    font-size: 14px; }
    #bd.illustration-bd > .tooltip .tooltip-inner {
      max-width: 270px; }

#hd.illustration-hd #page-specific-header {
  height: 69px; }
  #hd.illustration-hd #page-specific-header .illustration-header-support-link {
    color: #242343;
    cursor: help !important; }
    #hd.illustration-hd #page-specific-header .illustration-header-support-link .icon-info {
      cursor: help !important;
      vertical-align: 2px;
      opacity: 0.2;
      color: #a08e06 !important; }
    #hd.illustration-hd #page-specific-header .illustration-header-support-link:hover {
      color: #0051a3;
      background: #fbf8f0; }
      #hd.illustration-hd #page-specific-header .illustration-header-support-link:hover > .icon-info {
        color: #D4AA0E !important;
        opacity: 1 !important; }
  #hd.illustration-hd #page-specific-header .illustration-header {
    position: relative;
    height: 69px;
    padding-left: 78px;
    white-space: nowrap !important;
    min-width: max-content; }
    #hd.illustration-hd #page-specific-header .illustration-header > h2 {
      position: absolute;
      top: -27px;
      left: -18px;
      white-space: nowrap;
      padding-top: 2px;
      line-height: 30px; }
      #hd.illustration-hd #page-specific-header .illustration-header > h2 .main-title {
        position: absolute;
        top: 31px; }
    #hd.illustration-hd #page-specific-header .illustration-header .sixteen-px-icon-link-holder {
      padding-top: 39px;
      height: 30px; }
      #hd.illustration-hd #page-specific-header .illustration-header .sixteen-px-icon-link-holder .custom-dropdownized .icon-arrow-down2 {
        color: #2B7DE1 !important;
        opacity: 0.1; }
      #hd.illustration-hd #page-specific-header .illustration-header .sixteen-px-icon-link-holder .custom-dropdownized:hover .icon-arrow-down2 {
        opacity: 1; }
    #hd.illustration-hd #page-specific-header .illustration-header .has-lock-icon #illustration-name {
      left: 14.7em !important; }
    #hd.illustration-hd #page-specific-header .illustration-header .plot-settings-view-container {
      padding-bottom: 28px !important; }
    #hd.illustration-hd #page-specific-header .illustration-header #plot-type-editor-link .pop-out-menu-button {
      top: -5px;
      border-color: #2c7ee4; }
    #hd.illustration-hd #page-specific-header .illustration-header #plot-type-editor-link .custom-dropdown-menu {
      background: #fefefe; }
    #hd.illustration-hd #page-specific-header .illustration-header #cancel-loading-button {
      opacity: 0;
      -webkit-transition: opacity 1200ms ease-in;
      -moz-transition: opacity 1200ms ease-in;
      -o-transition: opacity 1200ms ease-in;
      -ms-transition: opacity 1200ms ease-in;
      transition: opacity 1200ms ease-in; }
    #hd.illustration-hd #page-specific-header .illustration-header #export-plots-menu-view-region {
      min-width: 329px;
      max-width: 410px; }
      #hd.illustration-hd #page-specific-header .illustration-header #export-plots-menu-view-region .nice-input {
        width: 179px;
        display: inline-block;
        background: white;
        cursor: text;
        white-space: normal; }
        #hd.illustration-hd #page-specific-header .illustration-header #export-plots-menu-view-region .nice-input:hover {
          box-shadow: 0px 0px 5px #88bef4; }
        #hd.illustration-hd #page-specific-header .illustration-header #export-plots-menu-view-region .nice-input br {
          display: none; }
      #hd.illustration-hd #page-specific-header .illustration-header #export-plots-menu-view-region [placeholder]:empty::before {
        content: attr(placeholder);
        color: #555; }
      #hd.illustration-hd #page-specific-header .illustration-header #export-plots-menu-view-region [placeholder]:empty:focus::before {
        content: ""; }
    #hd.illustration-hd #page-specific-header .illustration-header #illustration-name {
      font-size: 17px;
      position: absolute;
      top: 33px;
      left: 13.5em;
      height: 29px; }
      #hd.illustration-hd #page-specific-header .illustration-header #illustration-name .click-to-edit {
        max-width: calc(90vw - 205px);
        overflow-x: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      #hd.illustration-hd #page-specific-header .illustration-header #illustration-name .icon-pencil {
        opacity: 0.1;
        font-size: 14px;
        position: absolute;
        margin-left: 4px;
        top: 8px;
        -webkit-transition: opacity 160ms ease-out;
        -moz-transition: opacity 160ms ease-out;
        -o-transition: opacity 160ms ease-out;
        -ms-transition: opacity 160ms ease-out;
        transition: opacity 160ms ease-out; }
    #hd.illustration-hd #page-specific-header .illustration-header:hover .illustration-header-support-link .icon-info {
      opacity: 0.5; }
    #hd.illustration-hd #page-specific-header .illustration-header:hover #illustration-name .icon-pencil {
      opacity: 0.8; }
    #hd.illustration-hd #page-specific-header .illustration-header .right-section {
      float: right; }
      #hd.illustration-hd #page-specific-header .illustration-header .right-section .header-dropdown-holder {
        height: 31px;
        margin-right: 0;
        padding-right: 0 !important; }
        #hd.illustration-hd #page-specific-header .illustration-header .right-section .header-dropdown-holder .custom-dropdown-menu {
          right: 0; }

#bd.illustration-bd table.illustration-table .rotated-title, #layout-editor-preview-zone table .rotated-title {
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  vertical-align: baseline;
  white-space: nowrap;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  font-weight: bold;
  padding-left: 11px;
  font-size: 13px; }
  #bd.illustration-bd table.illustration-table .rotated-title.more-columns, #layout-editor-preview-zone table .rotated-title.more-columns {
    font-size: 10px;
    transform: none;
    -webkit-transform: none;
    font-weight: normal; }

#bd.illustration-bd .info-link-holder .support-info-link, #bd.illustration-bd .has-help-link .support-info-link, .illustration-header .info-link-holder .support-info-link, .illustration-header .has-help-link .support-info-link, .plot-settings-region .info-link-holder .support-info-link, .plot-settings-region .has-help-link .support-info-link {
  display: inline !important;
  opacity: 0.5; }
  #bd.illustration-bd .info-link-holder .support-info-link:hover, #bd.illustration-bd .info-link-holder .support-info-link:active, #bd.illustration-bd .has-help-link .support-info-link:hover, #bd.illustration-bd .has-help-link .support-info-link:active, .illustration-header .info-link-holder .support-info-link:hover, .illustration-header .info-link-holder .support-info-link:active, .illustration-header .has-help-link .support-info-link:hover, .illustration-header .has-help-link .support-info-link:active, .plot-settings-region .info-link-holder .support-info-link:hover, .plot-settings-region .info-link-holder .support-info-link:active, .plot-settings-region .has-help-link .support-info-link:hover, .plot-settings-region .has-help-link .support-info-link:active {
    opacity: 1; }
#bd.illustration-bd .info-link-holder, .illustration-header .info-link-holder, .plot-settings-region .info-link-holder {
  position: relative; }
  #bd.illustration-bd .info-link-holder .support-info-link, .illustration-header .info-link-holder .support-info-link, .plot-settings-region .info-link-holder .support-info-link {
    top: 3px;
    left: 2px; }
#bd.illustration-bd .has-help-link, .illustration-header .has-help-link, .plot-settings-region .has-help-link {
  position: relative;
  width: calc(99% - 26px) !important; }
  #bd.illustration-bd .has-help-link .support-info-link, .illustration-header .has-help-link .support-info-link, .plot-settings-region .has-help-link .support-info-link {
    top: 0px;
    right: -28px;
    left: unset !important; }
    #bd.illustration-bd .has-help-link .support-info-link:hover, .illustration-header .has-help-link .support-info-link:hover, .plot-settings-region .has-help-link .support-info-link:hover {
      background: none !important; }
#bd.illustration-bd #plot-type-editor-menu-view-region .info-link-holder .support-info-link, .illustration-header #plot-type-editor-menu-view-region .info-link-holder .support-info-link, .plot-settings-region #plot-type-editor-menu-view-region .info-link-holder .support-info-link {
  left: -142px; }
#bd.illustration-bd .test-sig-warning-holder, .illustration-header .test-sig-warning-holder, .plot-settings-region .test-sig-warning-holder {
  margin: 2px -23px 2px -12px;
  padding: 4px 0 5px 12px !important;
  display: block;
  outline: 2px solid transparent;
  position: relative; }
  #bd.illustration-bd .test-sig-warning-holder .warning-symbol, .illustration-header .test-sig-warning-holder .warning-symbol, .plot-settings-region .test-sig-warning-holder .warning-symbol {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    background: #e64500;
    color: white;
    width: 56px;
    height: 38px;
    z-index: 1;
    text-align: center;
    font-size: 12px;
    white-space: normal; }
  #bd.illustration-bd .test-sig-warning-holder.warning-mode, .illustration-header .test-sig-warning-holder.warning-mode, .plot-settings-region .test-sig-warning-holder.warning-mode {
    outline-color: #e64500;
    background-color: #fff8f5; }
    #bd.illustration-bd .test-sig-warning-holder.warning-mode .btn.dropdown-toggle, .illustration-header .test-sig-warning-holder.warning-mode .btn.dropdown-toggle, .plot-settings-region .test-sig-warning-holder.warning-mode .btn.dropdown-toggle {
      background: #fff8f5;
      border-color: #fff8f5; }
      #bd.illustration-bd .test-sig-warning-holder.warning-mode .btn.dropdown-toggle .filter-option-inner-inner, .illustration-header .test-sig-warning-holder.warning-mode .btn.dropdown-toggle .filter-option-inner-inner, .plot-settings-region .test-sig-warning-holder.warning-mode .btn.dropdown-toggle .filter-option-inner-inner {
        color: #15025f; }
    #bd.illustration-bd .test-sig-warning-holder.warning-mode .warning-symbol, .illustration-header .test-sig-warning-holder.warning-mode .warning-symbol, .plot-settings-region .test-sig-warning-holder.warning-mode .warning-symbol {
      display: block; }
#bd.illustration-bd .plot-setting-label, .illustration-header .plot-setting-label, .plot-settings-region .plot-setting-label {
  font-weight: bold;
  font-size: 14px;
  display: inline-block;
  text-align: right;
  width: 113px;
  vertical-align: -2.5px;
  color: #303133;
  clear: both; }
#bd.illustration-bd .plot-setting-size-label, .illustration-header .plot-setting-size-label, .plot-settings-region .plot-setting-size-label {
  color: gray;
  margin-left: 6px; }
#bd.illustration-bd li.selected a .plot-setting-size-label, .illustration-header li.selected a .plot-setting-size-label, .plot-settings-region li.selected a .plot-setting-size-label {
  color: #cecaca; }
#bd.illustration-bd .palette-gradient, .illustration-header .palette-gradient, .plot-settings-region .palette-gradient {
  height: 13px;
  width: 8em;
  margin-left: 7px;
  margin-bottom: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
#bd.illustration-bd .filter-option-inner-inner .palette-gradient, .illustration-header .filter-option-inner-inner .palette-gradient, .plot-settings-region .filter-option-inner-inner .palette-gradient {
  display: none; }
#bd.illustration-bd .btn:hover .filter-option-inner-inner .palette-gradient, .illustration-header .btn:hover .filter-option-inner-inner .palette-gradient, .plot-settings-region .btn:hover .filter-option-inner-inner .palette-gradient {
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  -o-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px; }
#bd.illustration-bd .section-title, .illustration-header .section-title, .plot-settings-region .section-title {
  display: block;
  margin: 1.2em 2.1em 0.4em 0.5em;
  border-bottom: 1px solid transparent;
  text-align: center;
  font-size: 13px;
  line-height: 16px; }
#bd.illustration-bd .collapsible-plot-section, .illustration-header .collapsible-plot-section, .plot-settings-region .collapsible-plot-section {
  display: none; }
  #bd.illustration-bd .collapsible-plot-section.opened, .illustration-header .collapsible-plot-section.opened, .plot-settings-region .collapsible-plot-section.opened {
    border: 1px solid #d2d2d2;
    margin: 0 10px 0 -10px;
    width: calc(100% + 8px);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
#bd.illustration-bd .plot-setting-holder .onoffswitch, .illustration-header .plot-setting-holder .onoffswitch, .plot-settings-region .plot-setting-holder .onoffswitch {
  width: 44px;
  vertical-align: -7px;
  margin-left: 11px;
  margin-top: 4px;
  margin-bottom: 4px; }
  #bd.illustration-bd .plot-setting-holder .onoffswitch:hover .onoffswitch-switch, .illustration-header .plot-setting-holder .onoffswitch:hover .onoffswitch-switch, .plot-settings-region .plot-setting-holder .onoffswitch:hover .onoffswitch-switch {
    background: #eff6ff !important; }
#bd.illustration-bd .plot-setting-holder .dropdown.open .dropdown-menu.open, .illustration-header .plot-setting-holder .dropdown.open .dropdown-menu.open, .plot-settings-region .plot-setting-holder .dropdown.open .dropdown-menu.open {
  margin-top: -1px; }
#bd.illustration-bd .plot-setting-holder .dropdown-menu.inner, .illustration-header .plot-setting-holder .dropdown-menu.inner, .plot-settings-region .plot-setting-holder .dropdown-menu.inner {
  overflow: hidden; }
#bd.illustration-bd .plot-setting-holder .sp-replacer, .illustration-header .plot-setting-holder .sp-replacer, .plot-settings-region .plot-setting-holder .sp-replacer {
  height: 18px;
  vertical-align: top;
  margin-left: 4px;
  background: none;
  border: 1px solid transparent;
  margin-top: 0px;
  padding-right: 0px; }
  #bd.illustration-bd .plot-setting-holder .sp-replacer:hover, .illustration-header .plot-setting-holder .sp-replacer:hover, .plot-settings-region .plot-setting-holder .sp-replacer:hover {
    background: white !important;
    border-color: #ACE !important; }
  #bd.illustration-bd .plot-setting-holder .sp-replacer .sp-preview, .illustration-header .plot-setting-holder .sp-replacer .sp-preview, .plot-settings-region .plot-setting-holder .sp-replacer .sp-preview {
    height: 100%;
    border-color: #cccccc99; }
  #bd.illustration-bd .plot-setting-holder .sp-replacer .sp-dd, .illustration-header .plot-setting-holder .sp-replacer .sp-dd, .plot-settings-region .plot-setting-holder .sp-replacer .sp-dd {
    line-height: 20px;
    font-size: 9px; }
#bd.illustration-bd .plot-setting-holder .btn, .illustration-header .plot-setting-holder .btn, .plot-settings-region .plot-setting-holder .btn {
  padding-left: 4px !important;
  margin-left: 6px; }
#bd.illustration-bd .plot-setting-holder .nice-input, .illustration-header .plot-setting-holder .nice-input, .plot-settings-region .plot-setting-holder .nice-input {
  width: 154px;
  background: white;
  border-color: white;
  color: #034192;
  padding: 4px 7px 5px 4px;
  margin-left: 6px; }
  #bd.illustration-bd .plot-setting-holder .nice-input:hover, #bd.illustration-bd .plot-setting-holder .nice-input:focus, .illustration-header .plot-setting-holder .nice-input:hover, .illustration-header .plot-setting-holder .nice-input:focus, .plot-settings-region .plot-setting-holder .nice-input:hover, .plot-settings-region .plot-setting-holder .nice-input:focus {
    color: black;
    background: #f7f8fc;
    border-color: #caced4; }
#bd.illustration-bd .plot-setting-holder.numeric-setting-holder .plot-setting-label, .illustration-header .plot-setting-holder.numeric-setting-holder .plot-setting-label, .plot-settings-region .plot-setting-holder.numeric-setting-holder .plot-setting-label {
  vertical-align: 0.5px;
  margin-bottom: 6px; }
#bd.illustration-bd .plot-setting-holder.wide, .illustration-header .plot-setting-holder.wide, .plot-settings-region .plot-setting-holder.wide {
  padding-bottom: 11px; }
  #bd.illustration-bd .plot-setting-holder.wide .plot-setting-label, .illustration-header .plot-setting-holder.wide .plot-setting-label, .plot-settings-region .plot-setting-holder.wide .plot-setting-label {
    width: 100%;
    text-align: left; }
#bd.illustration-bd .more-settings-popup-link, .illustration-header .more-settings-popup-link, .plot-settings-region .more-settings-popup-link {
  position: absolute;
  bottom: 17px;
  left: 42px;
  font-size: 14px;
  padding: 6px 11px 7px 1em;
  border: 1px solid #dfe2ef;
  text-align: center;
  width: 200px;
  background: #fafcff;
  border-radius: 9px; }
  #bd.illustration-bd .more-settings-popup-link .icon-new-tab, .illustration-header .more-settings-popup-link .icon-new-tab, .plot-settings-region .more-settings-popup-link .icon-new-tab {
    font-size: 11px;
    color: #6d83b7b8;
    margin-left: 2px; }
  #bd.illustration-bd .more-settings-popup-link .icon-new-tab, .illustration-header .more-settings-popup-link .icon-new-tab, .plot-settings-region .more-settings-popup-link .icon-new-tab {
    font-size: 14px;
    vertical-align: 1px;
    margin-right: 3px; }
  #bd.illustration-bd .more-settings-popup-link:hover, .illustration-header .more-settings-popup-link:hover, .plot-settings-region .more-settings-popup-link:hover {
    border-color: #1B0D8E;
    font-weight: bold; }
    #bd.illustration-bd .more-settings-popup-link:hover .icon-new-tab, .illustration-header .more-settings-popup-link:hover .icon-new-tab, .plot-settings-region .more-settings-popup-link:hover .icon-new-tab {
      color: inherit; }
  #bd.illustration-bd .more-settings-popup-link:active, .illustration-header .more-settings-popup-link:active, .plot-settings-region .more-settings-popup-link:active {
    border-color: #ACE; }
#bd.illustration-bd #illustration-loading-progress, .illustration-header #illustration-loading-progress, .plot-settings-region #illustration-loading-progress {
  opacity: 0;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none; }
  #bd.illustration-bd #illustration-loading-progress.displayed, .illustration-header #illustration-loading-progress.displayed, .plot-settings-region #illustration-loading-progress.displayed {
    opacity: 1;
    -webkit-transition: opacity 1200ms ease-in;
    -moz-transition: opacity 1200ms ease-in;
    -o-transition: opacity 1200ms ease-in;
    -ms-transition: opacity 1200ms ease-in;
    transition: opacity 1200ms ease-in; }

.layout-templates-container .menu-pane-container {
  padding: 0px !important; }
.layout-templates-container h4 {
  text-align: left;
  padding-left: 0.5em; }
.layout-templates-container ul {
  text-align: left;
  padding-left: 1em !important; }
.layout-templates-container .settings-templates-region-holder {
  position: relative; }
  .layout-templates-container .settings-templates-region-holder .link-with-icon {
    border: none !important; }
  .layout-templates-container .settings-templates-region-holder .save-template-button {
    position: absolute;
    top: -5px;
    padding: 4px 11px; }
  .layout-templates-container .settings-templates-region-holder #save-as-template-link {
    left: 13em; }
  .layout-templates-container .settings-templates-region-holder #save-as-public-template-link {
    left: 19em; }

.palette-gradient.yellow {
  background-image: linear-gradient(to right, black, yellow, #ffff96); }
.palette-gradient.red {
  background-image: linear-gradient(to right, black, red, #c80000); }
.palette-gradient.green {
  background-image: linear-gradient(to right, black, lime, #009600); }
.palette-gradient.bluetoyellow {
  background-image: linear-gradient(to right, blue, black, yellow); }
.palette-gradient.greentored {
  background-image: linear-gradient(to right, lime, black, red); }
.palette-gradient.redtogreen {
  background-image: linear-gradient(to right, red, black, lime); }
.palette-gradient.enfuego {
  background-image: linear-gradient(to right, #320050, #4b0050, #660000, #960000, #cc0000, #ff4300, #ff6600, #ffba33, #ffd933, #ffff33, #ffff96); }
.palette-gradient.palefire {
  background-image: linear-gradient(to right, #000069, #0000cc, #0026cc, #0045cc, #0099ff, #00bcff, #33e7ff, #33ffff, #69ffff, #99ffff, #b4ffaf, #cdffaf, #e6ffaf, #e6ffff); }
.palette-gradient.phoenix {
  background-image: linear-gradient(to right, #d20000, #ffa200, #fff000); }
.palette-gradient.chillout {
  background-image: linear-gradient(to right, #420765, #34177e, #0014ef, #2a9784, #25ef43, #3cef96); }
.palette-gradient.alaglace {
  background-image: linear-gradient(to right, #e6ffff, #e6ffaf, #cdffaf, #b4ffaf, #99ffff, #69ffff, #33ffff, #33e7ff, #00bcff, #0099ff, #0045cc, #0026cc, #0000cc, #000069); }
.palette-gradient.rainbow {
  background-image: linear-gradient(to right, blue, cyan, lime, yellow, red); }
.palette-gradient.spectrum {
  background-image: linear-gradient(to right, #00008f, #0000af, #0000cf, #0000ef, #0010ff, #0030ff, #0050ff, #0070ff, #008fff, #00afff, #00cfff, #00efff, #10ffef, #30ffcf, #50ffaf, #70ff8f, #8fff70, #afff50, #cfff30, #efff10, #ffef00, #ffcf00, #ffaf00, #ff8f00, #ff7000, #ff5000, #ff3000, #ff1000, #ef0000, #cf0000, #af0000, #8f0000, maroon); }
.palette-gradient.shadowflame {
  background-image: linear-gradient(to right, black, #190028, #320050, #4b0050, #660000, #660000, #960000, #cc0000, #ff4300, #ff6600, #ffba33, #ffd933, #ffff33, #ffff96); }
.palette-gradient.grayscale {
  background-image: linear-gradient(to right, black, white); }

.menu-pane-container .support-info-link {
  top: 3px;
  left: 7px; }
.menu-pane-container .setting-holder {
  display: flex; }
  .menu-pane-container .setting-holder .plot-setting-label {
    width: 18em;
    line-height: 26px; }
.menu-pane-container .plot-setting-holder {
  display: block; }
  .menu-pane-container .plot-setting-holder .sp-replacer {
    margin-top: 0 !important;
    height: 17px !important; }
.menu-pane-container .dropdown-title {
  margin: -14px -14px 1em -14px;
  padding: 8px 0 9px 0;
  border-bottom: 1px solid #bbb3b3;
  background: #e8e8e8;
  color: #424248;
  font-family: 'Open Sans', OpenSans-local; }
.menu-pane-container.plot-settings-view-container {
  width: 30em;
  padding-right: 24px !important;
  padding-left: 1px;
  font-size: 10px;
  opacity: 1;
  background: #fefefe;
  -webkit-transition: opacity 130ms ease-out;
  -moz-transition: opacity 130ms ease-out;
  -o-transition: opacity 130ms ease-out;
  -ms-transition: opacity 130ms ease-out;
  transition: opacity 130ms ease-out; }
  .menu-pane-container.plot-settings-view-container.not-loaded-yet {
    opacity: 0;
    height: 100px;
    overflow: hidden;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none; }
  .menu-pane-container.plot-settings-view-container .dropdown.open .dropdown-menu {
    top: auto !important;
    left: auto !important; }
    .menu-pane-container.plot-settings-view-container .dropdown.open .dropdown-menu > li > a {
      white-space: nowrap;
      width: 100%; }
  .menu-pane-container.plot-settings-view-container .more-settings-popup-link {
    bottom: 1px; }
  .menu-pane-container.plot-settings-view-container .plot-setting-holder .plot-setting-label {
    float: left;
    padding-top: 5px; }
  .menu-pane-container.plot-settings-view-container .plot-setting-holder .btn.dropdown-toggle {
    margin-left: 0; }
  .menu-pane-container.plot-settings-view-container .plot-setting-holder .onoffswitch {
    padding-right: calc(18em - 56px);
    margin-left: 8px; }
.menu-pane-container.templates-view-container {
  width: 30em; }
.menu-pane-container.layout-settings-view-container {
  width: 36em; }
  .menu-pane-container.layout-settings-view-container .dropdown.open .dropdown-menu {
    top: auto !important;
    left: auto !important; }
    .menu-pane-container.layout-settings-view-container .dropdown.open .dropdown-menu > li > a {
      white-space: nowrap; }
.menu-pane-container.export-illustration-menu .rendering-blocker {
  display: none; }
.menu-pane-container.export-illustration-menu.rendering-incomplete {
  pointer-events: none; }
  .menu-pane-container.export-illustration-menu.rendering-incomplete #export-illustration-more-settings-link, .menu-pane-container.export-illustration-menu.rendering-incomplete .nice-input, .menu-pane-container.export-illustration-menu.rendering-incomplete .bootstrap-select {
    opacity: 0; }
  .menu-pane-container.export-illustration-menu.rendering-incomplete .rendering-blocker {
    position: absolute;
    width: 334px;
    height: 112px;
    background-color: rgba(245, 245, 245, 0.8);
    display: block;
    top: -5px;
    left: -5px;
    border-radius: 0 0 4px 4px;
    padding-top: 65px;
    color: #010342; }
.menu-pane-container.export-illustration-menu .nice-input {
  width: 200px;
  border-radius: 4px 0 0 4px;
  text-align: right; }
.menu-pane-container.export-illustration-menu .dropdown.bootstrap-select.bs3 {
  margin-top: -2px;
  margin-left: -4px; }
  .menu-pane-container.export-illustration-menu .dropdown.bootstrap-select.bs3 > button {
    border-radius: 0 4px 4px 0; }
  .menu-pane-container.export-illustration-menu .dropdown.bootstrap-select.bs3 .option-icon {
    margin-right: 8px; }
  .menu-pane-container.export-illustration-menu .dropdown.bootstrap-select.bs3 > .dropdown-menu.open {
    left: 0 !important;
    top: 25px !important;
    width: 93px; }
    .menu-pane-container.export-illustration-menu .dropdown.bootstrap-select.bs3 > .dropdown-menu.open ul li a {
      padding-top: 3px !important;
      padding-bottom: 2px !important; }
.menu-pane-container.export-illustration-menu #export-illustration-more-settings-link {
  display: block;
  margin-bottom: 3px; }
  .menu-pane-container.export-illustration-menu #export-illustration-more-settings-link:hover {
    font-weight: bold;
    padding-bottom: 0 !important; }
.menu-pane-container.export-illustration-menu #export-illustration-more-settings-container {
  margin-top: 3px;
  border: 1px solid #c8c9ce;
  border-radius: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  background: #feffff; }
  .menu-pane-container.export-illustration-menu #export-illustration-more-settings-container input {
    font-size: 16px;
    vertical-align: 1.5px;
    padding-right: 5px;
    margin-right: 5px; }
  .menu-pane-container.export-illustration-menu #export-illustration-more-settings-container label {
    display: block;
    text-align: left;
    margin-left: 17px;
    margin-right: 15px;
    height: 23px; }
    .menu-pane-container.export-illustration-menu #export-illustration-more-settings-container label.disabled {
      opacity: 0.5;
      color: gray;
      pointer-events: none;
      cursor: cancel; }
.menu-pane-container.export-illustration-menu .big-copy-button {
  padding: 7px 14px;
  vertical-align: -1px;
  margin-right: 14px; }
  .menu-pane-container.export-illustration-menu .big-copy-button .icomoon-icon {
    padding-right: 4px; }
.menu-pane-container.export-illustration-menu .big-download-button {
  padding: 7px 0 8px 0;
  width: 60%;
  margin: 0 auto -13px auto; }
  .menu-pane-container.export-illustration-menu .big-download-button .icomoon-icon {
    vertical-align: -1px; }
  .menu-pane-container.export-illustration-menu .big-download-button span {
    margin-left: 4px; }
.menu-pane-container .tooltip-inner {
  width: 300px; }

.illustration-header .comp-warning {
  position: absolute;
  bottom: 8px;
  left: 14px;
  padding: 3px 4px !important;
  cursor: pointer; }
.illustration-header.current-user-is-not-author #illustration-name {
  left: 14.5em !important; }
.illustration-header .custom-dropdownized .icon-layout {
  font-size: 20px !important;
  vertical-align: -2px !important; }
.illustration-header .menu-pane-container {
  padding: 9px 14px 9px 9px; }
  .illustration-header .menu-pane-container.layout-settings-container .plot-setting-holder .dropdown .dropdown-menu.open {
    top: 26px !important;
    left: 6px !important; }
  .illustration-header .menu-pane-container.layout-settings-container .plot-setting-holder .dropdown .dropdown-menu .dropdown-menu.inner > li > a {
    white-space: nowrap; }

#perf-test-render-options-holder {
  padding-left: 20px; }
  #perf-test-render-options-holder span {
    font-size: 13px; }
  #perf-test-render-options-holder .nice-input {
    width: 40px; }

#doc3.sticky-header {
  position: absolute;
  left: 0;
  top: 0; }
  #doc3.sticky-header #hd {
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    left: 0px;
    width: calc(100vw - 15px);
    z-index: 9999; }
    #doc3.sticky-header #hd .experiment-page-header, #doc3.sticky-header #hd #page-specific-header {
      min-width: 101em; }
      #doc3.sticky-header #hd .experiment-page-header.advanced-analysis-experiment, #doc3.sticky-header #hd #page-specific-header.advanced-analysis-experiment {
        min-width: 130em; }

#extra-illustration-info-section {
  font-size: 11px;
  padding-bottom: 10px; }

.bootstrap-select .dropdown-menu .dropdown-tr .dropdown-thead {
  background: #e6e6e6;
  padding-top: 1px;
  padding-bottom: 2px;
  color: #333333; }
  .bootstrap-select .dropdown-menu .dropdown-tr .dropdown-thead span {
    display: inline-block;
    width: 70px;
    text-align: center; }
.bootstrap-select .dropdown-menu .dropdown-tr > span:not(.dropdown-thead) {
  display: inline-block;
  width: 70px;
  text-align: center; }
  .bootstrap-select .dropdown-menu .dropdown-tr > span:not(.dropdown-thead):first-child {
    width: 200px;
    text-align: right; }

.filter-option-inner .dropdown-tr span:not(:first-child) {
  display: none; }

#illustration-app-view-region div[class^=plotly-holder] .plot-container.plotly svg.main-svg .infolayer {
  pointer-events: all; }
  #illustration-app-view-region div[class^=plotly-holder] .plot-container.plotly svg.main-svg .infolayer .legendtoggle {
    cursor: default !important; }
  #illustration-app-view-region div[class^=plotly-holder] .plot-container.plotly svg.main-svg .infolayer .gtitle, #illustration-app-view-region div[class^=plotly-holder] .plot-container.plotly svg.main-svg .infolayer .xtitle, #illustration-app-view-region div[class^=plotly-holder] .plot-container.plotly svg.main-svg .infolayer .legendtitletext, #illustration-app-view-region div[class^=plotly-holder] .plot-container.plotly svg.main-svg .infolayer .g-ytitle .ytitle {
    cursor: pointer; }
    #illustration-app-view-region div[class^=plotly-holder] .plot-container.plotly svg.main-svg .infolayer .gtitle:hover, #illustration-app-view-region div[class^=plotly-holder] .plot-container.plotly svg.main-svg .infolayer .xtitle:hover, #illustration-app-view-region div[class^=plotly-holder] .plot-container.plotly svg.main-svg .infolayer .legendtitletext:hover, #illustration-app-view-region div[class^=plotly-holder] .plot-container.plotly svg.main-svg .infolayer .g-ytitle .ytitle:hover {
      fill: blue !important;
      font-weight: 600 !important; }
#illustration-app-view-region div[class^=plotly-holder] .plot-container.plotly .modebar-container .modebar-btn {
  font-size: 24px; }
#illustration-app-view-region div[class^=plotly-holder] .popover .popover-content .stats-settings .plot-setting-holder:not(:first-child) {
  margin-top: 6px;
  margin-bottom: 6px; }
#illustration-app-view-region div[class^=plotly-holder] .popover .popover-content .stats-settings .plot-setting-holder:last-child {
  margin-bottom: 0; }
#illustration-app-view-region div[class^=plotly-holder] .popover .popover-content .stats-settings .plot-setting-holder:not(.wide) > div, #illustration-app-view-region div[class^=plotly-holder] .popover .popover-content .stats-settings .plot-setting-holder:not(.wide) > span, #illustration-app-view-region div[class^=plotly-holder] .popover .popover-content .stats-settings .plot-setting-holder > input {
  display: inline-block; }
  #illustration-app-view-region div[class^=plotly-holder] .popover .popover-content .stats-settings .plot-setting-holder:not(.wide) > div.plot-setting-label, #illustration-app-view-region div[class^=plotly-holder] .popover .popover-content .stats-settings .plot-setting-holder:not(.wide) > span.plot-setting-label, #illustration-app-view-region div[class^=plotly-holder] .popover .popover-content .stats-settings .plot-setting-holder > input.plot-setting-label {
    width: 87px; }
  #illustration-app-view-region div[class^=plotly-holder] .popover .popover-content .stats-settings .plot-setting-holder:not(.wide) > div.bootstrap-select, #illustration-app-view-region div[class^=plotly-holder] .popover .popover-content .stats-settings .plot-setting-holder:not(.wide) > span.bootstrap-select, #illustration-app-view-region div[class^=plotly-holder] .popover .popover-content .stats-settings .plot-setting-holder > input.bootstrap-select {
    width: 176px; }
    #illustration-app-view-region div[class^=plotly-holder] .popover .popover-content .stats-settings .plot-setting-holder:not(.wide) > div.bootstrap-select .filter-option-inner-inner, #illustration-app-view-region div[class^=plotly-holder] .popover .popover-content .stats-settings .plot-setting-holder:not(.wide) > span.bootstrap-select .filter-option-inner-inner, #illustration-app-view-region div[class^=plotly-holder] .popover .popover-content .stats-settings .plot-setting-holder > input.bootstrap-select .filter-option-inner-inner {
      text-align: left; }

#inbox {
  float: left;
  min-width: 100%; }
  #inbox .note {
    font-style: italic;
    color: #90939e; }
  #inbox #background-task-region {
    max-width: calc(100vw - 26.62em); }
    #inbox #background-task-region th:first-child, #inbox #background-task-region td:first-child {
      padding-left: 2em; }
    #inbox #background-task-region tbody tr {
      cursor: pointer !important;
      background: #FFF; }
      #inbox #background-task-region tbody tr:hover td:not(.close-button-holder) {
        background: #e7f3ff; }
  #inbox #experiments-tables-view {
    max-width: 100%; }
    #inbox #experiments-tables-view.detail-view-enabled {
      width: 39.2em;
      float: left; }
      #inbox #experiments-tables-view.detail-view-enabled thead, #inbox #experiments-tables-view.detail-view-enabled .table-settings-holder-region {
        display: none; }
      #inbox #experiments-tables-view.detail-view-enabled tbody > tr td.experiment-name {
        padding-left: 1em; }
      #inbox #experiments-tables-view.detail-view-enabled tbody > tr td {
        display: none; }
        #inbox #experiments-tables-view.detail-view-enabled tbody > tr td.experiment-name {
          display: table-cell; }
      #inbox #experiments-tables-view.detail-view-enabled .inbox-relevant-buttons-holder, #inbox #experiments-tables-view.detail-view-enabled #background-task-region, #inbox #experiments-tables-view.detail-view-enabled #user-connection-region {
        display: none; }
  #inbox .experiment-detail-view {
    position: fixed;
    background: white;
    top: 0px;
    left: 46.8em;
    margin-top: 41px;
    height: calc(100vh - 41px);
    border-left: 1px solid #307FE2;
    font-size: 13.5px; }
    #inbox .experiment-detail-view .scrollable-content {
      padding-left: 3em;
      padding-top: 61px;
      height: calc(100% - 42px);
      width: calc(100vw - 50.95em);
      overflow-y: scroll;
      overflow-x: hidden; }
    #inbox .experiment-detail-view .experiments-table-title {
      margin-top: 1.5em; }
      #inbox .experiment-detail-view .experiments-table-title span, #inbox .experiment-detail-view .experiments-table-title i {
        font-size: 20px !important; }
      #inbox .experiment-detail-view .experiments-table-title .number-circle {
        margin-top: -4px;
        opacity: 1;
        padding: 3px 4px 3px 3px !important;
        max-width: unset;
        min-width: 1.1em;
        width: unset;
        margin-right: 2px; }
    #inbox .experiment-detail-view .linked-experiments-header {
      background: #f5f6fc;
      height: 2em;
      padding-top: 1em;
      margin-left: -2.15em;
      border-top: 1px solid #2371e194;
      margin-top: 2em; }
    #inbox .experiment-detail-view #linked-experiment-region, #inbox .experiment-detail-view #analysis-experiment-region {
      opacity: 0;
      max-width: calc(100vw - 52.13em);
      overflow-x: scroll;
      overflow-y: visible;
      min-height: 21em; }
    #inbox .experiment-detail-view .clone-experiment.nice-subtle-button {
      margin: 1em 0 1em 2em;
      padding: 0.65em 2em 0.8em 2em;
      font-size: 16px;
      display: inline-block;
      color: #194375; }
      #inbox .experiment-detail-view .clone-experiment.nice-subtle-button .twenty-px-icon {
        vertical-align: 0 !important; }
    #inbox .experiment-detail-view #upload-files-button {
      margin-left: 2em;
      padding: 0.75em 2em;
      font-size: 16px;
      display: inline-block; }
    #inbox .experiment-detail-view #plot-viewer-region {
      width: 27em;
      display: inline-block;
      margin-top: 1em; }
      #inbox .experiment-detail-view #plot-viewer-region .standalone-plot-image-holder {
        text-align: left;
        padding-left: 3.3em; }
      #inbox .experiment-detail-view #plot-viewer-region .plot-image {
        width: auto;
        height: 75%;
        min-height: 75%;
        padding-right: 1.2em; }
      #inbox .experiment-detail-view #plot-viewer-region .plot-controls-holder .dropdown-menu.inner {
        max-height: 16em !important; }
      #inbox .experiment-detail-view #plot-viewer-region .x-label-holder {
        top: 288px; }
      #inbox .experiment-detail-view #plot-viewer-region .y-label-holder {
        left: unset;
        right: calc(100% + 78px);
        top: 131px; }
      #inbox .experiment-detail-view #plot-viewer-region .plot-image-placeholder {
        width: 273px !important;
        height: 258px !important;
        margin-left: 20px;
        margin-bottom: 6px;
        margin-top: 22px; }
    #inbox .experiment-detail-view #main-heading {
      background: #f6f7fc;
      margin-left: -3em;
      margin-top: -4.17em;
      padding: 4.17em 1em 0.8em 3em; }
    #inbox .experiment-detail-view .table-settings-holder {
      right: 9px;
      left: unset;
      top: -30px; }
    #inbox .experiment-detail-view .mini-navbar {
      margin-left: -3em;
      padding: 0 3.2em 0 6.4em;
      color: #0051a3;
      background: #e2ebf7;
      display: flex;
      flex-wrap: wrap; }
      #inbox .experiment-detail-view .mini-navbar.locked-experiment {
        background: #e3e1e1; }
      #inbox .experiment-detail-view .mini-navbar.advanced-analysis-experiment {
        background: #d2ddfb; }
        #inbox .experiment-detail-view .mini-navbar.advanced-analysis-experiment .simple-link-list {
          border-top-color: #374C91; }
        #inbox .experiment-detail-view .mini-navbar.advanced-analysis-experiment li a {
          color: #273296 !important; }
          #inbox .experiment-detail-view .mini-navbar.advanced-analysis-experiment li a i {
            color: #273296 !important; }
          #inbox .experiment-detail-view .mini-navbar.advanced-analysis-experiment li a:hover {
            color: #2B7DE1; }
            #inbox .experiment-detail-view .mini-navbar.advanced-analysis-experiment li a:hover i {
              color: #2B7DE1; }
        #inbox .experiment-detail-view .mini-navbar.advanced-analysis-experiment li .dropdown {
          border-bottom-color: #d2ddfb; }
          #inbox .experiment-detail-view .mini-navbar.advanced-analysis-experiment li .dropdown:hover, #inbox .experiment-detail-view .mini-navbar.advanced-analysis-experiment li .dropdown.open {
            border-bottom-color: #374C91; }
      #inbox .experiment-detail-view .mini-navbar .simple-link-list {
        margin-top: 0px;
        border-top: 2px solid #1e6edc;
        min-width: 14.6em; }
        #inbox .experiment-detail-view .mini-navbar .simple-link-list label {
          font-size: 15px;
          font-weight: bold; }
        #inbox .experiment-detail-view .mini-navbar .simple-link-list li:hover {
          background: inherit; }
        #inbox .experiment-detail-view .mini-navbar .simple-link-list li a {
          padding: 5px 0 5px 1em;
          width: 100%; }
          #inbox .experiment-detail-view .mini-navbar .simple-link-list li a:hover {
            background: #dcebff; }
      #inbox .experiment-detail-view .mini-navbar li {
        text-align: center;
        display: flex;
        padding-bottom: 0.2em; }
        #inbox .experiment-detail-view .mini-navbar li .dropdown {
          padding-bottom: 0.2em;
          border-bottom: 2px solid #e2ebf7; }
          #inbox .experiment-detail-view .mini-navbar li .dropdown:hover, #inbox .experiment-detail-view .mini-navbar li .dropdown.open {
            border-bottom-color: #2B7DE1; }
        #inbox .experiment-detail-view .mini-navbar li > a, #inbox .experiment-detail-view .mini-navbar li > .dropdown > a {
          padding: 0.5em 3em calc(0.2em - 2px) 0;
          font-size: 15px;
          display: flex; }
          #inbox .experiment-detail-view .mini-navbar li > a:hover, #inbox .experiment-detail-view .mini-navbar li > .dropdown > a:hover {
            color: #2B7DE1; }
            #inbox .experiment-detail-view .mini-navbar li > a:hover i, #inbox .experiment-detail-view .mini-navbar li > .dropdown > a:hover i {
              color: #2B7DE1; }
    #inbox .experiment-detail-view .info-list.column-list {
      white-space: nowrap; }
      #inbox .experiment-detail-view .info-list.column-list .left-column, #inbox .experiment-detail-view .info-list.column-list .right-column {
        width: 50%;
        display: inline-block;
        vertical-align: top; }
        #inbox .experiment-detail-view .info-list.column-list .left-column > li, #inbox .experiment-detail-view .info-list.column-list .right-column > li {
          white-space: nowrap; }
      #inbox .experiment-detail-view .info-list.column-list .right-column {
        padding-top: 2px; }
      #inbox .experiment-detail-view .info-list.column-list .extra-spacing-section > li {
        margin-top: 2px; }
    #inbox .experiment-detail-view .info-list li {
      white-space: normal; }
      #inbox .experiment-detail-view .info-list li.label {
        padding-top: 4px;
        white-space: nowrap;
        display: inline-block;
        line-height: 15px; }
        #inbox .experiment-detail-view .info-list li.label .remove-link {
          top: 0; }
      #inbox .experiment-detail-view .info-list li .user-span {
        vertical-align: -4px; }
      #inbox .experiment-detail-view .info-list li strong {
        width: 9em;
        display: inline-block;
        text-align: right;
        line-height: 1.6em; }
      #inbox .experiment-detail-view .info-list li > span {
        width: 88%;
        padding-left: 0.3em;
        line-height: 1.6em; }
      #inbox .experiment-detail-view .info-list li.long-text-holder {
        display: flex;
        padding-left: 7px; }
        #inbox .experiment-detail-view .info-list li.long-text-holder > span {
          line-height: 1.4em;
          margin-top: 2px; }
    #inbox .experiment-detail-view .nice-subtle-button {
      padding: 3px 12px 4px 10px;
      color: #2f3d63; }
      #inbox .experiment-detail-view .nice-subtle-button .link-icon {
        color: #4780c7;
        vertical-align: 2px;
        margin-right: 2px; }
    #inbox .experiment-detail-view .editable-experiment-name-holder {
      min-width: 23em; }
      #inbox .experiment-detail-view .editable-experiment-name-holder .icon-pencil {
        opacity: 0.25; }
      #inbox .experiment-detail-view .editable-experiment-name-holder .icomoon-icon {
        font-size: 20px; }
        #inbox .experiment-detail-view .editable-experiment-name-holder .icomoon-icon.icon-pencil {
          font-size: 16px; }
      #inbox .experiment-detail-view .editable-experiment-name-holder:hover .icon-pencil {
        opacity: 1; }
      #inbox .experiment-detail-view .editable-experiment-name-holder.editing .icon-pencil, #inbox .experiment-detail-view .editable-experiment-name-holder.editing i {
        display: none; }
    #inbox .experiment-detail-view #editable-experiment-name form input {
      width: 28em !important;
      font-size: 18px !important; }
    #inbox .experiment-detail-view #detail-view-bottom-padder {
      height: 10em; }
    #inbox .experiment-detail-view #population-list-holder.expanded {
      max-height: 32em; }
    #inbox .experiment-detail-view #population-list-holder .heading-table {
      width: 100% !important; }
    #inbox .experiment-detail-view #population-list-holder .expandable-body {
      max-height: 28.6em;
      margin-top: 3em;
      white-space: nowrap; }
    #inbox .experiment-detail-view #population-list-holder .information-table {
      width: 32%;
      min-width: 18.2em;
      vertical-align: top;
      float: left; }
      #inbox .experiment-detail-view #population-list-holder .information-table tbody tr {
        outline: none; }
      #inbox .experiment-detail-view #population-list-holder .information-table tbody td {
        padding: 0; }
        #inbox .experiment-detail-view #population-list-holder .information-table tbody td:not(.selected) {
          cursor: pointer; }
          #inbox .experiment-detail-view #population-list-holder .information-table tbody td:not(.selected):hover {
            outline: 1px solid #dcdee6; }
        #inbox .experiment-detail-view #population-list-holder .information-table tbody td .icomoon-icon {
          margin-right: 5px;
          color: inherit; }
        #inbox .experiment-detail-view #population-list-holder .information-table tbody td.selected {
          background: #eff8ff;
          border-right: 4px solid #2371e1; }
          #inbox .experiment-detail-view #population-list-holder .information-table tbody td.selected .gate-set-link {
            font-weight: bold; }
        #inbox .experiment-detail-view #population-list-holder .information-table tbody td a {
          display: inline-flex;
          padding: 0.5em 1em;
          line-height: 1em; }
        #inbox .experiment-detail-view #population-list-holder .information-table tbody td .gate-set-link {
          width: 12.5em;
          padding-right: 0;
          vertical-align: middle; }
          #inbox .experiment-detail-view #population-list-holder .information-table tbody td .gate-set-link span {
            white-space: normal; }
        #inbox .experiment-detail-view #population-list-holder .information-table tbody td .gating-group-label {
          color: #1758AC;
          background-color: #0461be54;
          display: inline-block;
          width: 80px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          vertical-align: middle;
          border-radius: 3px;
          text-align: center;
          font-size: 14px;
          padding: 2px 0;
          cursor: pointer; }
        #inbox .experiment-detail-view #population-list-holder .information-table tbody td .view-channels-link {
          opacity: 0;
          vertical-align: middle; }
        #inbox .experiment-detail-view #population-list-holder .information-table tbody td:hover .view-channels-link {
          opacity: 1; }
    #inbox .experiment-detail-view #population-list-holder #plot-viewer-region {
      width: 54%;
      margin-top: -3px;
      margin-left: -3em; }
      #inbox .experiment-detail-view #population-list-holder #plot-viewer-region .plot-controls-holder {
        width: 28em;
        padding-bottom: 16px; }
    #inbox .experiment-detail-view #expandable-table-holders-section {
      width: calc(100vw - 54.8em);
      max-width: 82em; }
    #inbox .experiment-detail-view .expandable-table-holder {
      position: relative;
      max-height: 9.4em;
      width: 100%;
      margin: 0.7em 0 1.4em 0;
      border: 1px solid #e4e4ef;
      border-top-color: #ffffff00;
      -webkit-border-radius: 5px 5px 0px 0px;
      -moz-border-radius: 5px 5px 0px 0px;
      -o-border-radius: 5px 5px 0px 0px;
      border-radius: 5px 5px 0px 0px;
      -webkit-transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
      -moz-transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
      -o-transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
      -ms-transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
      transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1); }
      #inbox .experiment-detail-view .expandable-table-holder .information-table {
        position: relative; }
        #inbox .experiment-detail-view .expandable-table-holder .information-table thead {
          border: none !important; }
          #inbox .experiment-detail-view .expandable-table-holder .information-table thead .link-with-icon {
            font-weight: normal; }
            #inbox .experiment-detail-view .expandable-table-holder .information-table thead .link-with-icon:not(:hover) i {
              color: #426482; }
        #inbox .experiment-detail-view .expandable-table-holder .information-table tbody td .standalone-icon {
          font-size: 20px; }
        #inbox .experiment-detail-view .expandable-table-holder .information-table tbody td:first-child {
          padding-left: 1em; }
        #inbox .experiment-detail-view .expandable-table-holder .information-table tbody td:last-child {
          padding-right: 1em; }
        #inbox .experiment-detail-view .expandable-table-holder .information-table#attachments-table {
          word-break: break-word; }
          #inbox .experiment-detail-view .expandable-table-holder .information-table#attachments-table tbody td:first-child {
            width: 85%; }
      #inbox .experiment-detail-view .expandable-table-holder .heading, #inbox .experiment-detail-view .expandable-table-holder th {
        border: none;
        border-bottom: 2px solid #9abcf5de !important;
        background: #f6f6f9; }
        #inbox .experiment-detail-view .expandable-table-holder .heading .nice-subtle-button, #inbox .experiment-detail-view .expandable-table-holder th .nice-subtle-button {
          margin-left: 4em;
          color: #3062af;
          font-weight: normal; }
          #inbox .experiment-detail-view .expandable-table-holder .heading .nice-subtle-button:hover, #inbox .experiment-detail-view .expandable-table-holder th .nice-subtle-button:hover {
            text-decoration: none !important; }
            #inbox .experiment-detail-view .expandable-table-holder .heading .nice-subtle-button:hover i, #inbox .experiment-detail-view .expandable-table-holder th .nice-subtle-button:hover i {
              color: #3062af; }
      #inbox .experiment-detail-view .expandable-table-holder .heading {
        position: relative;
        padding: 0.5em 0 0.5em 0;
        font-size: 16px;
        font-weight: bold;
        white-space: nowrap;
        border-radius: 0; }
        #inbox .experiment-detail-view .expandable-table-holder .heading.analysis-header {
          width: 60%; }
      #inbox .experiment-detail-view .expandable-table-holder .header-with-count {
        display: inline;
        height: calc(100% - 1em);
        background: #edf5ff;
        margin-right: 0.5em;
        padding: 0.5em;
        color: #2d65af;
        -webkit-border-radius: 5px 0px 0px 0px;
        -moz-border-radius: 5px 0px 0px 0px;
        -o-border-radius: 5px 0px 0px 0px;
        border-radius: 5px 0px 0px 0px; }
        #inbox .experiment-detail-view .expandable-table-holder .header-with-count i {
          color: #3e6ab5;
          margin-right: 2px; }
      #inbox .experiment-detail-view .expandable-table-holder .collapse-button {
        position: absolute;
        top: 0;
        right: 1px;
        width: 1.1em;
        cursor: pointer;
        border: none;
        height: calc(100% - 1em);
        background: #edf5ff;
        padding: 0.5em;
        color: #2d65af;
        transform: rotate(90deg);
        z-index: 1;
        -webkit-border-radius: 5px 0px 0px 0px;
        -moz-border-radius: 5px 0px 0px 0px;
        -o-border-radius: 5px 0px 0px 0px;
        border-radius: 5px 0px 0px 0px; }
        #inbox .experiment-detail-view .expandable-table-holder .collapse-button i {
          color: #1b3f7d; }
        #inbox .experiment-detail-view .expandable-table-holder .collapse-button:hover {
          background: #ccddef; }
          #inbox .experiment-detail-view .expandable-table-holder .collapse-button:hover i {
            color: #1b3f7d; }
      #inbox .experiment-detail-view .expandable-table-holder.expanded {
        max-height: 40em;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px; }
        #inbox .experiment-detail-view .expandable-table-holder.expanded .expander-icon {
          display: none; }
        #inbox .experiment-detail-view .expandable-table-holder.expanded .expandable-body {
          overflow-y: scroll;
          max-height: 20em; }
        #inbox .experiment-detail-view .expandable-table-holder.expanded .heading-table th:last-child {
          position: relative; }
      #inbox .experiment-detail-view .expandable-table-holder:not(.expanded) {
        overflow-y: hidden;
        cursor: pointer;
        margin-right: 1em;
        max-height: 10.5em;
        border-right-color: #e4e4ef; }
        #inbox .experiment-detail-view .expandable-table-holder:not(.expanded) .expandable-body {
          pointer-events: none; }
        #inbox .experiment-detail-view .expandable-table-holder:not(.expanded):hover {
          border-color: #5c93da; }
          #inbox .experiment-detail-view .expandable-table-holder:not(.expanded):hover .expander-icon {
            color: #1755a9; }
        #inbox .experiment-detail-view .expandable-table-holder:not(.expanded):after {
          content: "";
          position: absolute;
          z-index: 1;
          bottom: 0;
          left: 0;
          pointer-events: none;
          background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 90%);
          width: 100%;
          height: 3em; }
      #inbox .experiment-detail-view .expandable-table-holder .expander-icon {
        position: absolute;
        bottom: 1px;
        left: calc(50% - 10px);
        z-index: 2;
        font-size: 20px;
        color: rgba(93, 105, 122, 0.4);
        background: rgba(255, 255, 255, 0.8); }
      #inbox .experiment-detail-view .expandable-table-holder table {
        min-width: 40vw; }
    #inbox .experiment-detail-view .table-settings-holder {
      top: -17px;
      font-size: 10px; }
      #inbox .experiment-detail-view .table-settings-holder .simple-link-list {
        max-height: 13em;
        left: unset;
        right: 0; }
    #inbox .experiment-detail-view .minimal-table .descendants-column {
      display: none; }
    #inbox .experiment-detail-view .minimal-table tfoot td {
      border: none; }
    #inbox .experiment-detail-view #close-detail-view {
      position: absolute;
      top: 54px;
      left: -28px;
      width: 2em;
      height: 2em;
      line-height: 2em;
      border: 1px solid #2a7ce5;
      border-right: none;
      padding: 0 !important;
      background-color: white;
      -webkit-border-radius: 5px 0px 0px 5px;
      -moz-border-radius: 5px 0px 0px 5px;
      -o-border-radius: 5px 0px 0px 5px;
      border-radius: 5px 0px 0px 5px; }
      #inbox .experiment-detail-view #close-detail-view .icomoon-icon {
        font-size: 22px;
        position: absolute;
        left: 4px;
        top: 2px; }
      #inbox .experiment-detail-view #close-detail-view:hover {
        background: #edeff3; }
      #inbox .experiment-detail-view #close-detail-view:active {
        box-shadow: inset 1px 2px 4px 0px rgba(0, 0, 0, 0.2); }
  #inbox .inbox-table-column-selector {
    position: absolute;
    right: 19em;
    top: -3.2em; }
  #inbox .child-row td.checkbox {
    border-left: 5px solid #5178d0 !important; }
  #inbox .body {
    position: relative; }
    #inbox .body #inbox-app-region {
      min-width: 100em; }
    #inbox .body .experiments-table-title {
      padding-left: 1em;
      display: flex; }
      #inbox .body .experiments-table-title > i {
        font-size: 20px;
        color: #1757ab;
        margin-right: 0.4em; }
      #inbox .body .experiments-table-title > span {
        font-size: 20px;
        font-weight: normal;
        line-height: 21px;
        vertical-align: top;
        max-width: 65%; }
      #inbox .body .experiments-table-title .inbox-relevant-buttons-holder {
        position: relative;
        display: inline-block;
        margin-left: 3em;
        font-size: 14px !important;
        vertical-align: top;
        margin-top: 3px; }
        #inbox .body .experiments-table-title .inbox-relevant-buttons-holder > div {
          display: inline-block; }
        #inbox .body .experiments-table-title .inbox-relevant-buttons-holder .nice-subtle-button {
          border-bottom: 1px solid #bbbbbb;
          font-weight: normal;
          color: inherit;
          padding: 4px 10px; }
        #inbox .body .experiments-table-title .inbox-relevant-buttons-holder .sp-container {
          display: none;
          position: absolute;
          width: 24em;
          top: 21px;
          left: 6.9em; }
          #inbox .body .experiments-table-title .inbox-relevant-buttons-holder .sp-container .sp-palette-container {
            width: 5.4em;
            padding-left: 15px; }
    #inbox .body .dataTables_length {
      margin: 1em; }
    #inbox .body .dataTables_filter {
      display: none !important; }

.editable-link:hover {
  padding-bottom: 0px !important; }

.header-section-nice-button {
  font-size: 13.5px !important;
  line-height: 21px;
  padding: 1.5px 9px 2.5px 27px !important;
  margin-top: 4px; }
  .header-section-nice-button i {
    position: absolute;
    top: 0.25em;
    left: 0.3em;
    color: #11467b; }

#content > .inbox-body {
  margin-left: -4em; }

#experiment-inbox-header {
  float: left;
  min-width: 105em;
  width: 100%; }
  #experiment-inbox-header #search-bar-region .nice-input {
    width: 38em; }
  #experiment-inbox-header #inbox-controls .group-button-middle {
    margin-left: -1px !important;
    margin-right: -2px !important;
    padding-right: 11px !important;
    padding-left: 34px !important; }
    #experiment-inbox-header #inbox-controls .group-button-middle i {
      left: 0.8em; }
    #experiment-inbox-header #inbox-controls .group-button-middle:last-child {
      margin-right: -4px !important; }
  #experiment-inbox-header #label-controls, #experiment-inbox-header #experiment-super-menu {
    padding-top: 7px !important; }
    #experiment-inbox-header #label-controls .dropdownized .nice-button, #experiment-inbox-header #experiment-super-menu .dropdownized .nice-button {
      padding: 2px 18px 2px 29px !important;
      vertical-align: -1px; }
      #experiment-inbox-header #label-controls .dropdownized .nice-button > .icomoon-icon, #experiment-inbox-header #experiment-super-menu .dropdownized .nice-button > .icomoon-icon {
        left: 7px; }
  #experiment-inbox-header #label-controls {
    margin-left: -1px;
    margin-right: -1px !important; }
    #experiment-inbox-header #label-controls #label_name {
      margin-left: 16px;
      width: 136px; }
    #experiment-inbox-header #label-controls .dropdown-menu {
      border-top: 2px solid #2B7DE1;
      top: -3px; }

.number-circle {
  border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  -o-border-radius: 13px;
  line-height: 1.6em;
  width: 1.6em;
  padding: 1px !important;
  display: inline-block !important;
  text-align: center;
  font-size: 14px;
  margin-right: 1px;
  font-weight: bold;
  opacity: 0.6; }
  .number-circle.blue-circle {
    background: #dfe8ff;
    color: #376ade; }
  .number-circle.purple-circle {
    color: #402796;
    background: #e5e8f1; }
  .number-circle.placeholder-circle {
    opacity: 0; }
  .number-circle.icon-link-holder i {
    color: #376ade; }
  .number-circle.icon-link-holder.purple-holder i {
    color: #402796; }

body.fixed-header-within #sidebar.inbox-sidebar {
  position: fixed;
  top: 66px;
  width: calc(24.2em - 1px); }
  body.fixed-header-within #sidebar.inbox-sidebar #sidebar-region {
    border-right: none; }

#sidebar.inbox-sidebar {
  background: #F7F8FC;
  margin-bottom: 0 !important;
  margin-left: -4em !important;
  height: calc(100vh - 60px);
  width: 24.2em;
  margin-top: -20px;
  padding-top: 0 !important;
  z-index: 11;
  overflow: auto;
  visibility: hidden; }
  #sidebar.inbox-sidebar:hover, #sidebar.inbox-sidebar:focus, #sidebar.inbox-sidebar #sidebar-region {
    visibility: visible;
    background: #F7F8FC; }
  #sidebar.inbox-sidebar #sidebar-region {
    height: 100vh;
    border-right: 1px solid #bbbbbb; }
    #sidebar.inbox-sidebar #sidebar-region .section-link-holder {
      margin-top: 0.6em; }
    #sidebar.inbox-sidebar #sidebar-region li.link-holder .inbox-filter-dropdown-menu {
      left: 33px;
      min-width: 13em !important;
      top: 25px;
      border-top: 2px solid #97bbe0; }
      #sidebar.inbox-sidebar #sidebar-region li.link-holder .inbox-filter-dropdown-menu li {
        width: 100%;
        padding: 0; }
        #sidebar.inbox-sidebar #sidebar-region li.link-holder .inbox-filter-dropdown-menu li a {
          font-size: 13px; }
          #sidebar.inbox-sidebar #sidebar-region li.link-holder .inbox-filter-dropdown-menu li a .link-icon {
            vertical-align: 1px;
            padding-right: 4px; }
          #sidebar.inbox-sidebar #sidebar-region li.link-holder .inbox-filter-dropdown-menu li a:hover {
            background: #92C1E9;
            color: #1D4B7A; }
            #sidebar.inbox-sidebar #sidebar-region li.link-holder .inbox-filter-dropdown-menu li a:hover .link-icon {
              color: #1D4B7A; }
    #sidebar.inbox-sidebar #sidebar-region li.link-holder .round-icon-button {
      display: none !important;
      position: absolute;
      right: 3px;
      padding-right: 4px !important;
      top: 2px; }
      #sidebar.inbox-sidebar #sidebar-region li.link-holder .round-icon-button .icon-menu2 {
        margin: 0; }
    #sidebar.inbox-sidebar #sidebar-region li.link-holder .multi-linker-dropdown {
      position: unset; }
    #sidebar.inbox-sidebar #sidebar-region li.link-holder:hover:not(.no-filter-button) .total-experiments-counter {
      opacity: 0; }
    #sidebar.inbox-sidebar #sidebar-region li.link-holder:hover:not(.no-filter-button) .round-icon-button {
      display: inline-block !important; }
  #sidebar.inbox-sidebar:hover, #sidebar.inbox-sidebar:focus {
    width: calc(24.2em - 1px); }
    #sidebar.inbox-sidebar:hover #sidebar-region, #sidebar.inbox-sidebar:focus #sidebar-region {
      border-right: none; }
  #sidebar.inbox-sidebar ul .sidebar-section:not(.labels-holder) {
    margin-left: 6px; }
  #sidebar.inbox-sidebar ul li {
    padding: 0.3em 1em 0.3em 1em; }
    #sidebar.inbox-sidebar ul li > .green-button {
      margin-bottom: 11px;
      margin-top: 12px;
      margin-left: -1px;
      width: 14.85em; }
    #sidebar.inbox-sidebar ul li.link-holder {
      cursor: pointer;
      position: relative;
      border-top: 1px solid rgba(0, 0, 0, 0);
      border-bottom: 1px solid rgba(0, 0, 0, 0); }
      #sidebar.inbox-sidebar ul li.link-holder:hover:not(.selected) {
        background: #e7f0fd; }
        #sidebar.inbox-sidebar ul li.link-holder:hover:not(.selected) .icomoon-icon {
          color: #467abd; }
      #sidebar.inbox-sidebar ul li.link-holder.selected {
        background: #e1eeff !important;
        border-color: #97bbe0; }
        #sidebar.inbox-sidebar ul li.link-holder.selected .inbox-filter-name, #sidebar.inbox-sidebar ul li.link-holder.selected .name-holder {
          font-weight: bold; }
        #sidebar.inbox-sidebar ul li.link-holder.selected .total-experiments-counter {
          color: #576a7f; }
        #sidebar.inbox-sidebar ul li.link-holder.selected .icomoon-icon {
          color: #1758AC; }
      #sidebar.inbox-sidebar ul li.link-holder > a {
        width: 100%;
        font-size: 1.35em;
        color: #04053e;
        padding: 0.05em 0 0.05em 0.5em;
        display: flex;
        align-items: center; }
        #sidebar.inbox-sidebar ul li.link-holder > a span {
          display: flex;
          word-break: break-word; }
        #sidebar.inbox-sidebar ul li.link-holder > a .name-holder {
          width: 100%; }
        #sidebar.inbox-sidebar ul li.link-holder > a .icomoon-icon {
          color: #75869c;
          margin-right: 0.4em; }
          #sidebar.inbox-sidebar ul li.link-holder > a .icomoon-icon.icon-arrow-down2, #sidebar.inbox-sidebar ul li.link-holder > a .icomoon-icon.icon-arrow-right3 {
            position: absolute;
            left: 1px;
            top: 5px; }
        #sidebar.inbox-sidebar ul li.link-holder > a .icon-tag5 {
          text-shadow: 1px 1px 2px #a2a2a2bf; }
        #sidebar.inbox-sidebar ul li.link-holder > a .total-experiments-counter {
          float: right;
          color: #9a9fa2;
          padding-right: 6px;
          line-height: 19px;
          font-size: 12.5px;
          display: block;
          white-space: nowrap; }
        #sidebar.inbox-sidebar ul li.link-holder > a:hover {
          border-bottom: none !important; }

#hd #hd-background-expander {
  position: absolute;
  width: 1565px;
  height: 84px;
  top: 0;
  left: 0;
  background: #f6f7fc;
  z-index: -1;
  border-bottom: 1px solid #b3b2b3;
  box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.1); }

#bd.inbox-bd {
  font-size: 10px !important;
  padding-right: 1em !important;
  background: white;
  margin-top: -14px; }

body.experiment-detail-view-enabled .fixedHeader-floating, body.experiment-detail-view-enabled .fixedHeader-locked, body.experiment-detail-view-enabled .top-header-message {
  display: none; }

#page-specific-header.inbox-header {
  border-bottom: none !important; }
  #page-specific-header.inbox-header:after {
    content: '';
    width: calc(100% - 22.6769em);
    height: 1px;
    background: #BBB;
    position: absolute;
    bottom: -1px;
    right: 0px; }
  #page-specific-header.inbox-header #submit-new-label a {
    color: #1a20a3; }

.color-swatch {
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: -2px;
  margin-right: 4px; }

#panels-updating-spinner {
  float: right;
  padding-right: 38px;
  padding-top: 2px;
  color: #282a32;
  font-style: italic; }
  #panels-updating-spinner .updating-text {
    vertical-align: top;
    line-height: 41px;
    padding-left: 2px; }

#modals-holder #missing-channels-table-view table, #modals-holder #configure-control-files-table-view table, #modals-holder #resolve-conflicts-table-view table {
  margin-left: auto;
  margin-right: auto; }
#modals-holder #missing-channels-table-view p, #modals-holder #configure-control-files-table-view p, #modals-holder #resolve-conflicts-table-view p {
  margin: 1px 15% 2em 15%;
  line-height: 1.4em;
  font-style: italic; }
#modals-holder #missing-channels-table-view .big-arrow-icon {
  display: block;
  margin: 0.2em;
  text-align: center;
  font-size: 3em;
  color: #a9badb; }
#modals-holder #missing-channels-table-view table th {
  width: 50%; }
#modals-holder #missing-channels-table-view .edit-channels-tips {
  display: none;
  margin-left: 3em; }
#modals-holder #missing-channels-table-view .open-edit-channels {
  padding: 3px 20px;
  margin: 4px 0 10px 0px;
  display: inline-block; }
#modals-holder #missing-channels-table-view .missing-channels-info {
  margin: 1px 15% 2em 15%;
  line-height: 1.4em;
  font-style: italic;
  font-size: 1.4em; }
  #modals-holder #missing-channels-table-view .missing-channels-info .indented {
    margin-left: 1.5em; }
#modals-holder #missing-channels-table-view .potential-panel-conflicts-td.compatible {
  font-weight: bold;
  background-color: #EFE; }
#modals-holder #missing-channels-table-view .potential-panel-conflicts-td.incompatible {
  background-color: #ffe4db; }
#modals-holder #missing-channels-table-view .missing-channel-files-table thead th > span {
  padding-left: 1em;
  padding-right: 1em; }
#modals-holder #missing-channels-table-view .missing-channel-files-table thead th .icomoon-icon {
  float: left; }
#modals-holder #missing-channels-table-view .missing-channel-files-table thead th.selected {
  background-color: inherit !important; }
#modals-holder #missing-channels-table-view .missing-channel-files-table tbody tr {
  padding-left: 2em;
  padding-right: 2em; }
#modals-holder #configure-control-files-table-view {
  font-size: 0.9em; }
  #modals-holder #configure-control-files-table-view .table-holder {
    max-height: 60vh;
    overflow-y: scroll; }
    #modals-holder #configure-control-files-table-view .table-holder::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 8px;
      height: 8px; }
    #modals-holder #configure-control-files-table-view .table-holder::-webkit-scrollbar-thumb {
      border-radius: 6px;
      border: 1px solid rgba(0, 0, 0, 0.05);
      background-color: rgba(0, 0, 0, 0.175); }
      #modals-holder #configure-control-files-table-view .table-holder::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0, 0, 0, 0.4); }
    #modals-holder #configure-control-files-table-view .table-holder::-webkit-scrollbar-track {
      background-color: rgba(0, 0, 0, 0.05);
      border-radius: 3px; }
  #modals-holder #configure-control-files-table-view table thead th {
    vertical-align: middle; }
  #modals-holder #configure-control-files-table-view table tbody td:not(.pseudo-header) {
    text-align: center; }
#modals-holder #resolve-conflicts-table-view {
  font-size: 0.85em; }
  #modals-holder #resolve-conflicts-table-view .info-icon-link {
    font-size: 1.4em;
    line-height: 1.4em; }
  #modals-holder #resolve-conflicts-table-view table {
    margin-left: 0; }
    #modals-holder #resolve-conflicts-table-view table thead th .nice-button {
      font-size: 1em;
      padding: 0.5em 2em; }
    #modals-holder #resolve-conflicts-table-view table tbody td.selected {
      cursor: default;
      background-color: #EFE; }
      #modals-holder #resolve-conflicts-table-view table tbody td.selected input[type='text'] {
        background-color: #EFE;
        font-weight: bold; }
    #modals-holder #resolve-conflicts-table-view table tbody .radio-td .icomoon-icon, #modals-holder #resolve-conflicts-table-view table tbody .radio-td div {
      display: inline-block;
      vertical-align: top; }
    #modals-holder #resolve-conflicts-table-view table tbody .empty-td {
      background-color: #eff0f1;
      pointer-events: none; }
    #modals-holder #resolve-conflicts-table-view table tbody .input-td {
      padding: 0; }
      #modals-holder #resolve-conflicts-table-view table tbody .input-td input {
        padding: 0.5em;
        border: none;
        width: calc(100% - 1em); }
    #modals-holder #resolve-conflicts-table-view table tbody .view-files-td .view-conflict-files {
      max-height: 10em;
      overflow-y: scroll; }
    #modals-holder #resolve-conflicts-table-view table tbody .view-files-td:not(.selected) .icon-eye-blocked {
      display: none; }
    #modals-holder #resolve-conflicts-table-view table tbody .view-files-td span, #modals-holder #resolve-conflicts-table-view table tbody .view-files-td .icon-eye-blocked {
      opacity: 0;
      -webkit-transition: opacity 160ms ease-out;
      -moz-transition: opacity 160ms ease-out;
      -o-transition: opacity 160ms ease-out;
      -ms-transition: opacity 160ms ease-out;
      transition: opacity 160ms ease-out; }
    #modals-holder #resolve-conflicts-table-view table tbody .view-files-td:hover:not(.selected) span {
      opacity: 1; }
    #modals-holder #resolve-conflicts-table-view table tbody .view-files-td:hover.selected .icon-eye-blocked {
      opacity: 1;
      -webkit-transition: none;
      -moz-transition: none;
      -o-transition: none;
      -ms-transition: none;
      transition: none; }
    #modals-holder #resolve-conflicts-table-view table tbody .view-files-td.selected {
      background-color: inherit;
      cursor: pointer; }
      #modals-holder #resolve-conflicts-table-view table tbody .view-files-td.selected .icon-eye {
        display: none; }
      #modals-holder #resolve-conflicts-table-view table tbody .view-files-td.selected:hover {
        opacity: 0.9; }
    #modals-holder #resolve-conflicts-table-view table tbody .view-files-td li {
      margin-left: 1em; }
    #modals-holder #resolve-conflicts-table-view table tbody tr.unresolved .pseudo-header {
      background-color: #ffe4db; }

#panel-app-view-region {
  font-size: 1.1em; }
  #panel-app-view-region #file-boxes-holder {
    margin-top: 1em; }
  #panel-app-view-region .content-box {
    vertical-align: top;
    margin-right: 1em;
    max-width: 30%;
    min-width: 27em !important;
    opacity: 1;
    display: inline-block;
    -webkit-transition: opacity 160ms ease-out;
    -moz-transition: opacity 160ms ease-out;
    -o-transition: opacity 160ms ease-out;
    -ms-transition: opacity 160ms ease-out;
    transition: opacity 160ms ease-out; }
    #panel-app-view-region .content-box.loading-box {
      opacity: 0.5;
      pointer-events: none; }
    #panel-app-view-region .content-box .tooltip {
      background-color: inherit; }
    #panel-app-view-region .content-box .panel-visibility + .tooltip {
      background-color: transparent; }
    #panel-app-view-region .content-box .hidden-file-box {
      display: none !important; }
    #panel-app-view-region .content-box h3 {
      padding: 0; }
      #panel-app-view-region .content-box h3 > div {
        display: inline-block;
        padding: 3.08px 7px 3.77px 7px; }
      #panel-app-view-region .content-box h3 .box-header {
        width: calc(90% - 65px);
        -webkit-border-radius: 5px 0px 0px 0px;
        -moz-border-radius: 5px 0px 0px 0px;
        -o-border-radius: 5px 0px 0px 0px;
        border-radius: 5px 0px 0px 0px; }
      #panel-app-view-region .content-box h3 .icomoon-icon:not(.icon-eye-blocked, .icon-compensation) {
        opacity: 0.15;
        font-size: inherit;
        -webkit-transition: opacity 160ms ease-out;
        -moz-transition: opacity 160ms ease-out;
        -o-transition: opacity 160ms ease-out;
        -ms-transition: opacity 160ms ease-out;
        transition: opacity 160ms ease-out; }
      #panel-app-view-region .content-box h3 .icon-eye-blocked, #panel-app-view-region .content-box h3 .icon-compensation {
        padding: 0 6px 0 4px;
        display: inline-block;
        vertical-align: -2px; }
      #panel-app-view-region .content-box h3 .editable-header {
        -webkit-transition: background-color 160ms ease-out;
        -moz-transition: background-color 160ms ease-out;
        -o-transition: background-color 160ms ease-out;
        -ms-transition: background-color 160ms ease-out;
        transition: background-color 160ms ease-out; }
        #panel-app-view-region .content-box h3 .editable-header:hover {
          background-color: #f1f5f9; }
          #panel-app-view-region .content-box h3 .editable-header:hover .icomoon-icon {
            opacity: 1; }
        #panel-app-view-region .content-box h3 .editable-header:active {
          background-color: #a4c8eb;
          box-shadow: 1px 1px 3px #8c98a3 inset; }
          #panel-app-view-region .content-box h3 .editable-header:active .icomoon-icon {
            color: #eff7ff; }
      #panel-app-view-region .content-box h3 .editable-header {
        cursor: pointer; }
        #panel-app-view-region .content-box h3 .editable-header .icon-pencil {
          margin-left: 0.5em; }
    #panel-app-view-region .content-box .body {
      padding: 0; }
    #panel-app-view-region .content-box thead .list-filter {
      height: 17px;
      width: 14px;
      font-size: 12px;
      padding: 3px 4px 2px 6px;
      border: 1px solid #cbced5;
      position: absolute;
      right: 16px;
      bottom: 1px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      -webkit-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
      -moz-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
      -o-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
      -ms-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
      transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1); }
      #panel-app-view-region .content-box thead .list-filter:focus {
        width: 104px; }
    #panel-app-view-region .content-box .files-table-header tr td, #panel-app-view-region .content-box .files-table-header .all-none-checkbox-holder, #panel-app-view-region .content-box .files-table-holder tr td, #panel-app-view-region .content-box .files-table-holder .all-none-checkbox-holder {
      cursor: pointer; }
      #panel-app-view-region .content-box .files-table-header tr td:hover, #panel-app-view-region .content-box .files-table-header .all-none-checkbox-holder:hover, #panel-app-view-region .content-box .files-table-holder tr td:hover, #panel-app-view-region .content-box .files-table-holder .all-none-checkbox-holder:hover {
        background-color: #e0ecf9; }
        #panel-app-view-region .content-box .files-table-header tr td:hover .icon-checkbox-unchecked2, #panel-app-view-region .content-box .files-table-header .all-none-checkbox-holder:hover .icon-checkbox-unchecked2, #panel-app-view-region .content-box .files-table-holder tr td:hover .icon-checkbox-unchecked2, #panel-app-view-region .content-box .files-table-holder .all-none-checkbox-holder:hover .icon-checkbox-unchecked2 {
          color: inherit; }
      #panel-app-view-region .content-box .files-table-header tr td:active, #panel-app-view-region .content-box .files-table-header .all-none-checkbox-holder:active, #panel-app-view-region .content-box .files-table-holder tr td:active, #panel-app-view-region .content-box .files-table-holder .all-none-checkbox-holder:active {
        background-color: #d6e7fb;
        box-shadow: 1px 1px 3px #8fa0b5 inset; }
    #panel-app-view-region .content-box .files-section {
      position: relative; }
      #panel-app-view-region .content-box .files-section .table-overlay {
        position: absolute;
        background-color: rgba(170, 204, 238, 0.35);
        width: calc(100% - 14px);
        height: 100%;
        display: none;
        opacity: 0;
        -webkit-transition: background-color 160ms ease-out, opacity 160ms ease-out;
        -moz-transition: background-color 160ms ease-out, opacity 160ms ease-out;
        -o-transition: background-color 160ms ease-out, opacity 160ms ease-out;
        -ms-transition: background-color 160ms ease-out, opacity 160ms ease-out;
        transition: background-color 160ms ease-out, opacity 160ms ease-out; }
        #panel-app-view-region .content-box .files-section .table-overlay .overlay-text {
          background-color: white;
          text-align: center;
          top: 0;
          position: absolute;
          left: 10%;
          width: 80%;
          padding: 1em 0;
          font-size: 1.3em;
          border: 1px solid rgba(170, 204, 238, 0.9);
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px; }
        #panel-app-view-region .content-box .files-section .table-overlay.show {
          cursor: pointer;
          opacity: 1;
          z-index: 1; }
          #panel-app-view-region .content-box .files-section .table-overlay.show:hover {
            background-color: rgba(170, 204, 238, 0.7); }
    #panel-app-view-region .content-box .files-table-header {
      position: relative; }
      #panel-app-view-region .content-box .files-table-header.without-channels thead tr th {
        padding-top: 0; }
      #panel-app-view-region .content-box .files-table-header.without-channels .list-filter {
        bottom: 4px; }
      #panel-app-view-region .content-box .files-table-header thead tr {
        border-bottom: 1px solid #a0a3af; }
        #panel-app-view-region .content-box .files-table-header thead tr .file-header {
          display: inline-block; }
        #panel-app-view-region .content-box .files-table-header thead tr th {
          padding: 1em 0 0 0;
          text-align: center; }
          #panel-app-view-region .content-box .files-table-header thead tr th.all-none-checkbox-th {
            opacity: 1;
            -webkit-transition: opacity 160ms ease-out;
            -moz-transition: opacity 160ms ease-out;
            -o-transition: opacity 160ms ease-out;
            -ms-transition: opacity 160ms ease-out;
            transition: opacity 160ms ease-out; }
            #panel-app-view-region .content-box .files-table-header thead tr th.all-none-checkbox-th.hidden-th {
              opacity: 0;
              pointer-events: none; }
          #panel-app-view-region .content-box .files-table-header thead tr th .all-none-checkbox-holder {
            float: left; }
          #panel-app-view-region .content-box .files-table-header thead tr th span {
            padding: 0.5em; }
          #panel-app-view-region .content-box .files-table-header thead tr th:first-child {
            width: 2em; }
      #panel-app-view-region .content-box .files-table-header:focus {
        width: 260px; }
      #panel-app-view-region .content-box .files-table-header .move-button-holder {
        position: absolute;
        top: 0.7em;
        margin-left: 10%;
        margin-right: 10%;
        width: 80%; }
        #panel-app-view-region .content-box .files-table-header .move-button-holder .dropdown {
          width: 100%; }
          #panel-app-view-region .content-box .files-table-header .move-button-holder .dropdown .dropdown-menu {
            left: 4px;
            min-width: calc(100% - 8px); }
      #panel-app-view-region .content-box .files-table-header .move-button {
        z-index: 1;
        padding: 0.5em 1em;
        margin-top: -25px;
        text-align: center;
        display: none;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        -webkit-transition: opacity 160ms ease-out;
        -moz-transition: opacity 160ms ease-out;
        -o-transition: opacity 160ms ease-out;
        -ms-transition: opacity 160ms ease-out;
        transition: opacity 160ms ease-out; }
        #panel-app-view-region .content-box .files-table-header .move-button:hover {
          background-color: white; }
        #panel-app-view-region .content-box .files-table-header .move-button.show {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex; }
      #panel-app-view-region .content-box .files-table-header thead th {
        padding-top: 1.5em; }
    #panel-app-view-region .content-box .files-table-holder {
      position: relative; }
      #panel-app-view-region .content-box .files-table-holder table tbody {
        display: block;
        min-height: 10em; }
        #panel-app-view-region .content-box .files-table-holder table tbody tr td {
          padding: 0.3em 0.5em; }
        #panel-app-view-region .content-box .files-table-holder table tbody tr {
          display: block; }
          #panel-app-view-region .content-box .files-table-holder table tbody tr td {
            display: block;
            -webkit-transition: background-color 160ms ease-out;
            -moz-transition: background-color 160ms ease-out;
            -o-transition: background-color 160ms ease-out;
            -ms-transition: background-color 160ms ease-out;
            transition: background-color 160ms ease-out; }
            #panel-app-view-region .content-box .files-table-holder table tbody tr td:hover {
              background-color: #e0ecf9; }
          #panel-app-view-region .content-box .files-table-holder table tbody tr .movable-file-td {
            width: 100%;
            cursor: move; }
            #panel-app-view-region .content-box .files-table-holder table tbody tr .movable-file-td .icon-move {
              float: right;
              opacity: 0;
              -webkit-transition: opacity 160ms ease-out;
              -moz-transition: opacity 160ms ease-out;
              -o-transition: opacity 160ms ease-out;
              -ms-transition: opacity 160ms ease-out;
              transition: opacity 160ms ease-out; }
            #panel-app-view-region .content-box .files-table-holder table tbody tr .movable-file-td:hover {
              background-color: #e0ecf9; }
              #panel-app-view-region .content-box .files-table-holder table tbody tr .movable-file-td:hover .icon-move {
                opacity: 1; }
    #panel-app-view-region .content-box .channels-holder {
      border-bottom: 1px solid #a0a3af; }
      #panel-app-view-region .content-box .channels-holder table {
        border: none !important; }
        #panel-app-view-region .content-box .channels-holder table.move-mode {
          opacity: 0.75; }
        #panel-app-view-region .content-box .channels-holder table tbody td {
          height: 1em;
          padding: 0; }
          #panel-app-view-region .content-box .channels-holder table tbody td > div {
            padding: 0.25em 0.5em; }
          #panel-app-view-region .content-box .channels-holder table tbody td .channel-names, #panel-app-view-region .content-box .channels-holder table tbody td .issue {
            height: 100%; }
          #panel-app-view-region .content-box .channels-holder table tbody td .channel-names > span {
            margin-right: 5px; }
          #panel-app-view-region .content-box .channels-holder table tbody td .issue {
            background-color: #ffe4db;
            color: #691f00;
            cursor: pointer; }
            #panel-app-view-region .content-box .channels-holder table tbody td .issue:hover {
              color: red;
              opacity: 0.9; }
            #panel-app-view-region .content-box .channels-holder table tbody td .issue .icon-warning {
              color: red;
              float: right; }
          #panel-app-view-region .content-box .channels-holder table tbody td .editable-channel-name {
            cursor: pointer;
            -webkit-transition: background-color 160ms ease-out;
            -moz-transition: background-color 160ms ease-out;
            -o-transition: background-color 160ms ease-out;
            -ms-transition: background-color 160ms ease-out;
            transition: background-color 160ms ease-out; }
            #panel-app-view-region .content-box .channels-holder table tbody td .editable-channel-name .icon-pencil {
              opacity: 0;
              -webkit-transition: opacity 160ms ease-out;
              -moz-transition: opacity 160ms ease-out;
              -o-transition: opacity 160ms ease-out;
              -ms-transition: opacity 160ms ease-out;
              transition: opacity 160ms ease-out; }
            #panel-app-view-region .content-box .channels-holder table tbody td .editable-channel-name:hover {
              background-color: #e3e7f3; }
              #panel-app-view-region .content-box .channels-holder table tbody td .editable-channel-name:hover .icon-pencil {
                opacity: 1; }
    #panel-app-view-region .content-box .channels-header th {
      text-align: left; }
    #panel-app-view-region .content-box .channels-header .conflicts-warning {
      color: #ce0000;
      font-size: 1em;
      border-color: #ad0000;
      padding: 4px 1.5em;
      margin-left: 1em; }
      #panel-app-view-region .content-box .channels-header .conflicts-warning .icon-warning {
        color: #ce0000;
        float: left;
        padding-right: 5px; }
    #panel-app-view-region .content-box .channels-header table, #panel-app-view-region .content-box .channels-holder table, #panel-app-view-region .content-box .files-table-header table, #panel-app-view-region .content-box .files-table-holder table {
      width: 100%; }
      #panel-app-view-region .content-box .channels-header table tbody tr.filtered, #panel-app-view-region .content-box .channels-holder table tbody tr.filtered, #panel-app-view-region .content-box .files-table-header table tbody tr.filtered, #panel-app-view-region .content-box .files-table-holder table tbody tr.filtered {
        display: none; }
      #panel-app-view-region .content-box .channels-header table tbody tr.filtered-channels-tr, #panel-app-view-region .content-box .channels-header table tbody tr.filtered-files-tr, #panel-app-view-region .content-box .channels-holder table tbody tr.filtered-channels-tr, #panel-app-view-region .content-box .channels-holder table tbody tr.filtered-files-tr, #panel-app-view-region .content-box .files-table-header table tbody tr.filtered-channels-tr, #panel-app-view-region .content-box .files-table-header table tbody tr.filtered-files-tr, #panel-app-view-region .content-box .files-table-holder table tbody tr.filtered-channels-tr, #panel-app-view-region .content-box .files-table-holder table tbody tr.filtered-files-tr {
        display: none;
        cursor: pointer;
        -webkit-transition: background-color 160ms ease-out;
        -moz-transition: background-color 160ms ease-out;
        -o-transition: background-color 160ms ease-out;
        -ms-transition: background-color 160ms ease-out;
        transition: background-color 160ms ease-out; }
        #panel-app-view-region .content-box .channels-header table tbody tr.filtered-channels-tr td, #panel-app-view-region .content-box .channels-header table tbody tr.filtered-files-tr td, #panel-app-view-region .content-box .channels-holder table tbody tr.filtered-channels-tr td, #panel-app-view-region .content-box .channels-holder table tbody tr.filtered-files-tr td, #panel-app-view-region .content-box .files-table-header table tbody tr.filtered-channels-tr td, #panel-app-view-region .content-box .files-table-header table tbody tr.filtered-files-tr td, #panel-app-view-region .content-box .files-table-holder table tbody tr.filtered-channels-tr td, #panel-app-view-region .content-box .files-table-holder table tbody tr.filtered-files-tr td {
          padding: 10px 4px;
          text-align: center; }
          #panel-app-view-region .content-box .channels-header table tbody tr.filtered-channels-tr td div, #panel-app-view-region .content-box .channels-header table tbody tr.filtered-files-tr td div, #panel-app-view-region .content-box .channels-holder table tbody tr.filtered-channels-tr td div, #panel-app-view-region .content-box .channels-holder table tbody tr.filtered-files-tr td div, #panel-app-view-region .content-box .files-table-header table tbody tr.filtered-channels-tr td div, #panel-app-view-region .content-box .files-table-header table tbody tr.filtered-files-tr td div, #panel-app-view-region .content-box .files-table-holder table tbody tr.filtered-channels-tr td div, #panel-app-view-region .content-box .files-table-holder table tbody tr.filtered-files-tr td div {
            font-style: italic; }
          #panel-app-view-region .content-box .channels-header table tbody tr.filtered-channels-tr td a, #panel-app-view-region .content-box .channels-header table tbody tr.filtered-files-tr td a, #panel-app-view-region .content-box .channels-holder table tbody tr.filtered-channels-tr td a, #panel-app-view-region .content-box .channels-holder table tbody tr.filtered-files-tr td a, #panel-app-view-region .content-box .files-table-header table tbody tr.filtered-channels-tr td a, #panel-app-view-region .content-box .files-table-header table tbody tr.filtered-files-tr td a, #panel-app-view-region .content-box .files-table-holder table tbody tr.filtered-channels-tr td a, #panel-app-view-region .content-box .files-table-holder table tbody tr.filtered-files-tr td a {
            text-decoration: underline; }
        #panel-app-view-region .content-box .channels-header table tbody tr.filtered-channels-tr.show-tr, #panel-app-view-region .content-box .channels-header table tbody tr.filtered-files-tr.show-tr, #panel-app-view-region .content-box .channels-holder table tbody tr.filtered-channels-tr.show-tr, #panel-app-view-region .content-box .channels-holder table tbody tr.filtered-files-tr.show-tr, #panel-app-view-region .content-box .files-table-header table tbody tr.filtered-channels-tr.show-tr, #panel-app-view-region .content-box .files-table-header table tbody tr.filtered-files-tr.show-tr, #panel-app-view-region .content-box .files-table-holder table tbody tr.filtered-channels-tr.show-tr, #panel-app-view-region .content-box .files-table-holder table tbody tr.filtered-files-tr.show-tr {
          display: table-row; }
        #panel-app-view-region .content-box .channels-header table tbody tr.filtered-channels-tr:hover, #panel-app-view-region .content-box .channels-header table tbody tr.filtered-files-tr:hover, #panel-app-view-region .content-box .channels-holder table tbody tr.filtered-channels-tr:hover, #panel-app-view-region .content-box .channels-holder table tbody tr.filtered-files-tr:hover, #panel-app-view-region .content-box .files-table-header table tbody tr.filtered-channels-tr:hover, #panel-app-view-region .content-box .files-table-header table tbody tr.filtered-files-tr:hover, #panel-app-view-region .content-box .files-table-holder table tbody tr.filtered-channels-tr:hover, #panel-app-view-region .content-box .files-table-holder table tbody tr.filtered-files-tr:hover {
          background-color: rgba(170, 204, 238, 0.6); }
        #panel-app-view-region .content-box .channels-header table tbody tr.filtered-channels-tr:active, #panel-app-view-region .content-box .channels-header table tbody tr.filtered-files-tr:active, #panel-app-view-region .content-box .channels-holder table tbody tr.filtered-channels-tr:active, #panel-app-view-region .content-box .channels-holder table tbody tr.filtered-files-tr:active, #panel-app-view-region .content-box .files-table-header table tbody tr.filtered-channels-tr:active, #panel-app-view-region .content-box .files-table-header table tbody tr.filtered-files-tr:active, #panel-app-view-region .content-box .files-table-holder table tbody tr.filtered-channels-tr:active, #panel-app-view-region .content-box .files-table-holder table tbody tr.filtered-files-tr:active {
          opacity: 0.8; }
      #panel-app-view-region .content-box .channels-header table thead, #panel-app-view-region .content-box .channels-holder table thead, #panel-app-view-region .content-box .files-table-header table thead, #panel-app-view-region .content-box .files-table-holder table thead {
        background-color: #f5f5f7; }
        #panel-app-view-region .content-box .channels-header table thead th, #panel-app-view-region .content-box .channels-holder table thead th, #panel-app-view-region .content-box .files-table-header table thead th, #panel-app-view-region .content-box .files-table-holder table thead th {
          text-align: left;
          font-weight: bold;
          border: none;
          position: relative; }
      #panel-app-view-region .content-box .channels-header table .icon-checkbox-unchecked2, #panel-app-view-region .content-box .channels-holder table .icon-checkbox-unchecked2, #panel-app-view-region .content-box .files-table-header table .icon-checkbox-unchecked2, #panel-app-view-region .content-box .files-table-holder table .icon-checkbox-unchecked2 {
        color: #a1a8b3;
        -webkit-transition: color 160ms ease-out;
        -moz-transition: color 160ms ease-out;
        -o-transition: color 160ms ease-out;
        -ms-transition: color 160ms ease-out;
        transition: color 160ms ease-out; }
    #panel-app-view-region .content-box .channels-holder, #panel-app-view-region .content-box .files-table-holder {
      max-height: 40vh;
      overflow-y: scroll; }
      #panel-app-view-region .content-box .channels-holder::-webkit-scrollbar, #panel-app-view-region .content-box .files-table-holder::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 8px;
        height: 8px; }
      #panel-app-view-region .content-box .channels-holder::-webkit-scrollbar-thumb, #panel-app-view-region .content-box .files-table-holder::-webkit-scrollbar-thumb {
        border-radius: 6px;
        border: 1px solid rgba(0, 0, 0, 0.05);
        background-color: rgba(0, 0, 0, 0.175); }
        #panel-app-view-region .content-box .channels-holder::-webkit-scrollbar-thumb:hover, #panel-app-view-region .content-box .files-table-holder::-webkit-scrollbar-thumb:hover {
          background-color: rgba(0, 0, 0, 0.4); }
      #panel-app-view-region .content-box .channels-holder::-webkit-scrollbar-track, #panel-app-view-region .content-box .files-table-holder::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0.05);
        border-radius: 3px; }
      #panel-app-view-region .content-box .channels-holder table thead, #panel-app-view-region .content-box .files-table-holder table thead {
        border-bottom: 1px solid #a0a3af; }
      #panel-app-view-region .content-box .channels-holder table tbody tr:hover, #panel-app-view-region .content-box .files-table-holder table tbody tr:hover {
        color: black; }
      #panel-app-view-region .content-box .channels-holder table tbody td, #panel-app-view-region .content-box .files-table-holder table tbody td {
        border: none; }
      #panel-app-view-region .content-box .channels-holder table tbody tr.filtered-files-tr.show-tr, #panel-app-view-region .content-box .files-table-holder table tbody tr.filtered-files-tr.show-tr {
        display: block !important; }
  #panel-app-view-region #panels-region .panel-visibility {
    float: right;
    cursor: pointer;
    opacity: 0.3;
    padding: 3px;
    border-radius: 0;
    min-width: 65px; }
    #panel-app-view-region #panels-region .panel-visibility span {
      font-size: 12px; }
    #panel-app-view-region #panels-region .panel-visibility:hover {
      background-color: #f1f5f9;
      opacity: 1; }
    #panel-app-view-region #panels-region .panel-visibility .icomoon-icon {
      color: #275482;
      opacity: 1;
      font-size: 14px; }
    #panel-app-view-region #panels-region .panel-visibility.panel-hidden {
      opacity: 1; }
  #panel-app-view-region #edit-channels-region .content-box {
    min-width: 765px !important;
    max-width: unset;
    margin-bottom: 5em; }
    #panel-app-view-region #edit-channels-region .content-box .content-box-menu-button {
      font-size: 20px;
      opacity: 0.25; }
    #panel-app-view-region #edit-channels-region .content-box:hover .content-box-menu-button {
      opacity: 0.6; }
      #panel-app-view-region #edit-channels-region .content-box:hover .content-box-menu-button:hover, #panel-app-view-region #edit-channels-region .content-box:hover .content-box-menu-button:active {
        opacity: 1;
        color: #275482; }
    #panel-app-view-region #edit-channels-region .content-box .body {
      position: relative;
      padding: 20px 20px 40px 20px; }
      #panel-app-view-region #edit-channels-region .content-box .body .edit-channel-row {
        margin-bottom: 5px;
        white-space: nowrap; }
        #panel-app-view-region #edit-channels-region .content-box .body .edit-channel-row .file-select-holder > div {
          display: inline; }
        #panel-app-view-region #edit-channels-region .content-box .body .edit-channel-row .icon-plus-circle {
          vertical-align: -4px;
          margin-left: -3px;
          margin-right: 5px; }
        #panel-app-view-region #edit-channels-region .content-box .body .edit-channel-row .row-buttons-holder {
          opacity: 0; }
          #panel-app-view-region #edit-channels-region .content-box .body .edit-channel-row .row-buttons-holder button {
            cursor: pointer;
            background: none;
            margin-left: -2px;
            border: 1px solid transparent;
            border-radius: 12px; }
            #panel-app-view-region #edit-channels-region .content-box .body .edit-channel-row .row-buttons-holder button.copy-row-button {
              padding: 4px; }
              #panel-app-view-region #edit-channels-region .content-box .body .edit-channel-row .row-buttons-holder button.copy-row-button .icon-generic-copy {
                vertical-align: -3px; }
            #panel-app-view-region #edit-channels-region .content-box .body .edit-channel-row .row-buttons-holder button.delete-row-button {
              padding: 6px 7px 6px 6px;
              vertical-align: -1px; }
              #panel-app-view-region #edit-channels-region .content-box .body .edit-channel-row .row-buttons-holder button.delete-row-button .icon-close {
                font-size: 12px;
                vertical-align: -1px; }
            #panel-app-view-region #edit-channels-region .content-box .body .edit-channel-row .row-buttons-holder button:hover {
              border: 1px solid #b6d0df;
              background: #e6f0fb; }
              #panel-app-view-region #edit-channels-region .content-box .body .edit-channel-row .row-buttons-holder button:hover .icomoon-icon {
                color: #275482; }
            #panel-app-view-region #edit-channels-region .content-box .body .edit-channel-row .row-buttons-holder button:active {
              box-shadow: inset 3px 3px 6px 1px rgba(0, 0, 0, 0.125); }
        #panel-app-view-region #edit-channels-region .content-box .body .edit-channel-row:hover .row-buttons-holder {
          opacity: 1; }
        #panel-app-view-region #edit-channels-region .content-box .body .edit-channel-row:last-child .channel-action {
          width: 228px; }
      #panel-app-view-region #edit-channels-region .content-box .body .invalid {
        outline: 1px #9e070738 solid;
        border: 1px solid darkred;
        border-radius: 5px; }
      #panel-app-view-region #edit-channels-region .content-box .body .channel-action {
        width: 177px;
        display: inline-block; }
      #panel-app-view-region #edit-channels-region .content-box .body .bootstrap-select {
        margin-left: 2px;
        margin-right: 7px; }
      #panel-app-view-region #edit-channels-region .content-box .body .nice-input {
        vertical-align: -3px;
        margin-right: 7px; }
      #panel-app-view-region #edit-channels-region .content-box .body .nice-text {
        font-size: 14px;
        padding: 0px 6px 0 0px;
        vertical-align: -4px; }
      #panel-app-view-region #edit-channels-region .content-box .body #close-edit-channels-button {
        border: none;
        background: none;
        color: grey;
        position: absolute;
        bottom: 10px;
        right: 220px;
        font-size: 16px;
        cursor: pointer;
        opacity: 0.75;
        padding: 7px 17px; }
        #panel-app-view-region #edit-channels-region .content-box .body #close-edit-channels-button:hover, #panel-app-view-region #edit-channels-region .content-box .body #close-edit-channels-button:active {
          opacity: 1; }
        #panel-app-view-region #edit-channels-region .content-box .body #close-edit-channels-button:active {
          color: #1758AC; }
      #panel-app-view-region #edit-channels-region .content-box .body #submit-edit-channels-button {
        position: absolute;
        bottom: 10px;
        right: 10px;
        padding: 5px 24px; }
        #panel-app-view-region #edit-channels-region .content-box .body #submit-edit-channels-button .icon-checkmark {
          margin-left: 1em; }
      #panel-app-view-region #edit-channels-region .content-box .body.no-data-yet #close-edit-channels-button {
        right: 28px; }
      #panel-app-view-region #edit-channels-region .content-box .body.no-data-yet #submit-edit-channels-button {
        display: none; }
      #panel-app-view-region #edit-channels-region .content-box .body.invalid-state #close-edit-channels-button {
        right: 191px; }
      #panel-app-view-region #edit-channels-region .content-box .body.invalid-state #submit-edit-channels-button {
        opacity: 0.7;
        cursor: not-allowed;
        background-color: #5BB75B !important; }
        #panel-app-view-region #edit-channels-region .content-box .body.invalid-state #submit-edit-channels-button .icon-checkmark {
          display: none; }

.work-task-input {
  width: 85.7%; }

.link-icon {
  font-size: 16px;
  margin-right: 5px;
  color: #4780c7;
  cursor: pointer;
  position: relative;
  top: 2px; }
  .link-icon.link-icon-right {
    margin-right: 0;
    margin-left: 5px; }

.tooltip-icon {
  font-size: 16px;
  margin-right: 5px;
  color: #4780c7;
  position: relative;
  top: 2px; }
  .tooltip-icon:hover {
    color: #a08e06; }

.icomoon-icon {
  font-size: 16px;
  color: #5D697A; }

.link-ish:hover .icomoon-icon {
  color: #1D4B7A; }

.link-ish:active .icomoon-icon {
  color: #ACE; }

.inheriting-icon {
  color: inherit !important; }

.invisible-icon {
  color: rgba(0, 0, 0, 0) !important; }

.white-icon {
  color: white !important; }

.royal-blue-icon {
  color: #1758AC !important; }

.dark-blue-icon {
  color: #114477 !important; }

.sky-blue-icon {
  color: #43e6f1 !important; }

.green-icon {
  color: green !important; }

.grey-icon {
  color: #9798ad !important; }

.black-icon {
  color: #0a0920 !important; }

.dark-red-icon {
  color: #4a0505a8 !important; }

.invisible-icon {
  opacity: 0; }

.icon-file-pdf {
  color: #c92553 !important; }

.link-colored-icon {
  color: #4780c7 !important; }

.link-colored-icon:hover, .icon-file-pdf:hover {
  color: #1758AC !important; }

.link-colored-icon:active, .icon-file-pdf:active {
  color: #ACE !important; }

.tiny-icon {
  font-size: 9px; }

.ten-px-icon {
  font-size: 10px; }

.small-icon {
  font-size: 12px; }

.medium-icon {
  font-size: 14px; }

.fifteen-px-icon {
  font-size: 15px; }

.sixteen-px-icon {
  font-size: 16px; }

.seventeen-px-icon {
  font-size: 17px; }

.eighteen-px-icon {
  font-size: 18px; }

.twenty-px-icon {
  font-size: 20px; }

.medium-large-icon {
  font-size: 26px; }

.large-icon {
  font-size: 32px; }

.huge-icon {
  font-size: 64px; }

.large-icon.icon-heatmap {
  font-size: 31px !important; }

.large-cloud-icon {
  font-size: 1.5em; }

.rotated-icon {
  display: inline-block;
  transform: rotate(90deg); }

.info-icon-link .info-button {
  position: relative; }

.beta-stamp, .beta-stamp-menu {
  color: #bc2d07; }

.beta-stamp {
  font-size: 3em; }

.beta-stamp-menu {
  font-size: 2em; }

li.beta-icon-holder {
  position: relative; }
  li.beta-icon-holder .beta-stamp-menu {
    position: absolute;
    right: 1.7em;
    top: -0.2em; }

.standalone-link-icon:hover {
  color: #0155B1; }

.standalone-icon, .standalone-link-icon {
  color: #afaeae;
  text-decoration: none !important; }

.standalone-link-icon {
  color: #afaeae !important; }

.standalone-link-icon:hover {
  color: #0155B1 !important; }

.standalone-link-icon:active {
  color: #ACE !important; }

a.standalone-icon-holder {
  border-bottom: none !important; }

a.standalone-icon-holder:hover {
  background-color: inherit !important;
  text-decoration: none !important; }
  a.standalone-icon-holder:hover i {
    color: #0155B1; }

a.standalone-icon-holder:active {
  text-decoration: none !important; }
  a.standalone-icon-holder:active i {
    color: #ACE; }

a.standalone-link {
  border-bottom: 1px solid white;
  display: inline-block !important;
  vertical-align: bottom !important;
  padding: 0; }

.content-box h3 .standalone-link {
  border-bottom: none; }
  .content-box h3 .standalone-link i {
    color: #5D697A; }

a.link-with-icon, li.link-with-icon-holder a {
  vertical-align: bottom !important; }

a.link-with-icon:hover, li.link-with-icon-holder a:hover {
  border-bottom: 1px solid blue;
  border-color: #1D4B7A;
  text-decoration: none !important; }
  a.link-with-icon:hover i, li.link-with-icon-holder a:hover i {
    color: #164c7a; }

a.link-with-icon:active, li.link-with-icon-holder a:active {
  color: #2B7DE1;
  text-decoration: none !important;
  border-bottom: 1px solid #ACE !important; }
  a.link-with-icon:active i, li.link-with-icon-holder a:active i {
    color: #2B7DE1; }

a.link-with-icon.long-link-name .link-icon {
  margin-right: 3px; }

a.link-with-icon.administrator {
  font-style: italic; }

a.link-with-hover-icon i {
  opacity: 0;
  -webkit-transition: opacity 130ms ease-out;
  -moz-transition: opacity 130ms ease-out;
  -o-transition: opacity 130ms ease-out;
  -ms-transition: opacity 130ms ease-out;
  transition: opacity 130ms ease-out; }
a.link-with-hover-icon:hover i, a.link-with-hover-icon:focus i, a.link-with-hover-icon:active i {
  opacity: 1; }

.standalone-link-icon {
  cursor: pointer; }

.standalone-link-icon:hover {
  color: #0155B1; }

.standalone-link-icon:active {
  color: #ACE; }

a.no-underline-link {
  text-decoration: none !important; }

a.same-color-as-link i {
  color: inherit !important; }

a.same-color-as-link:hover {
  color: #5784B4 !important; }
  a.same-color-as-link:hover i {
    color: inherit !important; }

a.same-color-as-link:active {
  color: #ACE !important; }
  a.same-color-as-link:active i {
    color: inherit !important; }

a.small-icon-link .link-icon {
  font-size: 12px; }

a.small-icon-link {
  text-decoration: none !important; }

.small-icon i {
  font-size: 12px; }

.UI-icon {
  display: inline-block;
  padding-bottom: 0px !important;
  background-image: url("../images/UI_icons_light.png");
  width: 14px;
  height: 14px;
  cursor: pointer; }

.UI-icon:hover {
  background-image: url("../images/UI_icons_dark.png"); }

.UI-icon:active {
  background-image: url("../images/UI_icons_cytobank_orange.png"); }

a .UI-icon {
  margin-right: 4px; }

a:hover .UI-icon {
  background-image: url("../images/UI_icons_cytobank_blue.png"); }

a:active .UI-icon {
  background-image: url("../images/UI_icons_cytobank_orange.png"); }

.UI-icon-white {
  background-image: url("../images/UI_icons_white.png"); }

.UI-icon-dark {
  background-image: url("../images/UI_icons_dark.png");
  opacity: 0.8; }

.dummy-UI-icon {
  cursor: inherit !important; }

.dummy-UI-icon:hover {
  opacity: 1 !important; }

.dummy-UI-icon.UI-icon:hover, .dummy-UI-icon.UI-icon:active {
  background-image: url("../images/UI_icons_light.png"); }

.dummy-UI-icon.UI-icon.UI-icon-white:hover, .dummy-UI-icon.UI-icon.UI-icon-white:active {
  background-image: url("../images/UI_icons_white.png"); }

.dummy-UI-icon.UI-icon.UI-icon-dark:hover, .dummy-UI-icon.UI-icon.UI-icon-dark:active {
  background-image: url("../images/UI_icons_dark.png"); }

.UI-icon-pencil, .UI-icon-pencil:hover, .UI-icon-pencil:active {
  background-position: -64px -112px; }

.UI-icon-pushpin-out, .UI-icon-pushpin-out:hover, .UI-icon-pushpin-out:active {
  background-position: -144px -144px; }

.UI-icon-pushpin-in, .UI-icon-pushpin-in:hover, .UI-icon-pushpin-in:active {
  background-position: -128px -144px; }

.UI-icon-wrench, .UI-icon-wrench:hover, .UI-icon-wrench:active {
  background-position: -176px -112px; }

.UI-icon-up-arrow, .UI-icon-up-arrow:hover, .UI-icon-up-arrow:active {
  background-position: -16px -64px; }

.UI-icon-down-triangle, .UI-icon-down-triangle:hover, .UI-icon-down-triangle:active {
  background-position: -64px -16px; }

.UI-icon-right-triangle, .UI-icon-right-triangle:hover, .UI-icon-right-triangle:active {
  background-position: -32px -16px; }

.UI-icon-curvy-left-arrow, .UI-icon-curvy-left-arrow:hover, .UI-icon-curvy-left-arrow:active {
  background-position: 0px -64px; }

.UI-icon-curvy-up-arrow, .UI-icon-curvy-up-arrow:hover, .UI-icon-curvy-up-arrow:active {
  background-position: -16px -64px; }

.UI-icon-curvy-right-arrow, .UI-icon-curvy-right-arrow:hover, .UI-icon-curvy-right-arrow:active {
  background-position: -32px -64px; }

.UI-icon-curvy-down-arrow, .UI-icon-curvy-down-arrow:hover, .UI-icon-curvy-down-arrow:active {
  background-position: -48px -64px; }

.UI-icon-download, .UI-icon-download:hover, .UI-icon-download:active {
  background-position: -128px -192px; }

.UI-icon-upload, .UI-icon-upload:hover, .UI-icon-upload:active {
  background-position: -160px -192px; }

.UI-icon-X-in-circle, .UI-icon-X-in-circle:hover, .UI-icon-X-in-circle:active {
  background-position: -32px -192px; }

.UI-icon-small-X, .UI-icon-small-X:hover, .UI-icon-small-X:active {
  background-position: -80px -128px; }

.UI-icon-plus, .UI-icon-plus:hover, .UI-icon-plus:active {
  background-position: -32px -128px; }

.UI-icon-clockwise-arrow, .UI-icon-clockwise-arrow:hover, .UI-icon-clockwise-arrow:active {
  background-position: -160px -64px; }

.UI-icon-switch-arrows, .UI-icon-switch-arrows:hover, .UI-icon-switch-arrows:active {
  background-position: -96px -80px; }

.UI-icon-trashcan, .UI-icon-trashcan:hover, .UI-icon-trashcan:active {
  background-position: -176px -96px; }

.UI-icon-closed-folder, .UI-icon-closed-folder:hover, .UI-icon-closed-folder:active {
  background-position: 0px -96px; }

.UI-icon-suitcase, .UI-icon-suitcase:hover, .UI-icon-suitcase:active {
  background-position: -112px -96px; }

.UI-icon-spade, .UI-icon-spade:hover, .UI-icon-spade:active {
  background-position: -96px -225px; }

.UI-icon-grid, .UI-icon-grid:hover, .UI-icon-grid:active {
  background-position: -112px -112px; }

.UI-icon-printer, .UI-icon-printer:hover, .UI-icon-printer:active {
  background-position: -160px -96px; }

.UI-icon-clipboard, .UI-icon-clipboard:hover, .UI-icon-clipboard:active {
  background-position: -160px -128px; }

.UI-icon-disk, .UI-icon-disk:hover, .UI-icon-disk:active {
  background-position: -96px -112px; }

.UI-icon-letter, .UI-icon-letter:hover, .UI-icon-letter:active {
  background-position: -80px -96px; }

.UI-icon-person, .UI-icon-person:hover, .UI-icon-person:active {
  background-position: -144px -96px; }

.UI-icon-label, .UI-icon-label:hover, .UI-icon-label:active {
  background-position: -240px -96px; }

.UI-icon-magnifying-glass, .UI-icon-magnifying-glass:hover, .UI-icon-magnifying-glass:active {
  background-position: -160px -112px; }

.UI-icon-gear, .UI-icon-gear:hover, .UI-icon-gear:active {
  background-position: -192px -112px; }

.qtip-close .ui-icon-close {
  background-image: url(images/ui-icons_469bdd_256x240.png) !important; }

.spinning-icon {
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
  display: inline-block; }

.slow-spinning-icon {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
.whole_menu {
  width: 794px; }

.menu_column {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  position: relative; }

.sample-tags-column {
  display: inline-block; }

.selected_pop_gates_column {
  float: right; }

.filter_text_box {
  position: absolute;
  right: 19px;
  top: 20px;
  font-style: italic; }

#fcs_filter {
  height: 10px;
  width: 67px; }

.checkbox_menu_container {
  width: 225px; }

.checkbox_menu_label {
  font-weight: bold;
  margin-left: 8px;
  margin-top: 4px; }

.checkbox_container {
  height: 170px;
  font-size: 120%;
  width: 180px;
  overflow: auto;
  padding: 4px;
  padding-top: 1px;
  border: 1px solid #ddd;
  float: left;
  margin-right: 8px;
  margin-left: 8px;
  margin-top: 2px;
  white-space: nowrap; }

#fcs_file_checkbox_container {
  height: 200px;
  width: 250px; }

#sample_tag_checkbox_container {
  height: 125px;
  margin-bottom: 75px; }

#selected_pop_gates_container {
  width: 250px;
  height: 470px;
  margin-left: 0px;
  overflow: auto;
  white-space: nowrap;
  background-color: #F5F9FC; }

.long_name_text, .disabled_checkbox_text, .sample_name_text, #blank_field_text {
  color: #999999;
  font-style: italic; }

#selected_pop_gates_label, #instructional_text {
  font-style: italic; }

#export_stats_submit_button {
  font-size: 130%; }

#directions_text {
  font-style: italic;
  margin-bottom: 5px; }

.select_all, .select_none {
  float: right; }

.select_all {
  margin-right: 8px; }

.pop_select_all {
  margin-right: 26px; }

#include_header {
  margin-bottom: 5px; }

#population_selector {
  width: 180px;
  margin-left: 8px;
  font-size: 115%;
  text-align: center; }

#pops_gates_header {
  font-weight: bold;
  text-decoration: underline; }

.del_pop_gate_button {
  cursor: pointer;
  padding-top: 1px; }

#download_exported_stats_link {
  font-size: 145%; }

#export-events-modal.with-group-selector {
  width: 111em;
  min-width: 111em; }

.with-group-selector #export-events-app .fancy-select-widget .box-wrap .box {
  width: 21em; }

#export-events-app .fancy-select-widget .box-wrap .box {
  width: 23em; }
  #export-events-app .fancy-select-widget .box-wrap .box .choose-link {
    font-size: 14px; }
  #export-events-app .fancy-select-widget .box-wrap .box .body .selected-dimensions-list {
    font-size: 15px; }
    #export-events-app .fancy-select-widget .box-wrap .box .body .selected-dimensions-list .visible-list {
      height: 136px !important; }
  #export-events-app .fancy-select-widget .box-wrap .box .body .status-text {
    font-size: 15px;
    padding-bottom: 8px; }

.disabled-region {
  opacity: 0.5;
  pointer-events: none; }

#export-events-settings {
  padding: 1em 2em 2em 2em;
  border: 1px solid gray;
  display: inline-block;
  border-radius: 10px;
  margin-top: 5px;
  margin-left: 6px;
  width: 515px; }
  #export-events-settings .nice-input {
    width: 340px; }
  #export-events-settings > div {
    margin-top: 3px; }
  #export-events-settings > div > div > label {
    font-size: 14px;
    width: 97px;
    display: inline-block;
    font-weight: bold;
    text-align: right;
    margin-right: 6px;
    height: 27px;
    vertical-align: top;
    line-height: 27px; }
  #export-events-settings .radio-input-widget {
    display: inline-block;
    font-size: 15px;
    margin-top: 6px;
    color: #31313a; }
  #export-events-settings #export-events-include-header-region, #export-events-settings #export-events-add-pop-membership-region {
    font-size: 15px;
    color: #31313a;
    margin-top: 10px; }

#lower-menu {
  visibility: hidden; }
  #lower-menu .include-header {
    font-style: italic; }

.checkbox_container {
  height: 150px;
  width: 347px;
  padding: 3px;
  border: 1px solid #CCCCCC;
  overflow: auto;
  margin-top: 6px;
  margin-left: 24px;
  display: inline-block;
  white-space: nowrap; }

span.filter_text {
  font-style: italic;
  color: #666666; }

span.error_text {
  font-size: 120%; }

.checkbox_container {
  height: 100px;
  width: 180px;
  padding: 3px;
  border: 1px solid #CCCCCC;
  overflow: auto; }

#copy-illustrations-box {
  font-size: 1.4em;
  min-width: 60em; }
  #copy-illustrations-box .menu-holder {
    visibility: hidden; }
  #copy-illustrations-box label {
    padding-top: 3px; }
  #copy-illustrations-box #experiment-selectors-holder {
    position: relative;
    display: inline-block; }
  #copy-illustrations-box #illustrations-container {
    width: 100%; }
  #copy-illustrations-box #illustrations-to-copy-holder {
    width: 41em; }
    #copy-illustrations-box #illustrations-to-copy-holder label {
      padding-top: 0; }
    #copy-illustrations-box #illustrations-to-copy-holder button {
      width: 4em;
      margin-top: -3px;
      padding-top: 3px;
      padding-bottom: 3px;
      font-size: 1.2em; }
      #copy-illustrations-box #illustrations-to-copy-holder button.group-button-left {
        margin-right: -4px !important; }
    #copy-illustrations-box #illustrations-to-copy-holder #select-none-button {
      margin-right: -32px; }
    #copy-illustrations-box #illustrations-to-copy-holder #select-all-button {
      margin-right: 8px; }
    #copy-illustrations-box #illustrations-to-copy-holder #illustration-filter {
      width: 194px; }
    #copy-illustrations-box #illustrations-to-copy-holder .illustration-entry-holder {
      height: 1.15em; }
      #copy-illustrations-box #illustrations-to-copy-holder .illustration-entry-holder input {
        font-size: 16px;
        height: 16px; }
      #copy-illustrations-box #illustrations-to-copy-holder .illustration-entry-holder label {
        float: none; }

.menu_holder {
  display: inline-block; }

#template-mismatches-list {
  font-style: normal;
  text-align: left;
  margin-left: 22px; }

@-webkit-keyframes highlight-new-even {
  0% {
    background: #d9e7f5; }
  100% {
    background: #FFF; } }
@keyframes highlight-new-even {
  0% {
    background: #d9e7f5; }
  100% {
    background: #FFF; } }
@-webkit-keyframes highlight-new-odd {
  0% {
    background: #c6d2de; }
  100% {
    background: #EEE; } }
@keyframes highlight-new-odd {
  0% {
    background: #c6d2de; }
  100% {
    background: #EEE; } }
#export-stats-content-box {
  min-width: 300px; }
  #export-stats-content-box table#stats-datatable {
    width: 100%;
    table-layout: fixed; }
    #export-stats-content-box table#stats-datatable .open-thead .sorting_asc {
      background: none; }
    #export-stats-content-box table#stats-datatable tr.even.highlight-new {
      -webkit-animation: highlight-new-even 1.8s cubic-bezier(0.23, 1, 0.32, 1) 1;
      animation: highlight-new-even 1.8s cubic-bezier(0.23, 1, 0.32, 1) 1; }
    #export-stats-content-box table#stats-datatable tr.odd.highlight-new {
      -webkit-animation: highlight-new-odd 1.8s cubic-bezier(0.23, 1, 0.32, 1) 1;
      animation: highlight-new-odd 1.8s cubic-bezier(0.23, 1, 0.32, 1) 1; }
    #export-stats-content-box table#stats-datatable tr.hovering {
      opacity: 0.9;
      background: rgba(0, 0, 74, 0.1); }
    #export-stats-content-box table#stats-datatable th, #export-stats-content-box table#stats-datatable td {
      border: 0;
      text-align: center; }
    #export-stats-content-box table#stats-datatable td {
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff;
      border-color: #BBB; }
    #export-stats-content-box table#stats-datatable td.movable-td {
      cursor: move; }
    #export-stats-content-box table#stats-datatable td.delete-button-td {
      padding-top: 0.6em; }
      #export-stats-content-box table#stats-datatable td.delete-button-td .delete-button {
        opacity: 0.85;
        cursor: pointer; }
    #export-stats-content-box table#stats-datatable tr:first-child .up-arrow {
      display: none; }
    #export-stats-content-box table#stats-datatable tr:last-child .down-arrow {
      display: none; }
    #export-stats-content-box table#stats-datatable td.editable-td {
      cursor: pointer; }
      #export-stats-content-box table#stats-datatable td.editable-td textarea {
        width: 100%;
        height: 3em;
        text-align: center;
        padding-top: 3px;
        resize: vertical; }
    #export-stats-content-box table#stats-datatable th {
      color: #1D4B7A; }
    #export-stats-content-box table#stats-datatable th.empty {
      padding: 0; }
  #export-stats-content-box .body {
    border: none; }
  #export-stats-content-box #stats-table-controls {
    padding: 6px;
    position: relative; }
    #export-stats-content-box #stats-table-controls .column-type-list, #export-stats-content-box #stats-table-controls .fake-select {
      font-size: 110%;
      border: none;
      overflow: auto;
      height: 10.7em; }
    #export-stats-content-box #stats-table-controls #column-types {
      width: 12.4em;
      height: 11.4em; }
      #export-stats-content-box #stats-table-controls #column-types .column-type-choice {
        height: 2.2em;
        width: 10em;
        text-align: center;
        margin-bottom: 7px;
        margin-top: 1px;
        padding: 0 1px 5px 1px !important;
        line-height: 34px;
        margin-left: 13px; }
    #export-stats-content-box #stats-table-controls .arrow-right {
      display: none;
      position: absolute;
      left: 13.7em;
      top: 5em; }
    #export-stats-content-box #stats-table-controls #arrow-right-2 {
      left: 29.85em; }
    #export-stats-content-box #stats-table-controls #arrow-right-3 {
      left: 45.9em; }
    #export-stats-content-box #stats-table-controls .column-selector {
      display: none;
      position: absolute;
      width: 13.5em;
      height: 15em;
      left: 15em;
      top: 0; }
      #export-stats-content-box #stats-table-controls .column-selector select {
        width: 12.4em;
        background-color: inherit; }
        #export-stats-content-box #stats-table-controls .column-selector select option:not(:disabled) {
          cursor: pointer; }
          #export-stats-content-box #stats-table-controls .column-selector select option:not(:disabled):hover {
            background-color: #cde1ee; }
      #export-stats-content-box #stats-table-controls .column-selector .empty-list-text {
        font-style: italic;
        text-align: center;
        width: 150px;
        height: 100%;
        padding-top: 30px;
        padding-bottom: 54px;
        color: #939393; }
    #export-stats-content-box #stats-table-controls .fake-select-holder .export-stats-button {
      width: 25%;
      margin: 0.5px 3px;
      font-size: 11px;
      display: inline-block;
      padding: 2px 5px;
      text-align: center;
      float: right; }
    #export-stats-content-box #stats-table-controls .fake-select-holder .icon-info {
      color: #6d6defc9; }
      #export-stats-content-box #stats-table-controls .fake-select-holder .icon-info:hover {
        color: blue; }
    #export-stats-content-box #stats-table-controls .fake-select-holder .tooltip {
      font-size: 13px;
      width: 15em;
      font: 'Lato', 'Lato-local', "trebuchet MS", helvetica, sans-serif;
      background: none !important; }
    #export-stats-content-box #stats-table-controls #populations {
      left: 31.1em; }
    #export-stats-content-box #stats-table-controls #channels, #export-stats-content-box #stats-table-controls #gates, #export-stats-content-box #stats-table-controls #population-B {
      left: 47.2em; }
    #export-stats-content-box #stats-table-controls #add-column-holder {
      position: relative;
      background-color: #F4F6F6;
      font-size: 1.2em;
      width: 27em;
      float: left;
      margin-top: -11.9em;
      -webkit-transition: margin-left 800ms cubic-bezier(0.23, 1, 0.32, 1);
      -moz-transition: margin-left 800ms cubic-bezier(0.23, 1, 0.32, 1);
      -o-transition: margin-left 800ms cubic-bezier(0.23, 1, 0.32, 1);
      -ms-transition: margin-left 800ms cubic-bezier(0.23, 1, 0.32, 1);
      transition: margin-left 800ms cubic-bezier(0.23, 1, 0.32, 1); }
      #export-stats-content-box #stats-table-controls #add-column-holder.left-position {
        margin-left: 35.5em; }
      #export-stats-content-box #stats-table-controls #add-column-holder.middle-position {
        margin-left: 52.5em; }
      #export-stats-content-box #stats-table-controls #add-column-holder.right-position {
        margin-left: 70em; }
      #export-stats-content-box #stats-table-controls #add-column-holder #twisting-arrow {
        position: absolute;
        right: -35px;
        top: 14px;
        opacity: 0.4;
        pointer-events: none; }
      #export-stats-content-box #stats-table-controls #add-column-holder #column-name-container {
        position: relative; }
      #export-stats-content-box #stats-table-controls #add-column-holder #warning-message {
        padding-top: 5px;
        color: lightslategray; }
      #export-stats-content-box #stats-table-controls #add-column-holder #column-name-copy, #export-stats-content-box #stats-table-controls #add-column-holder #column-name {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding: 0.3em 0.5em;
        width: 98.5%;
        font-size: 1.2em;
        min-height: 2.4em;
        max-height: 20em;
        overflow-y: scroll;
        -webkit-transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
        -moz-transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
        -ms-transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1); }
      #export-stats-content-box #stats-table-controls #add-column-holder #column-name-copy {
        visibility: hidden; }
      #export-stats-content-box #stats-table-controls #add-column-holder textarea#column-name {
        resize: none;
        height: 100%;
        position: absolute; }
      #export-stats-content-box #stats-table-controls #add-column-holder #add-column {
        font-size: 110%;
        width: 70%;
        margin: 4px auto 2px auto;
        padding: 2px;
        text-align: center; }
  #export-stats-content-box .no-all-none-buttons .column-type-list, #export-stats-content-box .no-all-none-buttons .fake-select {
    max-height: 12.1em !important;
    height: 12.1em !important; }
  #export-stats-content-box .export-stats-button {
    background-color: white;
    border: 1px solid;
    border-color: #BBB;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding: 4px; }
  #export-stats-content-box .export-stats-button:not(.disabled) {
    cursor: pointer;
    background-color: #E6E6E6;
    background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ebebeb));
    background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%); }
  #export-stats-content-box .export-stats-button.selected {
    cursor: default; }
  #export-stats-content-box .export-stats-button:hover, #export-stats-content-box .export-stats-button:active, #export-stats-content-box .export-stats-button.selected {
    background: none; }
  #export-stats-content-box .export-stats-button:not(.disabled):hover {
    background-color: #F2F3F5; }
  #export-stats-content-box .export-stats-button:not(.disabled):active, #export-stats-content-box .export-stats-button.selected {
    box-shadow: 0 1px 2px #9C9C9C inset;
    background-color: #E0E0E0 !important; }
  #export-stats-content-box .export-stats-button.disabled {
    background-color: #D8D8D8;
    color: #959595;
    box-shadow: none !important;
    cursor: default;
    opacity: 0.7; }
  #export-stats-content-box .menu-text, #export-stats-content-box .column-name-text, #export-stats-content-box .menu-section-text {
    font-style: italic;
    padding-bottom: 4px;
    font-size: 109%; }
  #export-stats-content-box .menu-section-text {
    display: inline-block;
    margin-bottom: 4px;
    margin-right: 15px;
    line-height: 16px; }
  #export-stats-content-box #delete-all-columns {
    float: right;
    position: relative;
    z-index: 1;
    margin-right: 10px;
    font-size: 1.2em;
    padding-bottom: 6px; }
    #export-stats-content-box #delete-all-columns i {
      margin-top: 4px;
      line-height: 20px; }
    #export-stats-content-box #delete-all-columns:not(.disabled) i {
      color: #d01010; }
  #export-stats-content-box #stats-datatable_wrapper {
    min-height: 11em;
    margin-bottom: 16px; }
  #export-stats-content-box #export_stats_menu_wrapper {
    margin-bottom: 10px; }
  #export-stats-content-box #stats-datatable_wrapper, #export-stats-content-box #export_stats_menu_wrapper {
    z-index: 0;
    margin-left: 10px;
    margin-right: 10px; }
  #export-stats-content-box #define-columns-header {
    margin-top: 2.5em; }
  #export-stats-content-box #export-stats-define-columns-holder {
    position: relative;
    padding: 0;
    margin: 0 0 0 2em;
    height: 11em;
    font-size: 1.3em; }
  #export-stats-content-box #stats-define-panels-holder {
    width: 59em;
    height: 12em;
    display: inline-block;
    background-color: #FAFCFC;
    border: 1px dotted #D4D6D6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    #export-stats-content-box #stats-define-panels-holder #instructional-text {
      max-width: 39em;
      position: absolute;
      font-style: italic;
      border: 1px dotted #D4D6D6;
      padding: 4px;
      left: 211px;
      top: 48px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
  #export-stats-content-box #export-options-link {
    font-size: 1.5em; }
  #export-stats-content-box #export-stats-options {
    font-size: 1.4em;
    width: 57.2em; }
    #export-stats-content-box #export-stats-options #filename-input {
      width: 37em; }
    #export-stats-content-box #export-stats-options #orientation-buttons .export-stats-button {
      width: 5em; }
    #export-stats-content-box #export-stats-options #orientation-buttons .nice-toggle-button-right {
      margin-left: -2px; }
    #export-stats-content-box #export-stats-options input[type='checkbox'] {
      font-size: 2em; }
    #export-stats-content-box #export-stats-options fieldset label {
      width: 18em; }
  #export-stats-content-box .export-stats-pane {
    border: 1px solid #F4F6F6;
    box-shadow: 1px 1px 2px #9C9A9A;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: #F4F6F6;
    padding: 3px; }
    #export-stats-content-box .export-stats-pane .menu-text {
      color: #114477; }
  #export-stats-content-box .export-stats-pane.disabled {
    box-shadow: 1px 1px 1px #9C9A9A;
    border: 1px solid #F4F6F6;
    color: #959595;
    opacity: 0.8; }
    #export-stats-content-box .export-stats-pane.disabled .menu-text {
      color: #959595; }
    #export-stats-content-box .export-stats-pane.disabled #twisting-arrow {
      opacity: 0.1 !important; }
  #export-stats-content-box .nice-toggle-buttons {
    margin-left: 10px; }
    #export-stats-content-box .nice-toggle-buttons div {
      width: 47px; }
    #export-stats-content-box .nice-toggle-buttons .nice-toggle-button-left {
      -webkit-border-radius: 5px 0px 0px 5px;
      -moz-border-radius: 5px 0px 0px 5px;
      -o-border-radius: 5px 0px 0px 5px;
      border-radius: 5px 0px 0px 5px; }
    #export-stats-content-box .nice-toggle-buttons .nice-toggle-button-right {
      -webkit-border-radius: 0px 5px 5px 0px;
      -moz-border-radius: 0px 5px 5px 0px;
      -o-border-radius: 0px 5px 5px 0px;
      border-radius: 0px 5px 5px 0px; }
  #export-stats-content-box #export-menu-dropdown-holder {
    width: 316px; }
    #export-stats-content-box #export-menu-dropdown-holder #fcs-files-text {
      display: inline-block;
      width: 124px; }

#export-stats-content-box #intro-window {
  height: 250px;
  width: 100%; }
  #export-stats-content-box #intro-window #intro-pane-holder {
    position: relative;
    height: 100%;
    width: 100%; }
    #export-stats-content-box #intro-window #intro-pane-holder #intro-pane {
      position: relative;
      height: 225px;
      width: 39em;
      margin-left: auto;
      margin-right: auto;
      background-color: #F0F0F0;
      line-height: 225px;
      text-align: center;
      font-size: 200%;
      font-style: italic;
      padding-bottom: 5px; }
      #export-stats-content-box #intro-window #intro-pane-holder #intro-pane #or-span {
        position: absolute;
        left: 12em; }
      #export-stats-content-box #intro-window #intro-pane-holder #intro-pane #intro-saved-templates {
        max-width: 29em;
        height: 9em; }
      #export-stats-content-box #intro-window #intro-pane-holder #intro-pane #load-template-panel {
        position: absolute;
        top: 11px;
        left: 295px;
        width: 196px;
        height: 200px;
        line-height: 20px;
        font-size: 79%;
        padding: 3px;
        color: #114477;
        font-style: normal; }
        #export-stats-content-box #intro-window #intro-pane-holder #intro-pane #load-template-panel #intro_load_template {
          width: 50%;
          margin-left: auto;
          margin-right: auto;
          font-size: 78%;
          margin-top: 12px; }
      #export-stats-content-box #intro-window #intro-pane-holder #intro-pane #define-new-button {
        position: absolute;
        width: 125px;
        height: 40px;
        top: 92.5px;
        left: 75px;
        line-height: 20px;
        font-size: 75%;
        padding: 4px;
        color: #114477;
        font-style: normal; }
      #export-stats-content-box #intro-window #intro-pane-holder #intro-pane #open-load-template {
        display: none;
        height: 80%;
        line-height: 30px;
        font-size: 65%;
        font-style: normal;
        color: #114477; }
#export-stats-content-box #hidden-dialogs {
  display: none; }
#export-stats-content-box #template-dialog {
  vertical-align: center; }
  #export-stats-content-box #template-dialog div {
    margin-top: 9px;
    margin-bottom: 4px;
    font-style: italic; }
  #export-stats-content-box #template-dialog input {
    width: 90%;
    margin-top: 6px; }
  #export-stats-content-box #template-dialog .dialog-text {
    display: none; }
  #export-stats-content-box #template-dialog #message-text {
    margin-top: 10px; }

#template-dialog #save-template-input {
  display: block;
  width: 93%;
  margin-top: 7px; }

#export-file-button {
  font-size: 1.4em;
  padding: 0.5em 1.4em; }

#export-stats-templates-manager-region #settings-templates-list {
  width: 32em;
  max-height: 22em;
  overflow-y: scroll;
  display: flex;
  flex-direction: column; }
  #export-stats-templates-manager-region #settings-templates-list > li {
    text-align: left;
    padding-bottom: 0.1em;
    display: flex;
    align-items: center;
    flex: 1 0; }
    #export-stats-templates-manager-region #settings-templates-list > li .standalone-link-icon:not(:hover) {
      color: #949292 !important; }
#export-stats-templates-manager-region label {
  font-weight: bold;
  display: block;
  text-align: left;
  padding-left: 1em; }
#export-stats-templates-manager-region .load-link {
  width: 76%;
  display: inline-block;
  text-align: left;
  padding-left: 2em;
  padding-bottom: 0 !important; }
#export-stats-templates-manager-region .template-icons-holder {
  display: inline-block; }
  #export-stats-templates-manager-region .template-icons-holder a {
    padding-left: 2px !important; }
    #export-stats-templates-manager-region .template-icons-holder a:hover {
      background: inherit !important; }

#templates-buttons-holder .nice-button {
  font-size: 1em;
  padding: 0.5em 1.5em 0.4em 1.5em !important;
  margin-top: 9px;
  line-height: 1.4em; }

.dataTables_wrapper {
  min-height: 30em;
  position: relative; }

.dataTables_processing {
  position: absolute;
  top: 0px;
  left: 50%;
  width: 250px;
  margin-left: -125px;
  border: 1px solid #ddd;
  text-align: center;
  color: #999;
  font-size: 11px;
  padding: 2px 0; }

.dataTables_length {
  margin: 0 1em; }

.dataTables_filter {
  margin: 0 1em;
  position: absolute;
  top: -42px;
  right: 1px; }

.dataTables_info {
  width: 60%; }

.dataTables_paginate {
  width: 44px;
  text-align: right; }

table.display {
  margin: 0 auto;
  width: 100%;
  clear: both; }

table.display thead th {
  padding: 3px 18px;
  border-bottom: 1px solid #333;
  font-weight: normal;
  cursor: pointer; }

table.display tfoot th {
  padding: 3px 10px;
  border-top: 1px solid #333;
  font-weight: bold; }

table.display tr.heading2 td {
  border-bottom: 1px solid #aaa; }

table.display td {
  padding: 3px 10px; }

table.display td.center {
  text-align: center; }

table tr.selected {
  background-color: #D1DDFA; }
table tr.highlighted {
  background-color: #fffde5; }
  table tr.highlighted:hover {
    background-color: #fdf9c3; }

table.display tr.row_selected.odd td {
  background-color: #B0BED9; }

table.display tr.row_selected.even td {
  background-color: #9FAFD1; }

.sorting, .sorting_asc, .sorting_desc {
  cursor: pointer; }

th.sorting_asc {
  background: url("../images/sort_asc.jpg") no-repeat center right; }

th.sorting_desc {
  background: url("../images/sort_desc.jpg") no-repeat center right; }

.sorting {
  background: url("../images/sort_both.jpg") no-repeat center right; }

.open-thead .sorting_asc {
  background: url("../images/sort_asc_light_bg.jpg") no-repeat center right; }
.open-thead .sorting_desc {
  background: url("../images/sort_desc_light_bg.jpg") no-repeat center right; }
.open-thead .sorting {
  background: url("../images/sort_both_light_bg.jpg") no-repeat center right; }

.datatables-hide-sorting-icons th {
  padding: 7px 15px 7px 9px !important;
  vertical-align: middle;
  font-weight: bold !important;
  border: 1px solid #7E7C9B; }
.datatables-hide-sorting-icons th.sorting {
  background-image: none; }
.datatables-hide-sorting-icons tr:hover th.sorting {
  background: url("../images/sort_both.jpg") no-repeat center right; }
.datatables-hide-sorting-icons .sorting:hover, .datatables-hide-sorting-icons .sorting_asc:hover, .datatables-hide-sorting-icons .sorting_desc:hover {
  text-decoration: underline; }
.datatables-hide-sorting-icons .sorting:active, .datatables-hide-sorting-icons .sorting_asc:active, .datatables-hide-sorting-icons .sorting_desc:active {
  color: #ACE; }

tr.odd {
  background-color: #EEE; }
  tr.odd:hover {
    background-color: #e8ebef; }

tr.even {
  background-color: #FFF; }
  tr.even:hover {
    background-color: #f5faff; }

.top:not(.tooltip), .bottom:not(.tooltip) {
  padding: 15px;
  background-color: #F5F5F5;
  border: 1px solid #CCCCCC; }

.top .dataTables_info {
  float: none; }

tfoot input {
  margin: 0.5em 0;
  width: 100%;
  color: #444; }

tfoot input.search_init {
  color: #999; }

#new_add_user .cyto-search-holder .icon-search3 {
  left: 2.3em; }
#new_add_user .cyto-search-holder .autocomplete-user_id {
  margin-left: 1.5em; }
#new_add_user .share-from-inbox .user-name-holder {
  visibility: hidden; }

.cyto-search-holder {
  position: relative; }
  .cyto-search-holder .icon-search3 {
    position: absolute;
    top: 5px;
    left: 7px;
    opacity: 0.7; }

input.cyto-search-holder, .cyto-search-holder input {
  line-height: 16px;
  padding: 2px 4px 2px 24px;
  border-width: 1px;
  vertical-align: top;
  font-size: 14px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.cyto-user-table .dataTables_paginate, .audit-trail-table-container .dataTables_paginate {
  width: 100%;
  text-align: left; }
.cyto-user-table .dataTables_filter, .audit-trail-table-container .dataTables_filter {
  display: inline;
  position: relative;
  top: inherit;
  margin-left: 20px;
  font-size: 14px; }
  .cyto-user-table .dataTables_filter input, .audit-trail-table-container .dataTables_filter input {
    width: 190px; }
.cyto-user-table .dataTables_length, .audit-trail-table-container .dataTables_length {
  display: inline;
  font-size: 14px; }
.cyto-user-table table, .audit-trail-table-container table {
  margin-top: 4px; }
  .cyto-user-table table thead, .audit-trail-table-container table thead {
    white-space: nowrap; }
    .cyto-user-table table thead th:not(.sorting_disabled), .audit-trail-table-container table thead th:not(.sorting_disabled) {
      padding-right: 1.4em; }
  .cyto-user-table table tbody td a, .audit-trail-table-container table tbody td a {
    color: #1758AC;
    text-decoration: underline; }
.cyto-user-table #saml_users-table_filter, .cyto-user-table #audit-trail-table_filter, .audit-trail-table-container #saml_users-table_filter, .audit-trail-table-container #audit-trail-table_filter {
  display: inline;
  position: relative;
  top: inherit;
  margin-left: 10px; }
  .cyto-user-table #saml_users-table_filter input, .cyto-user-table #audit-trail-table_filter input, .audit-trail-table-container #saml_users-table_filter input, .audit-trail-table-container #audit-trail-table_filter input {
    width: 170px; }
.cyto-user-table #saml_users-table_length, .cyto-user-table #audit-trail-table_length, .audit-trail-table-container #saml_users-table_length, .audit-trail-table-container #audit-trail-table_length {
  display: inline; }
.cyto-user-table #saml_users-table, .audit-trail-table-container #saml_users-table {
  margin-top: 4px; }

#subscription-accounts-box, #inactive-subscription-accounts-box {
  display: inline-block; }
  #subscription-accounts-box .dataTables_filter, #inactive-subscription-accounts-box .dataTables_filter {
    position: absolute;
    left: -8px;
    top: -21px;
    font-style: italic; }
    #subscription-accounts-box .dataTables_filter input, #inactive-subscription-accounts-box .dataTables_filter input {
      width: 125px; }
  #subscription-accounts-box #users-table_length, #inactive-subscription-accounts-box #users-table_length {
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 2px; }
  #subscription-accounts-box .empty, #inactive-subscription-accounts-box .empty {
    cursor: default; }

.subscription-account-box ul, .subscription-account-box #no-subscription, .subscription-plans-box ul, .subscription-plans-box #no-subscription {
  font-size: 12px; }
.subscription-account-box #next-plan-buttons, .subscription-plans-box #next-plan-buttons {
  margin-top: 10px; }
  .subscription-account-box #next-plan-buttons form, .subscription-account-box #next-plan-buttons li, .subscription-plans-box #next-plan-buttons form, .subscription-plans-box #next-plan-buttons li {
    display: inline; }

.subscription-plans-box #subscribed-users-table td {
  font-weight: normal !important; }

.subscription-account-box #no-subscription {
  font-style: italic;
  margin-left: 4px; }
.subscription-account-box .nice-button {
  margin-right: 10px; }
.subscription-account-box .subscription-admin-buttons {
  margin-top: 10px; }
.subscription-account-box .subscription-admin-button {
  display: inline-block; }
  .subscription-account-box .subscription-admin-button input, .subscription-account-box .subscription-admin-button button {
    margin-bottom: 6px; }

#subscription-plans-box #new-subscription-plan-link {
  font-size: 12px; }

#new-subscription-plan-box #new-subscription-plan-options-table {
  margin-top: 6px;
  margin-bottom: 6px;
  text-align: left; }
  #new-subscription-plan-box #new-subscription-plan-options-table td {
    border: none;
    padding-left: 0; }

#edit-subscription-plan-box label {
  font-weight: bold; }

#search_users_form {
  margin-bottom: 5px;
  margin-top: 5px; }

#users-table_info {
  margin-bottom: 5px; }

#users-table_previous {
  margin-right: 12px; }

#users-table_next {
  margin-left: 12px; }

#search_saml_users_form {
  margin-bottom: 5px;
  margin-top: 5px; }

#saml_users-table_info {
  margin-bottom: 5px; }

#saml_users-table_previous {
  margin-right: 12px; }

#saml_users-table_next {
  margin-left: 12px; }

.paginate_button {
  margin: 2px;
  padding: 1px 2px 1px 2px;
  cursor: pointer;
  background-color: #F7F7F7;
  border: 1px solid;
  border-color: #999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  .paginate_button:hover {
    color: black;
    background-color: #EEF; }
  .paginate_button.active {
    color: black;
    font-style: bold;
    background-color: #99CCFF; }

table.dt-rowReorder-float {
  position: absolute !important;
  opacity: 0.8;
  table-layout: fixed;
  outline: 2px solid #888;
  outline-offset: -2px;
  z-index: 2001; }

tr.dt-rowReorder-moving {
  outline: 2px solid #555;
  outline-offset: -2px; }

body.dt-rowReorder-noOverflow {
  overflow-x: hidden; }

table.dataTable td.reorder {
  text-align: center;
  cursor: move; }

table.fixedHeader-floating {
  position: fixed !important;
  background-color: white; }

table.fixedHeader-floating.no-footer {
  border-bottom-width: 0; }

table.fixedHeader-locked {
  position: absolute !important;
  background-color: white; }

@media print {
  table.fixedHeader-floating {
    display: none; } }
.nice-button, .nav-back-button, .nav-action-button, .disabled-nav-button, .nav-button {
  outline: 0 !important; }

.nice-button, .ui-dialog .ui-dialog-buttonset .ui-button {
  padding: 4px;
  color: #323336;
  padding: 6px 8px 6px 8px;
  font-size: 16px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  text-align: center;
  background-repeat: repeat-x;
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  border-color: #BBB;
  background-color: white;
  background-image: -moz-linear-gradient(#F5F5F5, #DBD8DB);
  background-image: -webkit-linear-gradient(#F5F5F5, #DBD8DB);
  background-image: -o-linear-gradient(#F5F5F5, #DBD8DB);
  background-image: -ms-linear-gradient(#F5F5F5, #DBD8DB);
  background-image: -linear-gradient(#F5F5F5, #DBD8DB); }
  .nice-button[disabled='disabled'], .ui-dialog .ui-dialog-buttonset .ui-button[disabled='disabled'] {
    opacity: 0.6;
    pointer-events: none; }
  .nice-button .UI-icon, .ui-dialog .ui-dialog-buttonset .ui-button .UI-icon {
    margin-bottom: 0;
    vertical-align: inherit; }
  .nice-button.warning-button, .ui-dialog .ui-dialog-buttonset .ui-button.warning-button {
    display: inline-flex;
    padding: 0.5em 2em;
    color: #af3421;
    border-color: #9e8784;
    font-size: 1.4em; }
    .nice-button.warning-button i, .ui-dialog .ui-dialog-buttonset .ui-button.warning-button i {
      margin-right: 0.34em; }

.nice-button.small {
  padding: 3px 8px 1px;
  font-size: 12px; }
  .nice-button.small .UI-icon {
    margin-bottom: -1px !important; }

.firefox-html .nice-button.small.file-uploader-button {
  padding-bottom: 4px;
  top: 1px; }

.nice-button.smaller {
  font-size: 1em;
  padding: 4px 10px; }

.nice-button.large {
  font-size: 1.6em; }

.nice-button:not(.disabled-nice-button).mouse-hover, .nice-button:not(.disabled-nice-button):hover {
  background-position: 0 -15px;
  transition: background-position 0.2s linear 0s;
  background-color: #DBD8DB; }

.nice-button:not(.disabled-nice-button).mouse-active, .nice-button:not(.disabled-nice-button):active {
  background-image: none;
  background-color: #DBD8DB;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05); }

.nice-button.disabled-nice-button {
  opacity: 0.6;
  cursor: default; }

a.nice-button {
  color: #323336 !important;
  border-bottom: 1px solid #B9B9B9 !important;
  border-color: #B9B9B9 !important;
  padding-bottom: 3px; }

a.nice-button:hover {
  border-color: #B9B9B9 !important; }

.nice-button.green-button:not(.disabled-nice-button):not(.disabled) {
  color: white;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  font-weight: bold;
  background-color: #5BB75B !important;
  background-image: -moz-linear-gradient(#5CC55C, #3EA53E) !important;
  background-image: -webkit-linear-gradient(#5CC55C, #3EA53E) !important;
  background-image: -o-linear-gradient(#5CC55C, #3EA53E) !important;
  background-image: -ms-linear-gradient(#5CC55C, #3EA53E) !important;
  background-image: -linear-gradient(#5CC55C, #3EA53E) !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }
  .nice-button.green-button:not(.disabled-nice-button):not(.disabled) a {
    color: white;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }
  .nice-button.green-button:not(.disabled-nice-button):not(.disabled):hover, .nice-button.green-button:not(.disabled-nice-button):not(.disabled).mouse-hover, .nice-button.green-button:not(.disabled-nice-button):not(.disabled):active, .nice-button.green-button:not(.disabled-nice-button):not(.disabled).mouse-active {
    background-color: #53C053 !important;
    background-image: none !important; }
  .nice-button.green-button:not(.disabled-nice-button):not(.disabled):active, .nice-button.green-button:not(.disabled-nice-button):not(.disabled).mouse-active {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.15); }

.nice-button.yellow-button:not(.disabled-nice-button):not(.disabled) {
  color: #3F350F;
  background-color: #F2DA87 !important;
  background-image: -moz-linear-gradient(#FDE697, #F2C729) !important;
  background-image: -webkit-linear-gradient(#FDE697, #F2C729) !important;
  background-image: -o-linear-gradient(#FDE697, #F2C729) !important;
  background-image: -ms-linear-gradient(#FDE697, #F2C729) !important;
  background-image: -linear-gradient(#FDE697, #F2C729) !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }
  .nice-button.yellow-button:not(.disabled-nice-button):not(.disabled) i.icomoon-icon {
    color: #3F350F !important; }
  .nice-button.yellow-button:not(.disabled-nice-button):not(.disabled) a {
    color: #3F350F; }
  .nice-button.yellow-button:not(.disabled-nice-button):not(.disabled):hover, .nice-button.yellow-button:not(.disabled-nice-button):not(.disabled).mouse-hover, .nice-button.yellow-button:not(.disabled-nice-button):not(.disabled):active, .nice-button.yellow-button:not(.disabled-nice-button):not(.disabled).mouse-active {
    background-color: #F2C729 !important;
    background-image: none !important; }
  .nice-button.yellow-button:not(.disabled-nice-button):not(.disabled):active, .nice-button.yellow-button:not(.disabled-nice-button):not(.disabled).mouse-active {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.15); }

.nice-button.blue-button:not(.disabled-nice-button):not(.disabled) {
  color: white;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  background-color: #7abcff !important;
  background-image: -moz-linear-gradient(#7abcff, #4096ee) !important;
  background-image: -webkit-linear-gradient(#7abcff, #4096ee) !important;
  background-image: -o-linear-gradient(#7abcff, #4096ee) !important;
  background-image: -ms-linear-gradient(#7abcff, #4096ee) !important;
  background-image: linear-gradient(#7abcff, #4096ee) !important;
  border-color: #357CC4; }
  .nice-button.blue-button:not(.disabled-nice-button):not(.disabled) i {
    color: white !important; }
  .nice-button.blue-button:not(.disabled-nice-button):not(.disabled) a {
    color: white;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }
  .nice-button.blue-button:not(.disabled-nice-button):not(.disabled):hover, .nice-button.blue-button:not(.disabled-nice-button):not(.disabled).mouse-hover, .nice-button.blue-button:not(.disabled-nice-button):not(.disabled):active, .nice-button.blue-button:not(.disabled-nice-button):not(.disabled).mouse-active {
    background-color: #4096ee !important;
    background-image: none !important; }
  .nice-button.blue-button:not(.disabled-nice-button):not(.disabled):active, .nice-button.blue-button:not(.disabled-nice-button):not(.disabled).mouse-active {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.15); }

.nice-button.red-button:not(.disabled-nice-button):not(.disabled) {
  color: white;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  font-weight: bold;
  background-color: #d63747 !important;
  background-image: -moz-linear-gradient(#d63747, #bd2a39) !important;
  background-image: -webkit-linear-gradient(#d63747, #bd2a39) !important;
  background-image: -o-linear-gradient(#d63747, #bd2a39) !important;
  background-image: -ms-linear-gradient(#d63747, #bd2a39) !important;
  background-image: -linear-gradient(#d63747, #bd2a39) !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }
  .nice-button.red-button:not(.disabled-nice-button):not(.disabled) i {
    color: white !important; }
  .nice-button.red-button:not(.disabled-nice-button):not(.disabled) a {
    color: white;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }
  .nice-button.red-button:not(.disabled-nice-button):not(.disabled):hover, .nice-button.red-button:not(.disabled-nice-button):not(.disabled).mouse-hover, .nice-button.red-button:not(.disabled-nice-button):not(.disabled):active, .nice-button.red-button:not(.disabled-nice-button):not(.disabled).mouse-active {
    background-color: #d63747 !important;
    background-image: none !important; }
  .nice-button.red-button:not(.disabled-nice-button):not(.disabled):active, .nice-button.red-button:not(.disabled-nice-button):not(.disabled).mouse-active {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.15); }

.nice-subtle-button, .nice-button {
  background-color: white;
  border: 1px solid;
  border-color: #BBB;
  padding: 4px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .nice-subtle-button.with-icon > span, .nice-button.with-icon > span {
    vertical-align: top;
    line-height: 17px; }

.nice-subtle-button.disabled-nice-button, .nice-subtle-button[disabled] {
  background: #f3f3f3;
  opacity: 0.7; }

.nice-subtle-button:not(.disabled):not(.disabled-nice-button):not([disabled]), .nice-button:not(.disabled-nice-button) {
  cursor: pointer;
  background-color: #E6E6E6;
  background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ebebeb));
  background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%); }

.nice-subtle-button.selected, .nice-button.selected {
  cursor: default; }

.nice-subtle-button:not(.disabled):not(.disabled-nice-button):not([disabled]):hover, .nice-button:not(.disabled):not(.disabled-nice-button):not([disabled]):hover {
  background-color: #F2F3F5; }
.nice-subtle-button:not(.disabled):not(.disabled-nice-button):not([disabled]):active, .nice-subtle-button:not(.disabled):not(.disabled-nice-button):not([disabled]).selected, .nice-button:not(.disabled):not(.disabled-nice-button):not([disabled]):active, .nice-button:not(.disabled):not(.disabled-nice-button):not([disabled]).selected {
  box-shadow: 0 1px 2px #9C9C9C inset;
  background-color: #E0E0E0 !important; }
.nice-subtle-button:not(.disabled):not(.disabled-nice-button):not([disabled]):hover, .nice-subtle-button:not(.disabled):not(.disabled-nice-button):not([disabled]):active, .nice-subtle-button:not(.disabled):not(.disabled-nice-button):not([disabled]).selected, .nice-button:not(.disabled):not(.disabled-nice-button):not([disabled]):hover, .nice-button:not(.disabled):not(.disabled-nice-button):not([disabled]):active, .nice-button:not(.disabled):not(.disabled-nice-button):not([disabled]).selected {
  background: none; }

.nice-subtle-button.disabled, .nice-button.disabled-nice-button {
  background-color: #D8D8D8;
  color: #747579;
  box-shadow: none !important;
  cursor: default;
  opacity: 0.7; }

.nav-action-button, .nav-back-button, .disabled-nav-button, .nav-button {
  display: block !important;
  margin: 0 0 0.5em !important;
  padding: 0;
  border: 1px solid #BBB;
  text-align: center;
  cursor: pointer;
  font-family: 'Lato', 'Lato-local', "trebuchet MS", helvetica, sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .nav-action-button a, .nav-action-button span, .nav-back-button a, .nav-back-button span, .disabled-nav-button a, .disabled-nav-button span, .nav-button a, .nav-button span {
    display: block;
    text-decoration: none; }

.nav-action-button {
  font-size: 12px;
  width: 19.1em; }
  .nav-action-button a, .nav-action-button span {
    padding: 0.46em 0.5em 0.38em; }

.firefox-html .nav-action-button {
  line-height: 12px; }

.nav-back-button, .disabled-nav-button, .nav-button {
  color: #1758AC !important;
  font-size: 10px !important;
  font-weight: bold; }
  .nav-back-button a, .nav-back-button span, .disabled-nav-button a, .disabled-nav-button span, .nav-button a, .nav-button span {
    padding: 0.75em 0.5em 0.5em; }

.firefox-html .nav-back-button, .firefox-html .disabled-nav-button, .firefox-html .nav-button {
  line-height: 10px; }

.nav-back-button.javascript-created-button {
  width: auto !important; }
  .nav-back-button.javascript-created-button a {
    text-decoration: none; }

.disabled-nav-button {
  color: grey !important;
  opacity: 0.8;
  pointer-events: none;
  cursor: default !important;
  background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ebebeb));
  background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%); }
  .disabled-nav-button a, .disabled-nav-button span {
    color: grey !important; }

.nice-toggle-buttons div {
  text-align: center;
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px; }
.nice-toggle-buttons .nice-toggle-button-left {
  margin-right: -4px;
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  -o-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px; }
.nice-toggle-buttons .nice-toggle-button-right {
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  -o-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px; }

.info-button {
  position: absolute;
  cursor: help;
  font-size: 16px;
  display: inline-block;
  top: 2px;
  right: 4px; }

.info-button:hover {
  color: #F2DA87 !important; }

.info-button:active {
  color: #3F350F !important; }

.info-button.info-button-inline {
  position: relative;
  margin-left: 4px;
  margin-bottom: 2px; }

.info-button.info-button-smaller {
  font-size: 14px; }

.info-button.info-button-grey {
  transition: opacity 650ms;
  color: #BBB !important; }

.info-button.info-button-grey:hover {
  color: #F2DA87 !important; }

#sidebar:not(:hover) .info-button.info-button-grey {
  opacity: 0.5; }

.buttonish-link {
  color: #323336;
  font-size: 1.3em;
  padding: 6px; }

.modal-footer .cancel-button {
  border: 1px solid #d5d2d2;
  border-radius: 8px;
  width: 100px;
  text-align: center;
  background: #e8e7e7;
  padding: 6px;
  color: #323336; }
  .modal-footer .cancel-button:hover {
    background: #d5d2d2; }
.modal-footer .submit-button.nice-subtle-blue-button, .modal-footer .submit-button.nice-subtle-green-button {
  min-width: 138px;
  height: unset;
  font-size: 16px;
  padding: 6px !important;
  border-radius: 7px;
  border-width: 1px; }
  .modal-footer .submit-button.nice-subtle-blue-button:hover:not(.disabled-nice-button), .modal-footer .submit-button.nice-subtle-green-button:hover:not(.disabled-nice-button) {
    cursor: pointer; }

.group-button-left {
  margin-right: -3px !important;
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  -o-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px; }

.group-button-middle {
  margin-left: 0 !important;
  margin-right: -3px !important;
  -webkit-border-radius: 0px 0px 0px 0px !important;
  -moz-border-radius: 0px 0px 0px 0px !important;
  -o-border-radius: 0px 0px 0px 0px !important;
  border-radius: 0px 0px 0px 0px !important; }

.group-button-right {
  margin-left: 0 !important;
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  -o-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px; }

.round-icon-button {
  padding: 3px;
  line-height: 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }
  .round-icon-button i.icomoon-icon {
    font-size: 13px; }
  .round-icon-button:hover {
    background: #CACACA !important; }

.large-icon-button {
  padding: 0.5em 0.55em 0.5em 0.5em !important;
  display: inline-flex;
  align-items: center; }
  .large-icon-button i {
    margin-right: 0.25em; }
  .large-icon-button i, .large-icon-button span {
    color: #1758AC; }

.buttony {
  cursor: pointer; }
  .buttony:active:not(.disabled-nice-button) {
    box-shadow: inset 1px 2px 4px 0px rgba(0, 0, 0, 0.2); }

.nice-subtle-blue-button.disabled-nice-button, .nice-subtle-green-button.disabled-nice-button {
  cursor: default !important;
  opacity: 0.5;
  border-style: outset !important; }

.nice-subtle-blue-button:not(.disabled-nice-button) {
  background: linear-gradient(to bottom, #ebf4fb 0%, #e9f6fd 100%) !important;
  border-color: #2a7de1c4;
  color: #1a4e8c; }
  .nice-subtle-blue-button:not(.disabled-nice-button) i {
    color: #17599c; }
  .nice-subtle-blue-button:not(.disabled-nice-button):hover {
    background: #ddf1ff;
    border-color: #0e5ebf; }

.nice-subtle-green-button:not(.disabled-nice-button) {
  background: linear-gradient(to bottom, #e6f6e8 0%, #c3f4c7 100%) !important;
  border-color: #189e32c4;
  color: #1a5d24; }
  .nice-subtle-green-button:not(.disabled-nice-button) i {
    color: #1a5d24; }
  .nice-subtle-green-button:not(.disabled-nice-button):hover {
    background: #eafff3;
    border-color: #1a5d24; }

#page-specific-header .nice-subtle-blue-button {
  padding: 5px 19px 6px 19px;
  font-size: 15px; }
  #page-specific-header .nice-subtle-blue-button i {
    vertical-align: -1px; }

.categorization {
  margin-top: 5px; }
  .categorization .content-box {
    float: left;
    margin: 0.5em 1em 0.5em 0em; }
    .categorization .content-box .content-box h3 {
      color: #333; }
  .categorization .non-panels .content-box {
    min-width: 30em;
    width: 32%; }
    .categorization .non-panels .content-box h3 span a {
      font-size: 12px !important; }
    .categorization .non-panels .content-box select {
      margin: 4px;
      width: 97%; }
    .categorization .non-panels .content-box .content-box {
      width: auto;
      text-align: center; }
      .categorization .non-panels .content-box .content-box .body select, .categorization .non-panels .content-box .content-box .body input {
        margin: 0.25em auto;
        min-width: 29em; }
      .categorization .non-panels .content-box .content-box .file_list {
        height: 10em; }
  .categorization .panels .content-box {
    vertical-align: top; }
    .categorization .panels .content-box h3.title {
      display: block; }
    .categorization .panels .content-box .panel-sub-box {
      display: inline-block;
      vertical-align: top; }
    .categorization .panels .content-box .body {
      text-align: center; }
      .categorization .panels .content-box .body select, .categorization .panels .content-box .body input {
        min-width: 24em; }
      .categorization .panels .content-box .body table {
        margin: 0 auto; }
        .categorization .panels .content-box .body table th, .categorization .panels .content-box .body table td {
          font-size: 0.8em; }
        .categorization .panels .content-box .body table td.editable input {
          width: 7em;
          min-width: 7em;
          border: 0; }
    .categorization .panels .content-box .light {
      color: #666; }

.files-select-holder {
  overflow-x: auto;
  height: 15em; }
  .files-select-holder select {
    min-width: 97%;
    width: auto !important;
    height: 12.5em; }

.move-to button {
  font-size: 1.2em; }

#add-panels-box #file_group_name {
  font-size: 1.1em;
  width: 98%;
  margin-left: 0; }
#add-panels-box #add-panels-button {
  padding: 3px 16px 4px 12px;
  margin-top: 4px;
  line-height: 14px;
  margin-left: 6em;
  width: 6em; }

.renaming-initialized {
  cursor: pointer; }
  .renaming-initialized:hover {
    background: #ACE; }

#tag_sidebar_list {
  word-wrap: break-word; }
  #tag_sidebar_list li {
    padding-left: 15px; }

.tag #add-tags {
  width: calc(100% - 2.1em); }
  .tag #add-tags .body {
    padding: 1.5em; }
    .tag #add-tags .body label {
      font-size: 1.2em;
      font-weight: bold;
      width: 40em; }
    .tag #add-tags .body #add_value, .tag #add-tags .body #submit_button {
      font-size: 1.2em; }
    .tag #add-tags .body #add_value {
      width: 40em;
      margin-top: 0.5em; }
.tag #sample-tags {
  padding: 0 0 2em 0; }
  .tag #sample-tags ul {
    list-style-type: none;
    margin: 1em;
    padding: 0; }
    .tag #sample-tags ul li {
      float: left;
      padding: 0 1em 0 0; }
.tag .unassigned, .tag .assigned {
  width: 18em;
  float: left;
  margin: 1em; }
  .tag .unassigned h3, .tag .assigned h3 {
    font-size: 1.1em; }
  .tag .unassigned .collapsible-header, .tag .assigned .collapsible-header {
    min-height: 1.2em; }
  .tag .unassigned #filter_form, .tag .assigned #filter_form {
    margin-bottom: 2.1em; }
  .tag .unassigned #sample_tags_move_to_file_group, .tag .unassigned #move_files, .tag .assigned #sample_tags_move_to_file_group, .tag .assigned #move_files {
    float: left;
    margin-top: 0.2em; }
  .tag .unassigned #sample_tags_move_to_file_group, .tag .assigned #sample_tags_move_to_file_group {
    width: 74%; }
  .tag .unassigned #move_files, .tag .assigned #move_files {
    padding: 2px 5px 2px 5px;
    margin-left: 0.4em; }
  .tag .unassigned ul, .tag .assigned ul {
    padding: 3px;
    list-style-type: none;
    min-height: 29em; }
    .tag .unassigned ul li, .tag .assigned ul li {
      background-color: #e2e2ff;
      border: 1px solid #BBB;
      margin: 0.25em;
      padding: 0.25em;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
    .tag .unassigned ul li:hover, .tag .unassigned ul li:active, .tag .assigned ul li:hover, .tag .assigned ul li:active {
      background-color: #D8ECFF; }
    .tag .unassigned ul li:hover, .tag .assigned ul li:hover {
      border-color: #666; }
    .tag .unassigned ul li:active, .tag .assigned ul li:active {
      border-color: #BBB; }
    .tag .unassigned ul .assigned_another_sample_tag, .tag .assigned ul .assigned_another_sample_tag {
      background-color: #E2E2E2; }
.tag #tabs, .tag .ui-tabs-panel {
  overflow: hidden; }
  .tag #tabs .inline-box .body, .tag .ui-tabs-panel .inline-box .body {
    min-height: 30em; }
.tag span.filename {
  font-size: 0.75em;
  margin: 0.25em 0 0 0; }

.experiment-signature-container, #experiment-signature-modal .modal-body {
  font-size: 16px; }
  .experiment-signature-container .header-divider-holder, #experiment-signature-modal .modal-body .header-divider-holder {
    height: 1.58rem;
    margin: 2.2rem 0 0; }
    .experiment-signature-container .header-divider-holder h3, #experiment-signature-modal .modal-body .header-divider-holder h3 {
      font-size: 1.1rem; }
  .experiment-signature-container .user-role-names, #experiment-signature-modal .modal-body .user-role-names {
    margin-bottom: 1rem; }
  .experiment-signature-container .signature-retention-container, #experiment-signature-modal .modal-body .signature-retention-container {
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(650px, 1fr)); }
  .experiment-signature-container .retention-period-container .retention-status, #experiment-signature-modal .modal-body .retention-period-container .retention-status {
    margin-top: 3px; }
  .experiment-signature-container .signatures, #experiment-signature-modal .modal-body .signatures {
    display: grid;
    grid-template-columns: minmax(100px, auto) minmax(70px, auto) 3fr;
    gap: 3px;
    margin: 5px 0 5px; }
    .experiment-signature-container .signatures .name, #experiment-signature-modal .modal-body .signatures .name {
      color: #35526F;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
  .experiment-signature-container .signature-roles .title, #experiment-signature-modal .modal-body .signature-roles .title {
    font-size: 1.1rem;
    font-weight: bold; }
  .experiment-signature-container .signature-roles .signature-roles-grid, #experiment-signature-modal .modal-body .signature-roles .signature-roles-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 2rem;
    max-width: 450px; }
    .experiment-signature-container .signature-roles .signature-roles-grid .name, #experiment-signature-modal .modal-body .signature-roles .signature-roles-grid .name {
      font-weight: bold;
      color: #35526F; }
    .experiment-signature-container .signature-roles .signature-roles-grid .user-list, #experiment-signature-modal .modal-body .signature-roles .signature-roles-grid .user-list {
      margin: 10px 0 0; }
      .experiment-signature-container .signature-roles .signature-roles-grid .user-list .none-item, #experiment-signature-modal .modal-body .signature-roles .signature-roles-grid .user-list .none-item {
        line-height: 28px; }
  .experiment-signature-container .sign-experiment, #experiment-signature-modal .modal-body .sign-experiment {
    margin: 10px 0 0;
    padding: 5px 10px; }
    .experiment-signature-container .sign-experiment i, #experiment-signature-modal .modal-body .sign-experiment i {
      padding: 0 10px 0 0; }
  .experiment-signature-container .revoke-signature, #experiment-signature-modal .modal-body .revoke-signature {
    color: #1758AC;
    text-decoration: underline;
    cursor: pointer;
    margin: 0 0 0 10px; }

.fcs-file-summary {
  margin: 0.5em;
  float: left; }
  .fcs-file-summary table {
    border-collapse: collapse;
    margin: 1em 1em 1em 2em; }
    .fcs-file-summary table td {
      border: 0px;
      color: #4c4c4c; }
    .fcs-file-summary table .keyword {
      font-weight: bold; }
    .fcs-file-summary table td.administrator span {
      color: #4c4c4c;
      font-family: arial, Arial, Helvetica, sans-serif;
      font-weight: bold; }

.fcs-file-summary-plot {
  margin: 2.5em 0.5em 0.5em;
  float: left;
  width: 294px;
  height: 294px;
  padding: 1em;
  text-align: center; }
  .fcs-file-summary-plot img {
    border: 1px solid #f4f4f4; }

.fcs-file-keywords {
  float: left;
  margin: 1em 2em 0em 2em; }
  .fcs-file-keywords h4 {
    text-align: center;
    padding-bottom: 1em;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #ccc; }
  .fcs-file-keywords table {
    border-collapse: collapse;
    margin: 1em; }
    .fcs-file-keywords table td {
      border: 0px;
      color: #4c4c4c; }
    .fcs-file-keywords table .keyword, .fcs-file-keywords table .keyword-symbol {
      font-size: 0.9em;
      font-weight: bold; }
    .fcs-file-keywords table .keyword-symbol:hover {
      cursor: help;
      color: #666; }
    .fcs-file-keywords table .spill {
      vertical-align: top;
      max-width: 400px;
      word-wrap: break-word; }

.fcs-file-table {
  margin: 0.5em; }
  .fcs-file-table td.numeric {
    text-align: right; }
  .fcs-file-table #fcs-file-channels-table {
    margin-top: 0.5em; }
    .fcs-file-table #fcs-file-channels-table th {
      padding: 0.5em 1.5em 0.5em 0.5em; }
  .fcs-file-table #fcs-file-channels-table_wrapper {
    margin-top: 0; }
  .fcs-file-table #fcs-file-channels-table_filter {
    position: relative;
    top: 0;
    left: -0.8em; }

.fcs-file-raw-header {
  font-family: monospace;
  font-size: 1.75em;
  word-wrap: break-word; }

.fcs-file-diagnostic, .fcs-file-diagnostic-error, .fcs-file-diagnostic-warning, .fcs-file-diagnostic-info, .fcs-file-diagnostic-valid {
  font-size: 18px; }

.fcs-file-diagnostic-error {
  color: #de1111 !important; }

.fcs-file-diagnostic-warning {
  color: #217bc0 !important; }

.fcs-file-diagnostic-info {
  color: #217bc0 !important; }

.fcs-file-diagnostic-valid {
  color: #2ea82b !important; }

.fcs-file-diagnostic-hidden {
  visibility: hidden; }

.fcs-file-diagnostic-warning-message {
  margin: 2em 0.5em 1em; }
  .fcs-file-diagnostic-warning-message a, .fcs-file-diagnostic-warning-message a:visited {
    color: #0000ee;
    text-decoration: none; }
  .fcs-file-diagnostic-warning-message a:hover {
    color: #4585c5;
    text-decoration: underline; }
  .fcs-file-diagnostic-warning-message a:active {
    color: #F81; }

.fcs-file-diagnostic-help {
  margin: 0.5em;
  font-size: 1.2em;
  font-style: italic; }
  .fcs-file-diagnostic-help a, .fcs-file-diagnostic-help a:visited {
    color: #0000ee;
    text-decoration: none; }
  .fcs-file-diagnostic-help a:hover {
    color: #4585c5;
    text-decoration: underline; }
  .fcs-file-diagnostic-help a:active {
    color: #F81; }

.fcs-file-download-events-error {
  text-decoration: line-through !important;
  text-decoration-color: #de1111 !important; }

.fcs-file-diagnostic-valid-content-box {
  margin: 1em; }

.fcs-file-plot-link img {
  border: 1px solid #f4f4f4; }
.fcs-file-plot-link img:hover {
  border: 1px solid #ACE; }

.information-table .file-name,
.information-table .sample-name {
  word-break: break-all;
  max-width: 100%; }

.information-table tr.invisible-file td, .information-table tr.invisible-file a, #download-file-table tr.invisible-file td, #download-file-table tr.invisible-file a {
  color: #797979; }

#credit-card-section #card-errors {
  margin-left: 67px;
  margin-top: 3px;
  display: none;
  padding: 8px 18px !important; }
#credit-card-section #card-element {
  margin-left: 3px;
  border: 1px solid #BBB;
  box-shadow: inset 0 1px 2px #d9dadd;
  padding: 6px 7px;
  border-radius: 3px;
  width: 389px; }

#select-a-plan {
  overflow: auto;
  width: 100%; }
  #select-a-plan li.plan {
    float: left;
    padding-right: 10px; }
  #select-a-plan .bar {
    border-left: 1px solid #38546d;
    height: 180px;
    right: 250px;
    top: 10px;
    padding: 10px; }

.subscription-account-box.profile-page {
  margin-left: 3em; }
  .subscription-account-box.profile-page .body-section {
    padding-left: 0; }
.subscription-account-box ul.subscription-admin-buttons {
  overflow: auto; }
.subscription-account-box .plan-picker {
  position: relative;
  border: 1px solid #BBB;
  width: 48em; }
  .subscription-account-box .plan-picker fieldset {
    font-size: 1em;
    line-height: 1.5em; }
  .subscription-account-box .plan-picker fieldset.hidden {
    margin: 0;
    padding: 0; }
  .subscription-account-box .plan-picker label {
    width: 8em; }
  .subscription-account-box .plan-picker input[type="radio"] {
    cursor: pointer; }
  .subscription-account-box .plan-picker .end-date-options-holder {
    float: left;
    text-align: left; }
  .subscription-account-box .plan-picker .plan-end-option-holder {
    display: none;
    margin-top: 6px; }
  .subscription-account-box .plan-picker .close-plan-picker-button {
    position: absolute;
    top: 4px;
    right: 4px; }
.subscription-account-box #subscription-account-notes {
  position: relative; }
  .subscription-account-box #subscription-account-notes textarea {
    width: auto;
    height: auto;
    font-size: 13px; }
  .subscription-account-box #subscription-account-notes #updating-account-notes-holder {
    display: none; }

.subscription-content {
  margin: 5px 0px 20px;
  font-size: 14px;
  line-height: 1.2em;
  padding: 10px 30px 60px 30px;
  color: #373737;
  border-radius: 5px;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); }
  .subscription-content .body-text p {
    margin-bottom: 10px;
    font-size: 1em; }
  .subscription-content .body-text sup {
    position: relative;
    top: -5px;
    font-size: 0.7em; }
  .subscription-content h2 {
    font-size: 24px;
    font-family: 'Lato', 'Lato-local', Arial, sans-serif;
    font-weight: normal;
    color: #000;
    margin-left: 0;
    margin-bottom: 30px; }
  .subscription-content .errors h2 {
    margin-bottom: 0.5em;
    font-weight: bold;
    font-size: 1em; }
  .subscription-content h3 {
    background: #fff;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    margin-bottom: 20px;
    padding: 10px 15px;
    box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.4);
    border-radius: 5px; }
  .subscription-content .grid-row {
    clear: both; }
  .subscription-content .grid-column {
    width: 47%;
    padding-right: 3%;
    float: left; }
  .subscription-content ul {
    padding: 0;
    margin: 0; }
  .subscription-content ul li {
    padding: 0;
    list-style: square outside;
    margin-left: 35px;
    font-size: 14px;
    margin-bottom: 7px; }
  .subscription-content .centered {
    text-align: center; }
  .subscription-content a.inline-button, .subscription-content button.inline-button {
    border: 1px solid #ccc;
    background: #ddd;
    box-shadow: inset 3px 3px 4px 0px rgba(255, 255, 255, 0.5);
    padding: 10px 30px;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    border-radius: 6px;
    color: #000;
    text-shadow: 0px 1px 0px #fff; }
  .subscription-content a.inline-button:hover, .subscription-content button.inline-button:hover {
    background: eee;
    box-shadow: inset 1px 2px 4px 0px rgba(0, 0, 0, 0.2); }

#new-billing-address {
  margin: 0;
  padding: 0;
  position: relative;
  border: 1px solid #BBB;
  width: 43em;
  border-radius: 6px; }
  #new-billing-address h4 {
    padding: 1em;
    margin: 0 0.5em 0.25em;
    font-size: 1.35em; }
  #new-billing-address fieldset {
    font-size: 1em;
    line-height: 1.15em; }
  #new-billing-address label {
    width: 14em;
    margin-right: 0.35em; }
  #new-billing-address .close-plan-picker-button {
    position: absolute;
    top: 4px;
    right: 4px; }
  #new-billing-address .credit-card-separator {
    margin: 2em 0 0;
    padding: 0;
    background-color: #eee;
    border-top: 0;
    border-bottom: 1px solid #D8D8D8; }
  #new-billing-address #credit-card-section {
    margin: 0;
    padding: 0;
    font-size: 1em;
    position: relative; }
    #new-billing-address #credit-card-section #card_year {
      min-width: 80px; }
    #new-billing-address #credit-card-section #credit-card-fields {
      margin: 1em; }
      #new-billing-address #credit-card-section #credit-card-fields .credit-card-heading {
        padding: 0;
        margin: 0 0 1em; }
        #new-billing-address #credit-card-section #credit-card-fields .credit-card-heading .secure-lock-icon {
          font-size: 3em;
          position: absolute;
          left: 24px;
          top: 42px;
          color: #df9607; }
          #new-billing-address #credit-card-section #credit-card-fields .credit-card-heading .secure-lock-icon.has-card-on-file {
            top: 11px; }
        #new-billing-address #credit-card-section #credit-card-fields .credit-card-heading .heading-text {
          font-size: 1.35em;
          padding: 5px 0 24px 60px;
          vertical-align: bottom;
          float: left; }
        #new-billing-address #credit-card-section #credit-card-fields .credit-card-heading .stripe-seal {
          float: right;
          width: 142px;
          background: #f6fdf6; }
      #new-billing-address #credit-card-section #credit-card-fields h4.select-card {
        font-size: 1.1em;
        color: #181818; }
      #new-billing-address #credit-card-section #credit-card-fields .credit_card {
        font-size: 1em;
        margin-left: 4em; }
    #new-billing-address #credit-card-section .cards {
      margin: 0;
      padding: 0; }
    #new-billing-address #credit-card-section .credit-card-logos {
      margin: 0.5em 1em 0;
      height: 2.5em; }
    #new-billing-address #credit-card-section .cards-accepted {
      margin: 0 0 1em 2em;
      font-size: 0.75em; }
    #new-billing-address #credit-card-section fieldset {
      margin: 1em; }
    #new-billing-address #credit-card-section fieldset.top-fieldset {
      padding-top: 0.5em; }
  #new-billing-address .update-card-button {
    margin: 0 1.35em 1em; }

.billing-warning {
  color: #D43; }

.purchase-order-contact {
  margin: 2em 0 0 0;
  font-size: 1em; }

.subscription-form {
  margin: 1em 0 1em;
  padding: 0; }
  .subscription-form h4 .heading {
    font-size: 1.15em;
    margin-bottom: 1.25em; }
  .subscription-form .subscription-form-content {
    font-size: 1em;
    margin: 1.5em; }
  .subscription-form .prorated-cost {
    margin: 0 0 0 2em; }
  .subscription-form .billing-type-summary-heading {
    font-size: 1em;
    margin: 1em 0 0.75em 2em;
    font-weight: bold; }
  .subscription-form .billing-type-summary-info {
    font-size: 1em;
    margin: 0.75em 0 1em 4em; }

.linky-section-to-update-card {
  display: inline-block;
  border: 1px solid red;
  margin-left: 2em;
  border-radius: 8px;
  padding: 0.6em 4em 0.7em 2em;
  font-size: 1.1em;
  background: #fff9fa;
  cursor: pointer; }
  .linky-section-to-update-card:hover {
    background: #ffe6ea; }
  .linky-section-to-update-card:active {
    box-shadow: inset 1px 2px 4px 0px rgba(0, 0, 0, 0.2); }
  .linky-section-to-update-card.not-urgent {
    border-color: #0058ff;
    background: #f1fcff; }
    .linky-section-to-update-card.not-urgent:hover {
      background: #feffd7; }
    .linky-section-to-update-card.not-urgent .billing-warning {
      color: #0010ff; }

#set-billing-address-toggle:hover {
  text-decoration: none !important; }

#compensation-table-region {
  padding-top: 1em;
  padding-left: 38px;
  font-size: 1.1em; }

#compensation-edit-region {
  padding-bottom: 75px;
  padding-left: 37.5px; }

#compensation-table-region .content-box .body, #compensation-edit-region .content-box .body {
  padding: 12.5px 0.5px 37.5px 37.5px; }

#compensation-table a {
  text-decoration: none !important; }
  #compensation-table a.view-compensation-link {
    width: 100%;
    display: block;
    text-align: center; }
  #compensation-table a:not(:hover) {
    border-bottom: 1px solid white; }
    #compensation-table a:not(:hover) .link-icon {
      visibility: hidden; }

#compensation-matrix-holder {
  margin-top: 2.1em;
  margin-left: 105px;
  overflow: hidden; }
  #compensation-matrix-holder #compensation-name-holder {
    position: absolute;
    top: 1em; }
  #compensation-matrix-holder > form {
    margin-top: 23px;
    padding: 5px; }
  #compensation-matrix-holder .compensation_value {
    cursor: pointer; }
    #compensation-matrix-holder .compensation_value:hover {
      background-color: #D8D8D8;
      text-decoration: underline; }
  #compensation-matrix-holder label {
    font-weight: bold;
    font-size: 12px; }
  #compensation-matrix-holder input#name {
    width: 26em;
    font-size: 14px;
    margin-bottom: 5px; }
  #compensation-matrix-holder .matrix-table-wrapper {
    position: relative;
    display: inline-block;
    max-width: 100%;
    border: 1px solid #bbbbbb; }
    #compensation-matrix-holder .matrix-table-wrapper .fixed-header-text {
      position: absolute;
      z-index: 3;
      left: calc(50% + 15px);
      height: 31px;
      font-size: 13px;
      font-weight: 700;
      display: flex;
      justify-content: center;
      align-items: center; }
  #compensation-matrix-holder .matrix-table-container {
    font-size: 13px !important;
    overflow: auto;
    max-width: 1120px;
    max-height: calc(100vh - 150px);
    box-sizing: border-box; }
  #compensation-matrix-holder .matrix-table {
    font-size: 13px !important;
    border-collapse: separate;
    border-spacing: 0px; }
    #compensation-matrix-holder .matrix-table th, #compensation-matrix-holder .matrix-table td {
      cursor: pointer;
      width: 66px;
      min-width: 66px;
      max-width: 66px;
      padding: 6.5px 5.2px;
      border-left: none;
      border-top: none;
      border-right: solid 1px #BBB;
      border-bottom: solid 1px #BBB; }
    #compensation-matrix-holder .matrix-table th:last-child, #compensation-matrix-holder .matrix-table td:last-child {
      border-right: none; }
    #compensation-matrix-holder .matrix-table tbody td, #compensation-matrix-holder .matrix-table tbody input {
      text-align: right; }
    #compensation-matrix-holder .matrix-table tbody td input {
      width: 100% !important; }
    #compensation-matrix-holder .matrix-table tbody td {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      -webkit-box-orient: vertical;
      height: 20px;
      min-height: 20px;
      max-height: 20px; }
    #compensation-matrix-holder .matrix-table tbody tr:last-child th, #compensation-matrix-holder .matrix-table tbody tr:last-child td {
      border-bottom: none; }
    #compensation-matrix-holder .matrix-table thead {
      background-color: #EBEBF1;
      position: sticky;
      top: 0;
      z-index: 2; }
      #compensation-matrix-holder .matrix-table thead tr:nth-child(1) th {
        vertical-align: middle;
        position: sticky;
        left: 0;
        background: #EBEBF1;
        z-index: 10;
        writing-mode: horizontal-tb;
        -webkit-writing-mode: horizontal-tb;
        transform: translateX(0%) rotate(0deg);
        -webkit-transform: translateX(0%) rotate(0deg); }
        #compensation-matrix-holder .matrix-table thead tr:nth-child(1) th .hidden-text {
          visibility: hidden; }
      #compensation-matrix-holder .matrix-table thead tr:nth-child(1) th:nth-child(2) {
        z-index: 9; }
      #compensation-matrix-holder .matrix-table thead tr:nth-child(2) th {
        position: sticky;
        top: 0;
        z-index: 9; }
        #compensation-matrix-holder .matrix-table thead tr:nth-child(2) th .vertical-header-cell {
          writing-mode: vertical-rl;
          -webkit-writing-mode: vertical-rl;
          white-space: nowrap;
          transform: translateX(50%) rotate(180deg);
          -webkit-transform: translateX(0%) rotate(180deg);
          vertical-align: middle; }
    #compensation-matrix-holder .matrix-table td:nth-child(1), #compensation-matrix-holder .matrix-table th:nth-child(1) {
      position: sticky;
      left: 0; }

#view-compensation-box .body {
  position: relative;
  min-height: 52em;
  display: flex;
  justify-content: flex-start;
  flex-flow: row nowrap;
  padding: 1em 3em 8em 3em; }
  #view-compensation-box .body #compensation-plot-region {
    min-width: 380px;
    padding-top: 54px;
    margin-left: -35px; }
    #view-compensation-box .body #compensation-plot-region .y-label-holder {
      left: -153px; }
    #view-compensation-box .body #compensation-plot-region .standalone-plot-viewer-holder .plot-image-and-axes-holder .standalone-plot-image-holder .plot-image.plot-image-placeholder {
      width: 324px !important; }
    #view-compensation-box .body #compensation-plot-region .standalone-plot-viewer-holder .plot-image-and-axes-holder .standalone-plot-image-holder .error-message {
      margin: 20px 10px 120px; }
    #view-compensation-box .body #compensation-plot-region .standalone-plot-viewer-holder .plot-controls-holder.z-label-holder, #view-compensation-box .body #compensation-plot-region .standalone-plot-viewer-holder .plot-controls-holder.population-holder, #view-compensation-box .body #compensation-plot-region .standalone-plot-viewer-holder .plot-controls-holder.compensation-holder, #view-compensation-box .body #compensation-plot-region .standalone-plot-viewer-holder .plot-controls-holder.plot-type-holder {
      margin-right: 50px; }
#view-compensation-box .fcs-file-buttons-holder {
  padding-bottom: 3px; }

#manual-compensation-modal .modal-body, #import-compensation-modal .modal-body, #auto-compensation-modal .modal-body {
  min-height: 8em;
  text-align: left; }
  #manual-compensation-modal .modal-body strong, #import-compensation-modal .modal-body strong, #auto-compensation-modal .modal-body strong {
    font-size: 14px; }
  #manual-compensation-modal .modal-body .carousel-indicators, #import-compensation-modal .modal-body .carousel-indicators, #auto-compensation-modal .modal-body .carousel-indicators {
    top: -15px !important; }
  #manual-compensation-modal .modal-body .fake-select, #manual-compensation-modal .modal-body select, #import-compensation-modal .modal-body .fake-select, #import-compensation-modal .modal-body select, #auto-compensation-modal .modal-body .fake-select, #auto-compensation-modal .modal-body select {
    font-size: 14px;
    margin: 7px 16px 7px 16px;
    padding: 3px 5px;
    border: 1px solid #BBB;
    width: 90.8%;
    max-height: 50vh;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    #manual-compensation-modal .modal-body .fake-select .fake-option, #manual-compensation-modal .modal-body .fake-select option, #manual-compensation-modal .modal-body select .fake-option, #manual-compensation-modal .modal-body select option, #import-compensation-modal .modal-body .fake-select .fake-option, #import-compensation-modal .modal-body .fake-select option, #import-compensation-modal .modal-body select .fake-option, #import-compensation-modal .modal-body select option, #auto-compensation-modal .modal-body .fake-select .fake-option, #auto-compensation-modal .modal-body .fake-select option, #auto-compensation-modal .modal-body select .fake-option, #auto-compensation-modal .modal-body select option {
      padding: 1px 4px; }
  #manual-compensation-modal .modal-body .modal-messages, #import-compensation-modal .modal-body .modal-messages, #auto-compensation-modal .modal-body .modal-messages {
    margin-top: 19px; }
  #manual-compensation-modal .modal-body .import-compensation-input, #import-compensation-modal .modal-body .import-compensation-input, #auto-compensation-modal .modal-body .import-compensation-input {
    font-size: 13px;
    padding-left: 3px; }
  #manual-compensation-modal .modal-body #import-from-file button, #manual-compensation-modal .modal-body #import-from-experiment button, #import-compensation-modal .modal-body #import-from-file button, #import-compensation-modal .modal-body #import-from-experiment button, #auto-compensation-modal .modal-body #import-from-file button, #auto-compensation-modal .modal-body #import-from-experiment button {
    float: right;
    margin-right: 6px; }
  #manual-compensation-modal .modal-body #import-from-file #importable-experiments-holder, #manual-compensation-modal .modal-body #import-from-experiment #importable-experiments-holder, #import-compensation-modal .modal-body #import-from-file #importable-experiments-holder, #import-compensation-modal .modal-body #import-from-experiment #importable-experiments-holder, #auto-compensation-modal .modal-body #import-from-file #importable-experiments-holder, #auto-compensation-modal .modal-body #import-from-experiment #importable-experiments-holder {
    min-height: 110px; }
    #manual-compensation-modal .modal-body #import-from-file #importable-experiments-holder .spinner, #manual-compensation-modal .modal-body #import-from-experiment #importable-experiments-holder .spinner, #import-compensation-modal .modal-body #import-from-file #importable-experiments-holder .spinner, #import-compensation-modal .modal-body #import-from-experiment #importable-experiments-holder .spinner, #auto-compensation-modal .modal-body #import-from-file #importable-experiments-holder .spinner, #auto-compensation-modal .modal-body #import-from-experiment #importable-experiments-holder .spinner {
      top: 50px !important;
      left: 49% !important; }
  #manual-compensation-modal .modal-body .manual-compensation-step, #import-compensation-modal .modal-body .manual-compensation-step, #auto-compensation-modal .modal-body .manual-compensation-step {
    padding-top: 2em; }
    #manual-compensation-modal .modal-body .manual-compensation-step #fcs_file_filename, #import-compensation-modal .modal-body .manual-compensation-step #fcs_file_filename, #auto-compensation-modal .modal-body .manual-compensation-step #fcs_file_filename {
      font-size: 16px;
      display: block;
      margin: 3px 0 8px 8px;
      width: 95.3%; }
  #manual-compensation-modal .modal-body .auto-compensation-step.step-three, #import-compensation-modal .modal-body .auto-compensation-step.step-three, #auto-compensation-modal .modal-body .auto-compensation-step.step-three {
    padding: 0 2.5% 0 2.5%; }
  #manual-compensation-modal .modal-body button[type='submit'], #import-compensation-modal .modal-body button[type='submit'], #auto-compensation-modal .modal-body button[type='submit'] {
    float: right;
    margin-right: 15px; }

.autocomp-plot-holder {
  display: inline-block;
  margin: 16px;
  text-align: center; }
  .autocomp-plot-holder p {
    font-style: italic; }

#import-compensation-modal-inner-body .nice-button {
  padding: 0.4em 0.8em 0.3em 0.8em;
  font-size: 16px; }

#experiment-compensation-header-holder .dropdown-menu.open .inner {
  min-width: 215px !important; }

#autocomp-modal .fancy-select-modal .selectable-list {
  max-height: calc(100vh - 290px); }
#autocomp-modal .popover {
  padding: 0px !important; }
#autocomp-modal .popover-content {
  color: #000 !important;
  font-size: 0.8em; }
#autocomp-modal .buttonish-link.disabled {
  pointer-events: auto; }

/* TODO: very basic layout for Cleanup and SingleStain plot regions */
#autocompensation-view-region {
  display: flex;
  padding-top: 3em; }
  #autocompensation-view-region #cleanup-plot-container {
    min-height: 500px;
    min-width: 420px; }
    #autocompensation-view-region #cleanup-plot-container .standalone-plot-viewer-holder {
      float: left; }
      #autocompensation-view-region #cleanup-plot-container .standalone-plot-viewer-holder .plot-image-and-axes-holder .standalone-plot-image-holder .plot-image.plot-image-placeholder {
        width: 319px !important; }
      #autocompensation-view-region #cleanup-plot-container .standalone-plot-viewer-holder .plot-image-and-axes-holder .standalone-plot-image-holder .error-message {
        margin: 20px 10px 104px; }
      #autocompensation-view-region #cleanup-plot-container .standalone-plot-viewer-holder .plot-controls-holder.z-label-holder, #autocompensation-view-region #cleanup-plot-container .standalone-plot-viewer-holder .plot-controls-holder.population-holder, #autocompensation-view-region #cleanup-plot-container .standalone-plot-viewer-holder .plot-controls-holder.compensation-holder, #autocompensation-view-region #cleanup-plot-container .standalone-plot-viewer-holder .plot-controls-holder.plot-type-holder {
        margin-right: 50px; }
  #autocompensation-view-region #single-stain-plots-container {
    min-height: 550px;
    width: 77%;
    position: relative; }
    #autocompensation-view-region #single-stain-plots-container #refresh-compensation-button {
      position: absolute;
      top: -2px;
      left: 200px;
      padding: 4px 15px; }
      #autocompensation-view-region #single-stain-plots-container #refresh-compensation-button .icomoon-icon {
        margin-right: 4px; }
      #autocompensation-view-region #single-stain-plots-container #refresh-compensation-button.disabled-nice-button {
        opacity: 0; }
  #autocompensation-view-region #autocomp-single-stain-plots-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: left; }
    #autocompensation-view-region #autocomp-single-stain-plots-container .single-stain-plot-container {
      margin: 25px 16px; }
  #autocompensation-view-region .single-stain-plot-viewer-holder {
    width: 380px; }
    #autocompensation-view-region .single-stain-plot-viewer-holder .plot-title {
      display: block;
      margin: 0 auto;
      text-align: center;
      background-color: #fff;
      border: solid 1px #fff;
      color: #4A4C50;
      font-size: 0.88rem;
      font-weight: bold;
      padding: 3.08px 7px 3.77px 7px;
      border-radius: 5px; }
    #autocompensation-view-region .single-stain-plot-viewer-holder .single-stain-plot-image-and-axes-holder .single-stain-plot-image-holder {
      position: relative; }
      #autocompensation-view-region .single-stain-plot-viewer-holder .single-stain-plot-image-and-axes-holder .single-stain-plot-image-holder .single-stain-plot-image {
        width: 346px;
        height: 340px;
        min-height: 340px; }
      #autocompensation-view-region .single-stain-plot-viewer-holder .single-stain-plot-image-and-axes-holder .single-stain-plot-image-holder .single-stain-spinner-holder {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 99; }
        #autocompensation-view-region .single-stain-plot-viewer-holder .single-stain-plot-image-and-axes-holder .single-stain-plot-image-holder .single-stain-spinner-holder .spinner-bg {
          margin: 0;
          position: absolute;
          top: 50%;
          left: 50%;
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
        #autocompensation-view-region .single-stain-plot-viewer-holder .single-stain-plot-image-and-axes-holder .single-stain-plot-image-holder .single-stain-spinner-holder .spinning-icon {
          color: #7a99b7; }
    #autocompensation-view-region .single-stain-plot-viewer-holder .x-axis {
      font-size: 0.88rem;
      font-style: italic;
      text-align: center; }

.read-only-mode#experiment-compensation-header-holder button, .read-only-mode#new-compensation-section .link-with-icon,
.read-only-mode .duplicate-compensation-link, .read-only-mode .delete-compensation-link,
.read-only-mode .horizontal-slider-container, .read-only-mode .vertical-slider-container,
.read-only-mode #compensation-matrix-holder input, .read-only-mode #rename-link, .read-only-mode .matrix-table-container .compensation_value {
  pointer-events: none !important;
  color: #747579 !important;
  cursor: not-allowed !important; }
.read-only-mode#experiment-compensation-header-holder .dropdown {
  cursor: not-allowed !important; }
.read-only-mode#new-compensation-section .link-with-icon i {
  color: #747579 !important; }

#autocomp-modal {
  overflow: visible; }
  #autocomp-modal .fancy-select-modal .selectable-list {
    max-height: calc(100vh - 330px); }
  #autocomp-modal .fancy-option-gray-text {
    display: inline;
    max-width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #autocomp-modal .assign-panels-content {
    min-height: 60px;
    padding: 20px; }
  #autocomp-modal .modal-content.new-auto-comp .modal-body {
    box-sizing: border-box;
    width: 100%; }
    #autocomp-modal .modal-content.new-auto-comp .modal-body .header-content,
    #autocomp-modal .modal-content.new-auto-comp .modal-body .extra-header-content {
      margin-bottom: 0.5em; }
    #autocomp-modal .modal-content.new-auto-comp .modal-body .description {
      font-weight: bold;
      font-size: 18px;
      margin-bottom: 1em; }
  #autocomp-modal .modal-content.new-auto-comp.cleanup-gate .modal-body {
    overflow: visible; }
    #autocomp-modal .modal-content.new-auto-comp.cleanup-gate .modal-body .channels-holder {
      margin: 18px; }
  #autocomp-modal .modal-content.new-auto-comp.control-file .modal-body {
    overflow: visible; }
    #autocomp-modal .modal-content.new-auto-comp.control-file .modal-body .control-file {
      display: flex;
      flex-direction: column;
      max-height: calc(100vh - 200px);
      overflow: hidden;
      min-height: 430px; }
    #autocomp-modal .modal-content.new-auto-comp.control-file .modal-body .autocomp-controls-scroller {
      height: auto;
      min-height: 400px;
      overflow: auto;
      padding-bottom: 2em;
      flex: 1; }
    #autocomp-modal .modal-content.new-auto-comp.control-file .modal-body .large-file-warning {
      text-align: center; }
      #autocomp-modal .modal-content.new-auto-comp.control-file .modal-body .large-file-warning + .description {
        margin-top: 0.5em;
        font-weight: normal;
        margin-bottom: 0;
        font-size: 14px; }
    #autocomp-modal .modal-content.new-auto-comp.control-file .modal-body .autocomp-controls-table {
      width: 96%;
      font-size: 15px;
      margin: 0 auto 2em 0;
      border-left: solid 1px #BBB;
      border-right: solid 1px #BBB;
      border-bottom: solid 1px #BBB; }
      #autocomp-modal .modal-content.new-auto-comp.control-file .modal-body .autocomp-controls-table tbody tr:hover {
        background-color: #F5F6FC; }
      #autocomp-modal .modal-content.new-auto-comp.control-file .modal-body .autocomp-controls-table tbody td {
        border-width: 0;
        padding: 4px 2px 4px 2px; }
        #autocomp-modal .modal-content.new-auto-comp.control-file .modal-body .autocomp-controls-table tbody td div.bootstrap-select {
          width: 270px; }
        #autocomp-modal .modal-content.new-auto-comp.control-file .modal-body .autocomp-controls-table tbody td select {
          display: inline-block !important;
          height: 2.5em;
          width: 100%;
          margin: 0;
          font-size: 13px;
          cursor: pointer; }
        #autocomp-modal .modal-content.new-auto-comp.control-file .modal-body .autocomp-controls-table tbody td:first-child {
          text-align: right;
          padding-right: 4px; }
        #autocomp-modal .modal-content.new-auto-comp.control-file .modal-body .autocomp-controls-table tbody td:last-child {
          border-right-width: 1px; }
      #autocomp-modal .modal-content.new-auto-comp.control-file .modal-body .autocomp-controls-table tbody td:nth-child(1) {
        width: 190px;
        display: inline-block; }
      #autocomp-modal .modal-content.new-auto-comp.control-file .modal-body .autocomp-controls-table tbody .dropdown-menu.open {
        width: 100%;
        min-width: 100% !important; }
      #autocomp-modal .modal-content.new-auto-comp.control-file .modal-body .autocomp-controls-table tbody .dropdown-menu.inner a {
        display: inline; }
        #autocomp-modal .modal-content.new-auto-comp.control-file .modal-body .autocomp-controls-table tbody .dropdown-menu.inner a span {
          width: auto; }

.pairwise-plots-view #pairwise-plots-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  height: auto;
  min-height: 400px;
  max-height: calc(100vh - 244px);
  overflow: scroll;
  position: relative; }
  .pairwise-plots-view #pairwise-plots-container .modal-body {
    padding: 0px; }
  .pairwise-plots-view #pairwise-plots-container .pairwise-plot-viewer-holder {
    display: flex;
    float: none;
    margin: 0px;
    width: calc(100% * (1/5)); }
    .pairwise-plots-view #pairwise-plots-container .pairwise-plot-viewer-holder .slider-space {
      margin-top: 0px !important; }
    .pairwise-plots-view #pairwise-plots-container .pairwise-plot-viewer-holder .standalone-plot-image-holder {
      margin-bottom: 10px; }
      .pairwise-plots-view #pairwise-plots-container .pairwise-plot-viewer-holder .standalone-plot-image-holder .error-message {
        height: 180px;
        margin: 20px; }
    .pairwise-plots-view #pairwise-plots-container .pairwise-plot-viewer-holder .x-axis-channel-holder {
      display: flex;
      flex-flow: row nowrap;
      justify-content: center;
      font-size: 20px;
      font-weight: 600; }
    .pairwise-plots-view #pairwise-plots-container .pairwise-plot-viewer-holder .y-axis-channel-holder {
      display: flex;
      flex-flow: row nowrap;
      justify-content: center;
      position: absolute;
      top: 130px;
      left: -180px;
      width: 100%;
      transform: rotate(-90deg);
      font-size: 20px;
      font-weight: 600; }
    .pairwise-plots-view #pairwise-plots-container .pairwise-plot-viewer-holder .plot-image-and-axes-holder .scale-container {
      transform: scale(0.6);
      position: relative; }
    .pairwise-plots-view #pairwise-plots-container .pairwise-plot-viewer-holder .plot-image-and-axes-holder .spinner-holder {
      width: 335px;
      height: 315px; }
    .pairwise-plots-view #pairwise-plots-container .pairwise-plot-viewer-holder .plot-image-and-axes-holder .icon-slider {
      font-size: 14px; }
    .pairwise-plots-view #pairwise-plots-container .pairwise-plot-viewer-holder .plot-image-and-axes-holder .horizontal-slider-container {
      left: 70px;
      top: 45px; }
      .pairwise-plots-view #pairwise-plots-container .pairwise-plot-viewer-holder .plot-image-and-axes-holder .horizontal-slider-container .horizontal-slider {
        width: 150px;
        border: 2px solid #bbbbbb; }
    .pairwise-plots-view #pairwise-plots-container .pairwise-plot-viewer-holder .plot-image-and-axes-holder .vertical-slider-container {
      right: 45px;
      top: 60px; }
      .pairwise-plots-view #pairwise-plots-container .pairwise-plot-viewer-holder .plot-image-and-axes-holder .vertical-slider-container .vertical-slider {
        height: 150px;
        border: 2px solid #bbbbbb; }
.pairwise-plots-view .cyto-search-holder {
  margin: 15px 6px 0px 50px;
  display: inline-flex;
  align-items: center; }
  .pairwise-plots-view .cyto-search-holder .icon-search3 {
    top: 3px;
    left: 28px; }
  .pairwise-plots-view .cyto-search-holder #plots-filter {
    font-size: 1.2em;
    border: 1px solid #767676; }
  .pairwise-plots-view .cyto-search-holder .label-holder {
    margin-left: 20px;
    height: 22px; }
    .pairwise-plots-view .cyto-search-holder .label-holder .bootstrap-select > .dropdown-toggle {
      border: 1px solid #767676; }
    .pairwise-plots-view .cyto-search-holder .label-holder .bootstrap-select .btn {
      padding: 0px 28px 0px 10px !important; }
.pairwise-plots-view .plots-filtered-info {
  display: none;
  font-size: 16px;
  width: 100%;
  padding-top: 1em;
  color: grey;
  font-style: italic;
  padding-left: 55px; }
.pairwise-plots-view .clear-filter {
  display: none;
  font-size: 16px;
  width: 100%;
  color: #1758AC;
  text-decoration: underline;
  cursor: pointer;
  margin-bottom: 16px;
  padding-left: 55px; }

#add-column-button-region #add-column-button {
  display: inline-flex;
  font-size: 14px;
  padding: 4px 11px 4px 26px;
  position: relative;
  top: -4px; }
  #add-column-button-region #add-column-button .icon-plus-circle {
    font-size: 14px;
    position: absolute;
    top: 6px;
    left: 7px; }
#add-column-button-region .simple-link-list {
  width: 228px; }
  #add-column-button-region .simple-link-list li:not(.divider) {
    padding: 4px 10px;
    width: calc(100% - 20px);
    cursor: pointer; }
    #add-column-button-region .simple-link-list li:not(.divider) .icomoon-icon:not(.icon-plus-circle) {
      margin-right: 2px; }

.sample-tag-header .nice-subtle-button {
  height: 19px;
  line-height: 19px;
  padding: 4px 7px 4px 10px; }
  .sample-tag-header .nice-subtle-button .inheriting-icon {
    vertical-align: -1px;
    margin-right: 3px; }
  .sample-tag-header .nice-subtle-button.group-button-left {
    border-right-width: 0; }
  .sample-tag-header .nice-subtle-button.group-button-middle {
    border-right-width: 0;
    margin-left: 0 !important; }
  .sample-tag-header .nice-subtle-button.group-button-right {
    margin-left: -1px !important; }
  .sample-tag-header .nice-subtle-button.disabled-nice-button {
    opacity: 0.5; }
.sample-tag-header .right-section {
  float: right; }

#sample-tags-app-view-region .jexcel .jdropdown-default .jdropdown-cursor {
  background-color: #d1e8ff !important;
  font-weight: bold; }
#sample-tags-app-view-region .jexcel .jdropdown-default .jdropdown-selected {
  background-color: #dadadb;
  color: inherit;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiAvPjxwYXRoIGQ9Ik05IDE2LjE3TDQuODMgMTJsLTEuNDIgMS40MUw5IDE5IDIxIDdsLTEuNDEtMS40MXoiIGZpbGw9IndoaXRlIiAvPjwvc3ZnPgo=) !important; }
#sample-tags-app-view-region .jexcel .jcontextmenu > div a {
  padding-bottom: 0 !important; }
#sample-tags-app-view-region .jexcel .tag-type-info {
  cursor: pointer;
  float: right;
  padding: 2px 4px;
  border: 1px solid #a3aacc;
  border-radius: 5px;
  margin-right: 2px;
  margin-top: -2px;
  margin-bottom: -1px;
  background: white; }
  #sample-tags-app-view-region .jexcel .tag-type-info i {
    color: #6e81b7; }
  #sample-tags-app-view-region .jexcel .tag-type-info .num-holder {
    color: #556591;
    padding: 2px 2px 2px 4px; }
  #sample-tags-app-view-region .jexcel .tag-type-info:hover {
    background-color: #6081dc; }
    #sample-tags-app-view-region .jexcel .tag-type-info:hover, #sample-tags-app-view-region .jexcel .tag-type-info:hover i {
      color: white; }
#sample-tags-app-view-region .jexcel_contextmenu {
  border-radius: 0 6px 6px 6px;
  color: #4A4C50; }
  #sample-tags-app-view-region .jexcel_contextmenu > div {
    font-family: 'Lato', 'Lato-local', "trebuchet MS", helvetica, sans-serif;
    font-size: 14px; }

.sample-tag-app-body.blocking #page-specific-header-holder, .sample-tag-app-body.blocking .wrapped-body {
  opacity: 0.5;
  pointer-events: none; }
.sample-tag-app-body .popover {
  font-size: 15px; }
  .sample-tag-app-body .popover, .sample-tag-app-body .popover .popover-content {
    padding: 0; }
  .sample-tag-app-body .popover .icon-pencil, .sample-tag-app-body .popover .icon-eye {
    opacity: 0.1;
    margin-left: 8px; }
  .sample-tag-app-body .popover td:not(.not-editable-td) {
    cursor: pointer; }
    .sample-tag-app-body .popover td:not(.not-editable-td):hover {
      background-color: #e4f1ff;
      color: #1D4B7A; }
      .sample-tag-app-body .popover td:not(.not-editable-td):hover .icon-pencil, .sample-tag-app-body .popover td:not(.not-editable-td):hover .icon-eye {
        opacity: 1; }

#bulk-add-sample-tags-menu .dropdown, #bulk-add-sample-tags-menu .nice-input {
  margin-left: 16px; }
#bulk-add-sample-tags-menu .nice-input {
  width: 360px; }
#bulk-add-sample-tags-menu .dropdown .icomoon-icon {
  color: #002855;
  font-size: 14px;
  margin-right: 6px;
  vertical-align: -1px; }

.read-only-spreadsheet .jexcel > tbody > tr > td.jexcel_dropdown {
  background-image: none; }

#upload-droplet .select-button-pane, #html-file-downloader .select-button-pane {
  display: none;
  position: absolute;
  background: #f3f3f3;
  padding: 2px 4px 1px 4px;
  border: solid 1px #dcdcdc;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  #upload-droplet .select-button-pane input, #html-file-downloader .select-button-pane input {
    cursor: pointer; }
#upload-droplet .select-button-pane:hover, #html-file-downloader .select-button-pane:hover {
  border: 1px solid #ACE;
  opacity: 0.95;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4); }
#upload-droplet .select-button-pane:active, #html-file-downloader .select-button-pane:active {
  border: 1px inset #ACE;
  opacity: 0.8; }

#html-downloader-instructions div {
  font-size: 1.2em;
  margin-left: 10px;
  margin-top: 5px; }
#html-downloader-instructions ol {
  margin-top: 0 !important; }
  #html-downloader-instructions ol li {
    padding-bottom: 2px !important; }

#download-files-content-box {
  visibility: hidden;
  display: inline-block; }
  #download-files-content-box #html-file-downloader {
    position: relative;
    top: -30px; }
    #download-files-content-box #html-file-downloader .select-button-pane {
      padding: 4px 8px;
      font-size: 1.1em;
      position: relative; }
      #download-files-content-box #html-file-downloader .select-button-pane.visible-pane {
        display: inline-block;
        margin-right: 20px; }
    #download-files-content-box #html-file-downloader #select-fcs-files-pane {
      left: 5px; }
  #download-files-content-box #export-sample-tags-holder {
    font-size: 1.2em;
    position: relative; }
    #download-files-content-box #export-sample-tags-holder #export-sample-tags-subholder {
      position: absolute;
      width: 155px;
      top: 6px;
      margin-left: 7px;
      background-color: #EEE;
      padding: 5px 6px 5px 20px;
      border: 1px solid #d0d0d0;
      cursor: pointer;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      #download-files-content-box #export-sample-tags-holder #export-sample-tags-subholder input {
        position: absolute;
        top: 7px;
        left: 5px; }
      #download-files-content-box #export-sample-tags-holder #export-sample-tags-subholder span {
        position: absolute;
        top: 7px;
        left: 42px; }
    #download-files-content-box #export-sample-tags-holder #export-sample-tags-subholder:hover {
      border: 1px solid #ACE;
      opacity: 0.95; }
    #download-files-content-box #export-sample-tags-holder #export-sample-tags-subholder.being-clicked {
      border: 1px inset #ACE;
      opacity: 0.8; }
  #download-files-content-box #download-file-table {
    width: 100% !important; }
    #download-files-content-box #download-file-table td, #download-files-content-box #download-file-table th {
      border: 0px none;
      word-wrap: break-word;
      padding-left: 1em; }
    #download-files-content-box #download-file-table thead th {
      font-weight: bold;
      font-size: 13px;
      line-height: 18px;
      text-align: left; }
    #download-files-content-box #download-file-table thead th.sorting:hover, #download-files-content-box #download-file-table thead th.sorting_asc:hover, #download-files-content-box #download-file-table thead th.sorting_desc:hover {
      outline: 1px solid #ACE; }
    #download-files-content-box #download-file-table thead th.sorting:active, #download-files-content-box #download-file-table thead th.sorting_asc:active, #download-files-content-box #download-file-table thead th.sorting_desc:active {
      opacity: 0.7;
      outline: 2px inset #ACE; }
    #download-files-content-box #download-file-table thead th.checkbox-dropdown {
      padding-left: 1px;
      padding-right: 0;
      width: auto !important; }
    #download-files-content-box #download-file-table tbody td {
      position: relative; }
    #download-files-content-box #download-file-table tbody .checkbox-td {
      width: 25px; }
      #download-files-content-box #download-file-table tbody .checkbox-td .checkbox-holder {
        position: relative; }
        #download-files-content-box #download-file-table tbody .checkbox-td .checkbox-holder .tooltip {
          top: -12.5px;
          margin-right: 9px;
          margin-top: -7px; }
    #download-files-content-box #download-file-table tbody tr:hover {
      outline: 1px solid #ACE; }
    #download-files-content-box #download-file-table tbody tr.being-clicked {
      outline: 2px inset #ACE; }
    #download-files-content-box #download-file-table tbody .download-file-link {
      position: absolute;
      left: 17px;
      top: 0px;
      line-height: 14px;
      z-index: 1; }
    #download-files-content-box #download-file-table tbody td.big-td {
      min-width: 220px;
      max-width: 275px; }
  #download-files-content-box .select-button {
    min-width: 106px; }
  #download-files-content-box #download-files-button {
    display: block;
    font-size: 1.6em;
    width: 175px;
    margin: 11px auto 8px auto;
    padding-left: 4px; }
    #download-files-content-box #download-files-button .UI-icon {
      width: 13px; }

.html5-file-upload {
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 160ms ease-out;
  -moz-transition: opacity 160ms ease-out;
  -o-transition: opacity 160ms ease-out;
  -ms-transition: opacity 160ms ease-out;
  transition: opacity 160ms ease-out; }
  .html5-file-upload.fade-in {
    opacity: 1;
    pointer-events: inherit; }

.upload-holder {
  display: none;
  padding: 4px;
  margin: 4px;
  width: 95%;
  border: 1px solid #BBB;
  background: #F5F6FC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .upload-holder .nice-button {
    font-size: 13px !important; }
  .upload-holder .file-input-holder {
    position: relative;
    min-height: 30px; }
    .upload-holder .file-input-holder .choose-files {
      width: 60%;
      margin: 2px auto;
      font-size: 1.3em;
      display: block; }
    .upload-holder .file-input-holder input {
      position: absolute;
      top: 0;
      margin: 0 !important;
      opacity: 0;
      width: 100%;
      height: 100%;
      cursor: pointer; }
    .upload-holder .file-input-holder input.ie-file-input {
      width: 70%;
      left: 30px;
      font-size: 27px; }
  .upload-holder .file-submit-holder {
    display: none; }
    .upload-holder .file-submit-holder .submit-upload-button {
      display: block;
      width: 60%;
      margin: 2px auto;
      font-size: 1.3em; }
      .upload-holder .file-submit-holder .submit-upload-button #upload-arrow {
        width: 14px; }
    .upload-holder .file-submit-holder .upload-text-holder {
      word-wrap: break-word;
      margin-top: 7px;
      margin-bottom: 10px; }
      .upload-holder .file-submit-holder .upload-text-holder .filename {
        margin-bottom: 5px;
        padding: 0 1em 0 1em;
        white-space: normal; }
      .upload-holder .file-submit-holder .upload-text-holder .progress-field {
        position: relative;
        text-align: center;
        font-style: italic;
        display: none; }
        .upload-holder .file-submit-holder .upload-text-holder .progress-field .progress-text {
          margin-top: 6px;
          padding-top: 13px;
          padding-left: 20px;
          padding-bottom: 15px;
          border: 1px solid #E8EFF5;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px; }
        .upload-holder .file-submit-holder .upload-text-holder .progress-field .upload-loading-spinner {
          display: none;
          position: absolute;
          top: 59% !important;
          left: 8px; }
        .upload-holder .file-submit-holder .upload-text-holder .progress-field .success-text {
          display: none; }
      .upload-holder .file-submit-holder .upload-text-holder progress {
        width: 96%;
        margin: 6px 4px 4px 4px; }

.upload-holder.successful-upload .progress-field .progress-text {
  color: #009158;
  background-color: #e1f6ef;
  text-align: center;
  border-color: #32b394 !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
.upload-holder.successful-upload .progress-field .success-text {
  display: block !important;
  margin-top: 14px;
  padding-left: 34px; }
.upload-holder.successful-upload .progress-field .upload-loading-spinner {
  top: 59% !important;
  left: 14px !important; }

.old-style-file-upload {
  display: none; }
  .old-style-file-upload .upload-text-holder {
    display: none; }

#upload-files-content-box {
  display: inline-block;
  min-width: 620px; }

#html5-file-uploader {
  margin: 5px; }
  #html5-file-uploader #uploading-spinner {
    display: none;
    position: absolute;
    top: -8px;
    left: 2px; }
  #html5-file-uploader .overall-progress {
    display: none;
    margin-bottom: 5px;
    margin-left: 6px; }
    #html5-file-uploader .overall-progress progress {
      width: 350px;
      margin-top: 11px;
      margin-bottom: 3px; }
    #html5-file-uploader .overall-progress .overall-progress-text {
      font-size: 1.4em !important;
      font-style: italic; }

#upload-droplet {
  border: 1px dashed;
  border-radius: 5px;
  background-color: #F4F2F2;
  cursor: pointer;
  padding: 30px 25px 30px 36px;
  margin-top: 9px;
  text-align: center; }
  #upload-droplet #loading-files-holder {
    display: none; }

#upload-droplet.file-hover {
  background-color: #ACE; }
  #upload-droplet.file-hover td, #upload-droplet.file-hover th {
    background-color: #ACE; }
  #upload-droplet.file-hover td {
    opacity: 0.4; }
  #upload-droplet.file-hover th {
    opacity: 0.7; }
  #upload-droplet.file-hover #droplet-file-holder, #upload-droplet.file-hover button {
    opacity: 0.7; }

#upload-droplet .only-show-when-files, #upload-droplet .dont-show-when-no-files {
  display: none; }
#upload-droplet .only-show-when-no-files {
  display: block; }
#upload-droplet.contains-files {
  display: block;
  border: none;
  background: none;
  padding: 5px;
  margin-top: 0;
  line-height: 18px;
  cursor: default; }
  #upload-droplet.contains-files .only-show-when-no-files {
    display: none; }
  #upload-droplet.contains-files .only-show-when-files {
    display: block; }

#html5-file-uploader.loading-files #upload-droplet {
  font-style: italic; }
#html5-file-uploader.loading-files #loading-files-holder {
  display: inherit; }
#html5-file-uploader.loading-files #droplet-instructions {
  display: none; }
#html5-file-uploader.loading-files #add-files-button, #html5-file-uploader.loading-files #twisting-arrow {
  opacity: 0.2; }

#droplet-contents-holder {
  display: none;
  position: relative;
  font-size: 0.9em; }

#droplet-file-holder {
  margin: 4px;
  padding: 7px;
  max-height: 500px;
  overflow-y: scroll;
  background-color: white;
  border: 1px solid #CECECE;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

#droplet-file-table.now-uploading tbody tr:hover {
  outline: none; }
#droplet-file-table.now-uploading tbody tr:active {
  outline: none;
  opacity: 1; }
#droplet-file-table.now-uploading tbody .progress-td {
  min-width: 240px;
  max-width: 330px; }

.ie-file-table tbody tr:hover {
  outline: none;
  background-color: #FBFFDA; }
.ie-file-table tbody tr:active {
  outline: none;
  background-color: #ACE; }

.safari-file-table tbody tr:hover {
  outline: none;
  border-top: 1px inset #ACE;
  border-left: 1px inset #ACE;
  opacity: 0.8; }
.safari-file-table tbody tr:active {
  outline: none;
  opacity: 0.5;
  border-top: 2px inset #ACE;
  border-left: 2px inset #ACE; }

#droplet-file-table {
  width: 100%; }
  #droplet-file-table thead .sorting:hover, #droplet-file-table thead .sorting_asc:hover, #droplet-file-table thead .sorting_desc:hover {
    outline: 1px solid #ACE; }
  #droplet-file-table thead .sorting:active, #droplet-file-table thead .sorting_asc:active, #droplet-file-table thead .sorting_desc:active {
    opacity: 0.7;
    outline: 2px inset #ACE; }
  #droplet-file-table tfoot {
    text-align: left;
    font-weight: bold; }
  #droplet-file-table tbody {
    text-align: left; }
    #droplet-file-table tbody .filename-td {
      word-wrap: break-word;
      min-width: 380px;
      max-width: 525px; }
    #droplet-file-table tbody .small-td {
      min-width: 100px; }
    #droplet-file-table tbody .progress-td {
      max-width: 30px; }
    #droplet-file-table tbody .remove-button-holder {
      cursor: pointer;
      padding: 0.2em 0.5em 0.15em 0.5em;
      opacity: 0.8; }
      #droplet-file-table tbody .remove-button-holder:hover {
        opacity: 1; }
        #droplet-file-table tbody .remove-button-holder:hover i {
          color: #bd1a00; }
      #droplet-file-table tbody .remove-button-holder:active {
        opacity: 0.5; }
    #droplet-file-table tbody tr {
      position: relative; }
      #droplet-file-table tbody tr.hover {
        opacity: 0.7; }
        #droplet-file-table tbody tr.hover .tooltip {
          opacity: 1; }
    #droplet-file-table tbody td {
      background: none; }
    #droplet-file-table tbody .custom-progress-bar {
      position: absolute;
      width: 0px;
      height: 0px;
      background: #ACE;
      transition: width 1s;
      opacity: 0.7;
      margin-left: -5px; }
    #droplet-file-table tbody tr .real-small-td {
      min-width: 30px;
      padding: 1px; }
  #droplet-file-table tr.canceled-upload.even {
    background-color: #FFE0A6; }
  #droplet-file-table tr.canceled-upload.odd {
    background-color: #FFEFD2; }
  #droplet-file-table tr.failed-upload.even {
    background-color: #FF9090; }
  #droplet-file-table tr.failed-upload.odd {
    background-color: #FD6B6B; }
  #droplet-file-table tr.successful-upload.even {
    background-color: #C7FFCD; }
  #droplet-file-table tr.successful-upload.odd {
    background-color: #C7E9CC; }
  #droplet-file-table tr.failed-upload {
    cursor: pointer; }
    #droplet-file-table tr.failed-upload .progress-td {
      word-break: break-word;
      background-color: #ffdecf; }
      #droplet-file-table tr.failed-upload .progress-td .progress-holder {
        font-weight: bold;
        color: #4434ff; }
  #droplet-file-table tr.failed-upload.inactive {
    cursor: default; }
    #droplet-file-table tr.failed-upload.inactive .progress-td .progress-holder {
      font-weight: normal;
      color: #4a4c50; }
    #droplet-file-table tr.failed-upload.inactive:active {
      opacity: 1; }
      #droplet-file-table tr.failed-upload.inactive:active .progress-td {
        background-color: #fff7bb;
        outline: 1px solid #ffdecf; }
  #droplet-file-table tr.failed-upload:hover {
    opacity: 0.9; }
    #droplet-file-table tr.failed-upload:hover .progress-td {
      background-color: #fff7bb;
      outline: 1px solid #ffdecf; }
  #droplet-file-table tr.failed-upload:active {
    opacity: 1; }
    #droplet-file-table tr.failed-upload:active .progress-td {
      background-color: #dafae2;
      outline: none; }
  #droplet-file-table tr.unselected {
    opacity: 0.75; }
  #droplet-file-table td, #droplet-file-table th {
    border: 0px none; }
  #droplet-file-table th {
    font-weight: bold;
    text-align: left; }
  #droplet-file-table td {
    padding: 0.2em 0.3em; }
    #droplet-file-table td .progress-holder {
      visibility: hidden;
      min-width: 207px;
      font-style: italic; }
      #droplet-file-table td .progress-holder progress {
        display: none;
        width: 80px; }

#droplet-reminder-text {
  font-style: italic;
  color: #7C7C7C;
  position: absolute;
  left: 25px; }
  #droplet-reminder-text .UI-icon-curvy-up-arrow {
    margin-left: -4px; }

#attachment-uploader #file-select {
  position: absolute;
  width: 1px;
  top: 0;
  left: 0;
  height: 28px;
  margin: 0;
  border: solid transparent;
  border-width: 0 0 5px 118px;
  opacity: 0;
  filter: alpha(opacity=0);
  direction: ltr;
  cursor: pointer; }
  #attachment-uploader #file-select button {
    cursor: pointer; }

#html5-file-uploader {
  position: relative; }
  #html5-file-uploader .select-button-pane {
    width: 15em;
    margin: 1.4em auto -0.9em auto;
    position: relative; }
  #html5-file-uploader #continue-anyway-button, #html5-file-uploader #retry-all-button {
    display: none;
    font-size: 14px;
    margin: 10px 0 10px 6px; }
  #html5-file-uploader #continue-anyway-button.inline-block, #html5-file-uploader #retry-all-button.inline-block {
    display: inline-block; }
  #html5-file-uploader #file-select {
    position: absolute;
    width: 1px;
    top: 0;
    left: 0;
    height: 28px;
    margin: 0;
    border: solid transparent;
    border-width: 0 0 5px 118px;
    opacity: 0;
    filter: alpha(opacity=0);
    direction: ltr;
    cursor: pointer; }
    #html5-file-uploader #file-select button {
      cursor: pointer; }
  #html5-file-uploader #upload-buttons-holder {
    position: relative;
    margin-top: 7px;
    margin-bottom: 6px; }
  #html5-file-uploader #add-files-button, #html5-file-uploader #upload-files-button {
    font-size: 16px; }
    #html5-file-uploader #add-files-button .UI-icon, #html5-file-uploader #upload-files-button .UI-icon {
      margin-bottom: 0 !important; }
  #html5-file-uploader #add-more-files-button {
    font-size: 1.2em;
    margin: 5px 5px 0 5px;
    padding-bottom: 4px;
    padding-top: 3px;
    width: 96px;
    color: black; }
    #html5-file-uploader #add-more-files-button .icomoon-icon {
      float: left; }
    #html5-file-uploader #add-more-files-button .add-files-text {
      float: left;
      margin-top: 2px;
      margin-left: 6px; }
  #html5-file-uploader #add-more-files-button:hover {
    opacity: 0.95;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4); }
  #html5-file-uploader #add-more-files-button:active {
    border: 1px inset #ACE;
    opacity: 0.8; }
  #html5-file-uploader #upload-files-button {
    margin-left: auto;
    margin-right: auto;
    width: 130px; }
  #html5-file-uploader #upload-files-button::-moz-focus-inner {
    border: 0;
    padding: 0; }
  #html5-file-uploader #upload-files-button.disabled-nice-button {
    pointer-events: none;
    cursor: not-allowed; }
  #html5-file-uploader #upload-files-2-button {
    display: none;
    position: absolute;
    width: 130px;
    top: -27px;
    left: 40%;
    z-index: 1; }
  #html5-file-uploader #twisting-arrow {
    position: absolute;
    pointer-events: none;
    cursor: default;
    top: -1px;
    left: 115px;
    opacity: 0.3; }
  #html5-file-uploader #upload-all-checkbox-holder {
    min-width: 5em; }
  #html5-file-uploader #convert-all-checkbox-holder {
    display: none;
    min-width: 5.4em; }
    #html5-file-uploader #convert-all-checkbox-holder .left {
      float: left;
      width: 1.1em;
      text-align: left;
      padding-top: 1.1em; }

.modal #conversion-info-holder {
  overflow-x: scroll; }
  .modal #conversion-info-holder td, .modal #conversion-info-holder th {
    text-align: center; }
    .modal #conversion-info-holder td:first-child, .modal #conversion-info-holder th:first-child {
      text-align: left; }
.modal .modal-body.initial-step {
  font-size: 14px;
  padding: 1em 5em; }
  .modal .modal-body.initial-step #original-data-types {
    margin-left: 2em;
    margin-top: 0.5em;
    line-height: 18px; }
    .modal .modal-body.initial-step #original-data-types .option {
      display: inline-block;
      background-color: rgba(0, 0, 0, 0);
      -webkit-transition: background-color 160ms ease-out;
      -moz-transition: background-color 160ms ease-out;
      -o-transition: background-color 160ms ease-out;
      -ms-transition: background-color 160ms ease-out;
      transition: background-color 160ms ease-out; }
      .modal .modal-body.initial-step #original-data-types .option:hover {
        background-color: #dbe6f2; }
      .modal .modal-body.initial-step #original-data-types .option label {
        cursor: pointer; }
  .modal .modal-body.initial-step #submit-data-types-button {
    margin-left: 1.5em;
    padding: 0.3em 2em;
    margin-top: 0.5em; }
.modal .modal-body.second-step p, .modal .modal-body.second-step a {
  font-size: 14px !important; }
.modal .modal-body.second-step p {
  padding-left: 1em;
  padding-right: 1em; }
.modal #data-matrix-holder {
  max-width: 100%;
  max-height: 70vh;
  min-height: 30em;
  overflow: scroll; }
  .modal #data-matrix-holder thead {
    background-color: inherit; }
    .modal #data-matrix-holder thead th {
      cursor: not-allowed;
      font-weight: inherit;
      text-align: inherit; }
  .modal #data-matrix-holder td {
    cursor: pointer; }
    .modal #data-matrix-holder td.matrixCell {
      background: rgba(92, 207, 92, 0.38); }
  .modal #data-matrix-holder td.matrixHeader, .modal #data-matrix-holder th.matrixHeader {
    background: rgba(102, 131, 104, 0.21); }
  .modal #data-matrix-holder td.toRemove, .modal #data-matrix-holder th.toRemove {
    color: rgba(114, 116, 120, 0.58); }

#select-data-matrix-modal {
  top: 0px !important; }

circle.node {
  stroke-width: 0.25; }

circle.node.selected {
  stroke-width: 3; }

line.link {
  stroke-width: 1; }

path.hull.selected {
  stroke-width: 3 !important; }

text.spade-key-label {
  font-size: 10px;
  font-family: "Arial", sans-serif; }

.rotationCircle {
  cursor: pointer; }

.ui-progressbar-value-canceled {
  background: linear-gradient(to bottom right, #e6e6e6, #cad0d6) !important; }

.ui-progressbar-value-failed {
  background: url("cytobank-custom/images/ui-bg_glass_50_ff8811_1x400.png") repeat-x scroll 50% 50% !important; }

.ui-progressbar-value-completed {
  background: url("cytobank-custom/images/ui-bg_glass_50_33aa44_1x400.png") repeat-x scroll 50% 50% !important; }

.setup-spade-groups .content-box {
  min-width: 35em;
  width: 32% !important;
  margin: 0.5em 1em 0.5em 0em;
  text-align: center; }
  .setup-spade-groups .content-box .collapsible-header {
    background-color: #d4e5f6 !important;
    height: 1.2em;
    text-align: left; }
    .setup-spade-groups .content-box .collapsible-header a, .setup-spade-groups .content-box .collapsible-header a:hover {
      text-decoration: none;
      color: #275482; }
.setup-spade-groups .body {
  border: 1px solid #B6D0DF !important; }
  .setup-spade-groups .body select, .setup-spade-groups .body input {
    margin: 0.25em auto; }
  .setup-spade-groups .body select, .setup-spade-groups .body table {
    width: 97%; }
  .setup-spade-groups .body input {
    min-width: 4em !important; }
  .setup-spade-groups .body td.mismatched {
    background-color: #ffe4db; }
    .setup-spade-groups .body td.mismatched a {
      text-decoration: none !important;
      color: #691f00; }
      .setup-spade-groups .body td.mismatched a:hover {
        opacity: 0.9;
        color: red; }
      .setup-spade-groups .body td.mismatched a .icon-warning {
        color: red;
        float: right; }

.spade-workspace #gbox_attributes .ui-jqgrid-titlebar {
  background-color: #d4e5f6;
  border: solid 1px #b5d0e0 !important;
  border-bottom: none;
  color: #275482; }
.spade-workspace #gbox_attributes .ui-jqgrid-view {
  border-width: 1px !important; }
.spade-workspace #gbox_attributes .HeaderButton .ui-icon {
  background-image: url(images/ui-icons_469bdd_256x240.png); }

#sidebar select#export-bubbles {
  height: 2.5em !important;
  -webkit-transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1); }
  #sidebar select#export-bubbles:focus {
    height: 7em !important; }

#spade-grid-col-display-button {
  display: inline-block;
  margin-left: 2em;
  font-weight: normal;
  padding: 0.35em 1em 0.4em 1em; }

#spade-analysis-app.analysis-complete .content-box {
  margin: -9px 0 3px -18px; }
  #spade-analysis-app.analysis-complete .content-box .collapsible-header {
    width: calc(62.5% - 22px); }
  #spade-analysis-app.analysis-complete .content-box .box-wrap .controls .action-buttons {
    top: 0px; }
  #spade-analysis-app.analysis-complete .content-box .dimension-item .box h3 {
    min-width: unset !important;
    width: 211px !important; }
#spade-analysis-app .radio-input-widget .nice-input {
  margin-left: 18px;
  margin-bottom: 4px; }
#spade-analysis-app #target-num-nodes-region .nice-input {
  margin-left: 22px;
  min-width: auto !important;
  width: 104px !important; }

#reset-groups-to-panels {
  font-size: 16px;
  float: left;
  margin: 8px 0 -5px 27px;
  padding: 5px 13px !important;
  background: #fefbfb; }
  #reset-groups-to-panels .icomoon-icon {
    margin-right: 4px; }
  #reset-groups-to-panels:hover {
    background: white;
    border-color: #807f7f;
    color: #0f1a46; }
    #reset-groups-to-panels:hover .icomoon-icon {
      color: darkred; }

#visne-advanced-analysis-app {
  margin: 0 0 1em 1em; }
  #visne-advanced-analysis-app .header {
    margin: 0 0 0.5em;
    font-size: 1.2em; }
  #visne-advanced-analysis-app .beta-stamp {
    font-size: 2em; }
  #visne-advanced-analysis-app .name {
    float: left; }
    #visne-advanced-analysis-app .name:not(.analysis-name) {
      font-size: 16px;
      margin-left: 3px; }
  #visne-advanced-analysis-app .analysis-name, #visne-advanced-analysis-app #editable-advanced-analysis-name-holder {
    font-size: 1.5em; }
  #visne-advanced-analysis-app #editable-advanced-analysis-name-holder {
    font-size: 1.5em;
    margin-left: 0.6em; }
  #visne-advanced-analysis-app .advanced-settings-group-holder {
    width: 32em; }
  #visne-advanced-analysis-app .hidden-editable {
    font-size: 14px;
    line-height: 17px; }
  #visne-advanced-analysis-app .UI-icon-pencil {
    color: #2E6BB8; }
  #visne-advanced-analysis-app .numeric-field {
    text-align: right; }
  #visne-advanced-analysis-app .visne-paper {
    margin: 0 1.5em 1em 0;
    text-align: right;
    font-size: 1.2em; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form h5 {
    font-size: 1.5em; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form p {
    margin-left: 2em; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form .description {
    color: #777;
    display: inline-block;
    margin-top: 18px;
    font-size: 14px;
    width: 54%;
    margin-left: 6px; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form #visne-channels-region .fancy-select-widget {
    display: inline-block; }
    #visne-advanced-analysis-app .advanced-analysis-settings-form #visne-channels-region .fancy-select-widget .box {
      width: 24em;
      font-size: 1.2em;
      margin-left: 29px; }
      #visne-advanced-analysis-app .advanced-analysis-settings-form #visne-channels-region .fancy-select-widget .box .body {
        border-top-width: 1px !important;
        border-radius: 5px;
        height: 235px; }
        #visne-advanced-analysis-app .advanced-analysis-settings-form #visne-channels-region .fancy-select-widget .box .body .status-text {
          font-size: 1em;
          padding-top: 3px;
          padding-bottom: 8px; }
        #visne-advanced-analysis-app .advanced-analysis-settings-form #visne-channels-region .fancy-select-widget .box .body .visible-list {
          height: 200px;
          margin-bottom: 25px; }
        #visne-advanced-analysis-app .advanced-analysis-settings-form #visne-channels-region .fancy-select-widget .box .body .empty-text {
          font-size: 18px; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form .instruction {
    opacity: 0;
    -webkit-transition: opacity 130ms ease-out;
    -moz-transition: opacity 130ms ease-out;
    -o-transition: opacity 130ms ease-out;
    -ms-transition: opacity 130ms ease-out;
    transition: opacity 130ms ease-out; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form .instruction-unselected {
    opacity: 1;
    color: #dc0000; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content ul {
    margin: 0 0 0 2em; }
    #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content ul li.dimension-item {
      margin: 0;
      padding: 0;
      height: 25em; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .input-option strong {
    color: #555; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .input-option a {
    margin: 0 0 0 0.5em;
    text-decoration: none; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .input-option a:hover {
    text-decoration: underline;
    color: #1D4B7A; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .input-option-select {
    font-size: 1.2em;
    margin: 0 0 0 0.5em; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .form-info-note {
    margin: 2.5em 0.5em 1em 0.5em;
    font-style: italic;
    font-size: 1.25em; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .sampling-type label {
    width: 10em; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .sampling-type .ui-state-default {
    border-color: #ccc !important; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .sampling-type .ui-state-active {
    border-color: #adadad !important; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .sampling-type .ui-corner-left {
    margin-right: -0.4em; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .sampling-input {
    text-align: center; }
    #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .sampling-input input[type='number'] {
      width: 6em; }
    #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .sampling-input table {
      margin: 1em 1em 0 1em;
      padding: 0;
      border-collapse: collapse;
      border: 0px; }
      #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .sampling-input table td {
        margin: 0;
        padding: 0.25em;
        border: 0px; }
      #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .sampling-input table td.label {
        text-align: right; }
      #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .sampling-input table td.second {
        text-align: left; }
      #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .sampling-input table td.no-pad {
        margin: 0;
        padding: 0; }
        #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .sampling-input table td.no-pad i.standalone-icon {
          margin: 0 3.5em 0 3em;
          float: left; }
    #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .sampling-input .sampling-instruction {
      margin: 0 1em 0;
      font-size: 0.85em;
      font-style: italic; }
    #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .sampling-input .icon-arrow4 {
      font-size: 1.5em; }
    #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .sampling-input .proportional-toggle {
      visibility: hidden; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content #sampling-text {
    float: left;
    text-align: left;
    visibility: hidden;
    padding-top: 0.3em;
    font-size: 0.85em;
    font-style: italic;
    color: #999;
    vertical-align: text-bottom; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .channel-spacer {
    margin: 0 0 2em; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content #gating-group-selector {
    width: 200px;
    height: 30px; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector {
    margin-right: 2.5em; }
    #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist li {
      float: none !important; }
    #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item {
      height: 39em !important; }
      #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap {
        width: 100% !important;
        height: 100% !important; }
        #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box {
          width: 100% !important;
          height: 100% !important; }
          #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box #loading-blocker {
            text-align: center;
            display: none; }
            #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box #loading-blocker .box-blocker {
              position: absolute;
              width: 100%;
              height: 50.25em;
              background: #000;
              filter: alpha(opacity=60);
              opacity: 0.6;
              z-index: 5000; }
            #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box #loading-blocker .spinner {
              position: absolute !important;
              top: 19em;
              left: 50%; }
            #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box #loading-blocker .loading-text {
              position: absolute;
              top: 11.75em;
              width: 100%;
              color: #FFF;
              font-size: 2.2em;
              font-style: italic;
              z-index: 5001; }
            #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box #loading-blocker .fetching-status {
              position: absolute;
              top: 20em;
              width: 100%;
              color: #FFF;
              font-size: 1.5em;
              font-style: italic;
              z-index: 5001; }
          #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .controls {
            border-top: solid #4585c5 1px;
            -webkit-border-radius: 5px 5px 0px 0px;
            -moz-border-radius: 5px 5px 0px 0px;
            -o-border-radius: 5px 5px 0px 0px;
            border-radius: 5px 5px 0px 0px; }
          #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body {
            height: 33.75em !important;
            /* the table heading of the populations box */ }
            #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body table {
              width: 95%;
              padding: 0;
              border-collapse: collapse;
              border: 0px; }
            #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body td {
              margin: 0;
              padding: 0.25em 0.5em;
              border: none; }
            #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body td.population {
              width: 50%; }
            #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body td.event-count {
              width: 15%;
              padding-right: 1.25em;
              text-align: right;
              white-space: nowrap; }
            #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body td.sampling {
              width: 25%;
              text-align: right; }
            #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body td.sampling-spill {
              width: 10%; }
            #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body .message {
              margin: 0 !important;
              width: 97% !important;
              height: 3em !important;
              color: #444 !important;
              font-weight: bold; }
              #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body .message table {
                border-bottom: 1px solid #BBB !important;
                font-size: 1.2em;
                margin-left: auto !important;
                margin-right: auto !important; }
                #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body .message table td.population {
                  text-align: left;
                  height: 2em; }
            #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body .click-cue {
              position: absolute;
              visibility: hidden; }
            #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body .selected-dimensions-list {
              margin: 0.5em 0 0 !important;
              height: 26.25em !important; }
              #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body .selected-dimensions-list .visible-list {
                padding: 0 !important;
                width: 97% !important;
                height: 25.5em !important; }
                #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body .selected-dimensions-list .visible-list table#event-list {
                  margin-top: 0;
                  margin-left: auto;
                  margin-right: auto;
                  margin-bottom: 0; }
                  #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body .selected-dimensions-list .visible-list table#event-list td.sampling {
                    padding-right: 0.75em; }
                #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body .selected-dimensions-list .visible-list td.population.fcs-file {
                  padding-left: 2em; }
                #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body .selected-dimensions-list .visible-list a {
                  margin: 0 !important;
                  padding: 0 !important;
                  font-size: 1em !important; }
                #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body .selected-dimensions-list .visible-list a:link, #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body .selected-dimensions-list .visible-list a:visited {
                  border: none !important;
                  color: #1758AC !important; }
                #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body .selected-dimensions-list .visible-list a:hover {
                  text-decoration: underline !important;
                  color: #1D4B7A !important; }
              #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body .selected-dimensions-list .fcs_file_selections input {
                display: none; }
            #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body .dimension-type {
              margin: 0 0 0 0.5em !important;
              padding: 0 !important;
              position: relative !important;
              left: 0em !important;
              width: 100% !important;
              height: 1.5em !important;
              font-size: 1em !important;
              background: none !important; }
              #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body .dimension-type table {
                margin-left: auto !important;
                margin-right: auto !important;
                border-top: 1px solid #BBB !important; }
              #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body .dimension-type td.population {
                text-align: right; }
              #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body .dimension-type td.sampling {
                padding-right: 0.75em; }
              #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .box .body .dimension-type td.sampling-spill {
                text-align: left;
                font-weight: normal; }
        #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .empty-dimension-populations .body {
          height: 33.75em !important; }
          #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .empty-dimension-populations .body .dimension-body a {
            font-weight: normal; }
          #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .empty-dimension-populations .body .click-cue {
            position: absolute;
            top: 9em;
            left: 14em;
            visibility: visible;
            font-size: 1.75em;
            font-style: italic;
            color: #dc0000;
            z-index: 1; }
          #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .empty-dimension-populations .body .dimension-type {
            margin: 0 0 0 0.5em !important;
            padding: 0 !important;
            position: relative !important;
            left: 0em !important;
            width: 100% !important;
            height: 1.5em !important;
            font-size: 1em !important;
            background: none !important; }
            #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .empty-dimension-populations .body .dimension-type table {
              border-top: 1px solid #BBB !important; }
            #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .empty-dimension-populations .body .dimension-type td.population {
              text-align: right;
              font-size: 0.85em; }
            #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .empty-dimension-populations .body .dimension-type td.sampling {
              padding-right: 0.75em; }
            #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .visne-population-selector #sortlist .dimension-item .box-wrap .empty-dimension-populations .body .dimension-type td.sampling-spill {
              text-align: left;
              font-size: 0.85em;
              white-space: nowrap; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form .form-content .empty-dimension .dimension-body a {
    font-weight: normal !important;
    height: 1.2em !important; }
  #visne-advanced-analysis-app .advanced-analysis-settings-form .advanced-options-box {
    font-size: 1.25em;
    margin: 2em 2em 3em 0.75em;
    padding: 1em;
    border: 1px solid #999;
    background-color: #f4f4f4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    #visne-advanced-analysis-app .advanced-analysis-settings-form .advanced-options-box .advanced-option {
      margin: 1em 1.5em 1em; }

.advanced-analysis-box {
  font-size: 1.2em; }
  .advanced-analysis-box .dimension-type {
    display: none; }
  .advanced-analysis-box .body {
    font-size: 1.1em;
    height: 200px !important; }
    .advanced-analysis-box .body .selected-dimensions-list {
      height: 197px !important; }
      .advanced-analysis-box .body .selected-dimensions-list .visible-list {
        height: 190px !important;
        margin-bottom: 0 !important;
        padding: 4px !important; }
  .advanced-analysis-box h3 {
    padding-right: 8px !important; }
  .advanced-analysis-box:not(.empty-dimension) h3 {
    color: #ffffff;
    background-color: #5b5b9a !important; }
  .advanced-analysis-box:not(.empty-dimension) h3, .advanced-analysis-box:not(.empty-dimension) .body, .advanced-analysis-box:not(.empty-dimension) .controls {
    border-color: #5b5b9a !important; }

.information-table th.advanced-analysis-delete {
  text-align: center; }
.information-table td.advanced-analysis-delete {
  text-align: center; }
.information-table td.advanced-analysis-user img {
  vertical-align: -40%; }
.information-table tr .round-icon-button {
  opacity: 0;
  -webkit-transition: opacity 130ms ease-out;
  -moz-transition: opacity 130ms ease-out;
  -o-transition: opacity 130ms ease-out;
  -ms-transition: opacity 130ms ease-out;
  transition: opacity 130ms ease-out; }
.information-table tr:hover .round-icon-button {
  opacity: 1; }

.radio-button-label {
  padding: 0.75em 0.5em;
  font-size: 1em;
  font-weight: normal;
  color: #333333;
  background-color: #ffffff;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
  background-repeat: repeat-x;
  border-color: #ccc;
  -webkit-transition: background 400ms ease-out;
  -moz-transition: background 400ms ease-out;
  -o-transition: background 400ms ease-out;
  -ms-transition: background 400ms ease-out;
  transition: background 400ms ease-out;
  transition: border 500ms ease-in;
  -webkit-transition: border 500ms ease-in;
  -moz-transition: border 500ms ease-in;
  -o-transition: border 500ms ease-in; }
  .radio-button-label .ui-checkboxradio-icon {
    display: none; }
  .radio-button-label:hover, .radio-button-label.ui-state-hover {
    border: 1px solid #ccc !important;
    background-color: #e0e0e0 !important;
    background-image: linear-gradient(to bottom, #fafcff 0%, #d8dde4 100%);
    color: #333333 !important; }
  .radio-button-label:active, .radio-button-label.ui-state-active {
    color: #333333;
    border: 1px solid #adadad;
    background-color: #e5e5e5;
    background-image: none !important;
    -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); }

.progress-note {
  margin: 1em 0.5em 0 2em;
  font-style: italic;
  font-size: 1.4em;
  line-height: 1.8em;
  color: #777; }

#visne-admin-stats th.time {
  min-width: 5em; }
#visne-admin-stats th.runtime {
  min-width: 6em; }

.workspace #dimensions #visne-dimension-box {
  width: 24em; }
  .workspace #dimensions #visne-dimension-box .controls {
    border-top: 1px solid;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px; }
  .workspace #dimensions #visne-dimension-box .body, .workspace #dimensions #visne-dimension-box .controls {
    border-color: #4585c5 !important;
    font-size: 16px; }
  .workspace #dimensions #visne-dimension-box .controls {
    width: 18.15em; }
  .workspace #dimensions #visne-dimension-box .body {
    width: 19.18em !important; }
  .workspace #dimensions #visne-dimension-box .nothing-selected {
    text-align: center;
    display: inline-block;
    color: #4A4C50; }
  .workspace #dimensions #visne-dimension-box .selected-dimensions-list:not(.view-only):hover {
    background: #f9fcff !important; }
    .workspace #dimensions #visne-dimension-box .selected-dimensions-list:not(.view-only):hover a {
      background: #f9fcff !important; }
  .workspace #dimensions #visne-dimension-box .selected-dimensions-list.view-only {
    cursor: default; }

#saving-spinner-group {
  visibility: hidden; }
  #saving-spinner-group #saving-spinner {
    position: relative; }
  #saving-spinner-group .saving-spinner-text {
    margin: 0.25em 0 0 2.5em;
    font-style: italic;
    color: #999; }

#visne-results-header .info-button {
  position: relative;
  margin-left: 0.4em; }

#visne-populations-dimension-box .controls {
  font-size: 1.3em;
  height: 1.2em; }
#visne-populations-dimension-box.view-only .selected-dimensions-list {
  cursor: default !important; }

.visne-population-selector h3 a.info-icon-link, #visne-dimension-box h3 a.info-icon-link {
  background-color: inherit !important;
  margin: -0.35em -0.3em 0 0 !important;
  padding: 0.2em 0 0.25em 0 !important; }
  .visne-population-selector h3 a.info-icon-link i, #visne-dimension-box h3 a.info-icon-link i {
    color: white !important; }
    .visne-population-selector h3 a.info-icon-link i:hover, #visne-dimension-box h3 a.info-icon-link i:hover {
      color: #f3ef0d !important; }
    .visne-population-selector h3 a.info-icon-link i:active, #visne-dimension-box h3 a.info-icon-link i:active {
      color: #EECE59 !important; }

.advanced-analysis-app #app-body {
  padding-top: 11px; }
.advanced-analysis-app .fancy-select-widget .box-wrap .box > h3 {
  background: #595ab7;
  border-color: #595ab7;
  color: #ffffff; }
.advanced-analysis-app .analysis-heading {
  font-weight: normal; }
.advanced-analysis-app .frozen {
  font-size: 16px;
  pointer-events: none; }
.advanced-analysis-app .final-option {
  font-size: 15px;
  vertical-align: top; }
  .advanced-analysis-app .final-option:not(.no-indent) {
    margin-left: 22px; }
.advanced-analysis-app table td.num-events {
  text-align: right;
  padding-right: 8px; }
.advanced-analysis-app .fancy-selects-holder {
  margin-left: 17px; }
  .advanced-analysis-app .fancy-selects-holder span:not(#file-grouping-region) .frozen-fancy-select .body {
    cursor: default; }
    .advanced-analysis-app .fancy-selects-holder span:not(#file-grouping-region) .frozen-fancy-select .body a, .advanced-analysis-app .fancy-selects-holder span:not(#file-grouping-region) .frozen-fancy-select .body .available-item {
      cursor: default !important; }
  .advanced-analysis-app .fancy-selects-holder span:not(#file-grouping-region) .frozen-fancy-select .selected-dimensions-list {
    cursor: default !important; }
.advanced-analysis-app #submit-button-region button.nice-button {
  pointer-events: all !important; }
.advanced-analysis-app .exporting-clusters-header {
  background: white;
  display: inline;
  padding-right: 4px; }
.advanced-analysis-app .clustering-stuff-holder {
  margin-bottom: 3em;
  border: 1px solid #C6C9CC;
  padding: 2em 1em 1em 1em;
  margin-top: -0.8em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .advanced-analysis-app .clustering-stuff-holder #export-clusters-button {
    padding: 7px 15px;
    font-size: 1.4em; }
  .advanced-analysis-app .clustering-stuff-holder #citrus-children-list {
    display: block !important; }
    .advanced-analysis-app .clustering-stuff-holder #citrus-children-list table {
      margin-top: 4px; }
      .advanced-analysis-app .clustering-stuff-holder #citrus-children-list table thead {
        background: none; }
      .advanced-analysis-app .clustering-stuff-holder #citrus-children-list table td, .advanced-analysis-app .clustering-stuff-holder #citrus-children-list table th {
        border: none;
        text-align: left; }
.advanced-analysis-app .input-list-region {
  padding-left: 24px; }
  .advanced-analysis-app .input-list-region input[type='checkbox'], .advanced-analysis-app .input-list-region input[type='radio'] {
    font-size: 2em;
    margin-right: 3px;
    vertical-align: 2px; }
  .advanced-analysis-app .input-list-region label {
    font-size: 1.5em;
    line-height: 1.7em; }
  .advanced-analysis-app .input-list-region .icon-info {
    color: #1758AC; }
    .advanced-analysis-app .input-list-region .icon-info:hover {
      color: #1D4B7A; }
    .advanced-analysis-app .input-list-region .icon-info:active {
      color: #2B7DE1; }
.advanced-analysis-app h5 {
  font-size: 1.5em; }
.advanced-analysis-app .select-widget {
  font-size: 1.5em;
  border-color: rgba(153, 153, 153, 0.49); }
.advanced-analysis-app .major-settings-group-holder {
  display: inline-block;
  min-width: 42%; }
  .advanced-analysis-app .major-settings-group-holder p {
    margin-left: 2em; }
  .advanced-analysis-app .major-settings-group-holder .select-widget {
    margin-left: 22px; }
.advanced-analysis-app .advanced-settings-group-holder .estimated-total-events td:first-child, .advanced-analysis-app .advanced-settings-group-holder .estimated-cluster-size td:first-child {
  font-weight: normal; }
.advanced-analysis-app .advanced-settings-group-holder .bootstrap-select {
  width: 5.15em; }
.advanced-analysis-app .advanced-settings-group-holder #normalize-scales-region input {
  display: inline;
  width: 2em; }
.advanced-analysis-app .click-to-edit {
  outline-color: transparent;
  padding: 1px 2px 2px 0;
  margin-bottom: 4px;
  margin-top: -2px;
  display: inline-block;
  box-shadow: 0 0 3pt 1pt transparent; }
  .advanced-analysis-app .click-to-edit .icon-pencil {
    margin-bottom: -1px;
    color: #1758AC;
    opacity: 0; }
  .advanced-analysis-app .click-to-edit:hover {
    box-shadow: 0 0 2pt 1pt #5a7998; }
    .advanced-analysis-app .click-to-edit:hover .icon-pencil {
      opacity: 1; }
.advanced-analysis-app .citrus-channels-holder .channels-select {
  display: inline-block;
  width: 31%;
  margin: 0 1% 0 1%;
  max-width: 400px; }
.advanced-analysis-app .citrus-channels-holder .select-control button {
  font-size: 12px; }
.advanced-analysis-app .citrus-channels-holder .select-control .select-all-button {
  width: 43px; }
.advanced-analysis-app .citrus-channels-holder .select-control .select-none-button {
  width: 46px; }

.paper-citation {
  margin: 0 1.5em 5em 0;
  text-align: right;
  font-size: 1.2em; }

#file-grouping-table-view {
  position: relative;
  font-size: 0.9em;
  margin-top: -16px; }
  #file-grouping-table-view .filtered-file-info {
    font-style: italic;
    font-size: 16px;
    width: 100%;
    text-align: center;
    padding: 19px 0 10px 0; }
  #file-grouping-table-view.frozen .file-grouping-table-header {
    pointer-events: none; }
    #file-grouping-table-view.frozen .file-grouping-table-header span {
      color: #4A4C50; }
    #file-grouping-table-view.frozen .file-grouping-table-header .icomoon-icon {
      opacity: 0; }
  #file-grouping-table-view.frozen #add-group {
    opacity: 0;
    pointer-events: none; }
  #file-grouping-table-view.frozen tbody {
    pointer-events: none; }
    #file-grouping-table-view.frozen tbody input:not(:checked) {
      display: none; }
  #file-grouping-table-view .controls {
    position: relative;
    height: 64px;
    margin-top: -16px; }
    #file-grouping-table-view .controls #add-group {
      display: inline-block;
      text-align: center;
      padding: 6px 8px 4px 2em;
      font-size: 16px;
      height: 22px;
      top: 21px;
      right: 11px;
      position: absolute;
      width: calc(100% - 443px); }
      #file-grouping-table-view .controls #add-group i.icon-plus-circle {
        margin-right: 10px;
        vertical-align: -1px;
        color: #393c42; }
    #file-grouping-table-view .controls .icon-search3 {
      font-size: 16px;
      top: 71px;
      position: absolute;
      left: 117px;
      z-index: 1;
      color: #858d9d; }
    #file-grouping-table-view .controls .select-filter {
      font-size: 14px;
      padding: 4px 4px 7px 30px;
      vertical-align: top;
      position: absolute;
      top: 64px;
      left: 110px;
      border: 1px solid #bbb; }
      #file-grouping-table-view .controls .select-filter::placeholder {
        color: transparent; }
      #file-grouping-table-view .controls .select-filter:hover, #file-grouping-table-view .controls .select-filter:focus {
        border-color: #9298a1; }
        #file-grouping-table-view .controls .select-filter:hover::placeholder, #file-grouping-table-view .controls .select-filter:focus::placeholder {
          color: grey; }
  #file-grouping-table-view .file-grouping-actions-menu {
    display: none;
    position: absolute;
    top: 76px; }
    #file-grouping-table-view .file-grouping-actions-menu .dropdown-menu {
      display: block;
      border-top: 2px solid #2B7DE1;
      border-radius: 0 0 6px 6px; }
    #file-grouping-table-view .file-grouping-actions-menu .link-icon {
      color: rgba(128, 128, 128, 0.7); }
    #file-grouping-table-view .file-grouping-actions-menu li:hover .link-icon {
      color: #1758AC; }
    #file-grouping-table-view .file-grouping-actions-menu.displayed {
      display: block; }
      #file-grouping-table-view .file-grouping-actions-menu.displayed .side-dropdown {
        display: block; }
    #file-grouping-table-view .file-grouping-actions-menu.unassigned-version .delete-group, #file-grouping-table-view .file-grouping-actions-menu.unassigned-version .rename-group, #file-grouping-table-view .file-grouping-actions-menu.unassigned-version .view-channels {
      display: none; }
    #file-grouping-table-view .file-grouping-actions-menu.last-group-left li:last-child, #file-grouping-table-view .file-grouping-actions-menu.last-group-left .delete-group {
      pointer-events: none;
      opacity: 0.6; }
  #file-grouping-table-view .table-holder {
    padding-right: 2px;
    max-height: calc(100vh - 260px);
    overflow-y: auto;
    overflow-x: visible; }
  #file-grouping-table-view table {
    margin-left: auto;
    margin-right: auto; }
    #file-grouping-table-view table thead tr:first-child th {
      padding-bottom: 0px; }
    #file-grouping-table-view table thead tr:last-child:not(:first-child) th {
      border-top-width: 0px;
      padding-top: 0px; }
    #file-grouping-table-view table thead th {
      border-width: 1px 0px 2px 0px;
      padding: 4px 10px !important;
      text-align: center; }
      #file-grouping-table-view table thead th:first-child {
        border-left-width: 1px;
        text-align: left;
        -webkit-border-radius: 5px 0px 0px 0px;
        -moz-border-radius: 5px 0px 0px 0px;
        -o-border-radius: 5px 0px 0px 0px;
        border-radius: 5px 0px 0px 0px; }
      #file-grouping-table-view table thead th:last-child {
        border-right-width: 1px;
        -webkit-border-radius: 0px 5px 0px 0px;
        -moz-border-radius: 0px 5px 0px 0px;
        -o-border-radius: 0px 5px 0px 0px;
        border-radius: 0px 5px 0px 0px; }
      #file-grouping-table-view table thead th.file-grouping-table-header {
        color: #1758AC;
        background: #f8f8fb;
        cursor: pointer; }
        #file-grouping-table-view table thead th.file-grouping-table-header:hover, #file-grouping-table-view table thead th.file-grouping-table-header:focus, #file-grouping-table-view table thead th.file-grouping-table-header.open {
          color: #1D4B7A;
          border-bottom-color: #2B7DE1;
          background: #f6fbff; }
        #file-grouping-table-view table thead th.file-grouping-table-header .num-in-group {
          margin-left: 8px;
          padding: 1px 0px 1px 4px;
          color: #5D697A; }
    #file-grouping-table-view table tbody td.filename {
      min-width: 20em;
      max-width: 30em;
      word-wrap: break-word; }
    #file-grouping-table-view table tbody td:not(:first-child):not(.num-events):not(.num-population-events):not(.sample-tags) {
      text-align: center;
      cursor: pointer; }
      #file-grouping-table-view table tbody td:not(:first-child):not(.num-events):not(.num-population-events):not(.sample-tags) input {
        cursor: pointer; }
      #file-grouping-table-view table tbody td:not(:first-child):not(.num-events):not(.num-population-events):not(.sample-tags):hover {
        background: #fbfbfb; }
      #file-grouping-table-view table tbody td:not(:first-child):not(.num-events):not(.num-population-events):not(.sample-tags):active {
        background: #ACE; }
    #file-grouping-table-view table tbody td.sample-tags {
      max-width: 500px; }
      #file-grouping-table-view table tbody td.sample-tags .sample-tag-item {
        display: inline-flex;
        color: #4f4d4d;
        margin-right: 4px;
        margin-bottom: 1px;
        padding: 0 7px 1px 7px;
        font-size: 16px;
        border: 1px solid #d9d4d4;
        background: #f9fcff;
        white-space: nowrap;
        cursor: pointer;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px; }
        #file-grouping-table-view table tbody td.sample-tags .sample-tag-item.with-icon {
          padding-left: 23px;
          position: relative; }
          #file-grouping-table-view table tbody td.sample-tags .sample-tag-item.with-icon .icomoon-icon {
            position: absolute;
            top: 3px;
            left: 3px;
            font-size: 14px;
            opacity: 0.7; }
        #file-grouping-table-view table tbody td.sample-tags .sample-tag-item:hover {
          border-color: #1739b5;
          color: #1739b5 !important; }
          #file-grouping-table-view table tbody td.sample-tags .sample-tag-item:hover.with-icon .icomoon-icon {
            opacity: 1;
            color: #1739b5; }

#file-group-select-modal {
  display: table !important;
  opacity: 0; }

#export-citrus-clusters-modal .modal-body {
  margin-left: 37px;
  padding-top: 27px; }
  #export-citrus-clusters-modal .modal-body .cluster-id-entry {
    padding: 2px 12px 2px 5px;
    font-size: 14px;
    display: inline-block; }
  #export-citrus-clusters-modal .modal-body input[type='text'] {
    font-size: 1.2em;
    padding: 3px 3px 2px 3px; }
  #export-citrus-clusters-modal .modal-body .all-none-holder {
    position: absolute;
    top: -2px;
    right: 13em;
    font-size: 11px; }
    #export-citrus-clusters-modal .modal-body .all-none-holder button {
      float: left;
      min-width: 3.5em; }
      #export-citrus-clusters-modal .modal-body .all-none-holder button.group-button-left {
        margin-right: -5px !important; }
    #export-citrus-clusters-modal .modal-body .all-none-holder #citrus-clusters-filter {
      right: -2.8em;
      width: 12em; }
    #export-citrus-clusters-modal .modal-body .all-none-holder .list-filter {
      float: left;
      border: 1px solid #BBB;
      margin-left: 4px;
      height: 20px;
      width: 6em;
      font-size: 12px;
      padding: 2px 4px 2px 6px;
      position: absolute;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      -webkit-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
      -moz-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
      -o-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
      -ms-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
      transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1); }
      #export-citrus-clusters-modal .modal-body .all-none-holder .list-filter:focus {
        width: 125px; }

#original-files-to-include-list label:hover, #original-files-to-include-list input:hover, .cluster-id-entry label:hover, .cluster-id-entry input:hover {
  cursor: pointer;
  background: #f4f4f4; }
#original-files-to-include-list label:active, #original-files-to-include-list input:active, .cluster-id-entry label:active, .cluster-id-entry input:active {
  background: #ACE; }
#original-files-to-include-list input, .cluster-id-entry input {
  font-size: 1.2em; }

#original-files-to-include-list > div {
  font-size: 14px;
  margin: 2px 0px 2px 0px; }

.border-haver .header-flex-container {
  height: 46px;
  min-width: 100em;
  display: -webkit-box !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important; }
  .border-haver .header-flex-container .left-side {
    flex: 3 0 31em;
    display: flex; }
  .border-haver .header-flex-container .right-side {
    flex: 5 3 33em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    .border-haver .header-flex-container .right-side #export-clusters-region .nice-button {
      white-space: nowrap;
      margin-right: 9px;
      padding: 6px 11px; }
    .border-haver .header-flex-container .right-side #submit-button-and-progress-bar-region .nice-button {
      color: white;
      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
      background-color: #5BB75B !important;
      background-image: -moz-linear-gradient(#5CC55C, #3EA53E) !important;
      background-image: -webkit-linear-gradient(#5CC55C, #3EA53E) !important;
      background-image: -o-linear-gradient(#5CC55C, #3EA53E) !important;
      background-image: -ms-linear-gradient(#5CC55C, #3EA53E) !important;
      background-image: -linear-gradient(#5CC55C, #3EA53E) !important;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      opacity: 1;
      font-weight: bold; }
      .border-haver .header-flex-container .right-side #submit-button-and-progress-bar-region .nice-button.disabled-nice-button {
        opacity: 0.9;
        cursor: help; }
        .border-haver .header-flex-container .right-side #submit-button-and-progress-bar-region .nice-button.disabled-nice-button .icon-checkmark {
          display: none; }
    .border-haver .header-flex-container .right-side #submit-button-and-progress-bar-region, .border-haver .header-flex-container .right-side #progress-bar-holder {
      width: 100%;
      text-align: left;
      line-height: 18px !important;
      vertical-align: middle;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      align-items: center; }
      .border-haver .header-flex-container .right-side #submit-button-and-progress-bar-region > strong, .border-haver .header-flex-container .right-side #progress-bar-holder > strong {
        white-space: nowrap;
        margin-right: 2%; }
      .border-haver .header-flex-container .right-side #submit-button-and-progress-bar-region > a, .border-haver .header-flex-container .right-side #progress-bar-holder > a {
        white-space: nowrap;
        margin-left: 22px;
        border-bottom: 2px solid rgba(0, 0, 0, 0);
        padding-bottom: 0px; }
      .border-haver .header-flex-container .right-side #submit-button-and-progress-bar-region > div, .border-haver .header-flex-container .right-side #progress-bar-holder > div {
        width: 98%; }
      .border-haver .header-flex-container .right-side #submit-button-and-progress-bar-region .nice-button, .border-haver .header-flex-container .right-side #progress-bar-holder .nice-button {
        padding: 6px 17px;
        margin-left: 80px; }
      .border-haver .header-flex-container .right-side #submit-button-and-progress-bar-region .failure-message, .border-haver .header-flex-container .right-side #progress-bar-holder .failure-message {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: calc(100vw - 930px);
        min-width: 200px; }
      .border-haver .header-flex-container .right-side #submit-button-and-progress-bar-region #progressbar, .border-haver .header-flex-container .right-side #progress-bar-holder #progressbar {
        height: 28px;
        margin-top: 7px;
        position: relative; }
        .border-haver .header-flex-container .right-side #submit-button-and-progress-bar-region #progressbar #progress-task, .border-haver .header-flex-container .right-side #progress-bar-holder #progressbar #progress-task {
          position: absolute;
          line-height: 26px;
          padding-left: 7px;
          font-family: 'Lato', 'Lato-local', "trebuchet MS", helvetica, sans-serif;
          font-size: 13px;
          width: 100%;
          text-overflow: ellipsis;
          overflow: hidden;
          height: 26px;
          word-break: break-word;
          overflow-y: auto; }

#flowsom-app-region #fixed-cluster-size-holder .frozen, #flowsom-app-region #relative-cluster-size-holder .frozen {
  font-size: 1.5em; }
#flowsom-app-region #expected-clusters-region .final-option {
  margin-left: 0; }
#flowsom-app-region .visible-list {
  -webkit-transition: opacity 160ms ease-out;
  -moz-transition: opacity 160ms ease-out;
  -o-transition: opacity 160ms ease-out;
  -ms-transition: opacity 160ms ease-out;
  transition: opacity 160ms ease-out; }
#flowsom-app-region .visible-list.loading {
  opacity: 0.3; }
#flowsom-app-region #som-creation-method-region .final-option {
  margin-bottom: 0.3em;
  display: block; }
#flowsom-app-region #expected-clusters .expected-clusters {
  width: 10em !important; }
#flowsom-app-region #expected-clusters .final-option {
  margin-left: 0 !important; }
#flowsom-app-region #randomSeed, #flowsom-app-region #iterations, #flowsom-app-region #expectedMetaclusters {
  font-size: 1.5em;
  margin-left: 1.5em; }
#flowsom-app-region #scale-region > span {
  font-size: 1.5em;
  margin-left: 1.5em;
  padding-top: 0.3em;
  display: block; }
  #flowsom-app-region #scale-region > span input {
    font-size: 2em; }

.analysis-settings-holder {
  border: 1px solid gray;
  padding: 2em 2em 3em 4em;
  margin: 2em 1em 1em 2em;
  border-radius: 6px;
  background: white;
  -webkit-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1); }
  .analysis-settings-holder h1 {
    margin-left: -1em; }

.standalone-checkbox-region > div > span {
  font-size: 1.5em;
  margin-left: 1.5em;
  padding-top: 0.3em;
  display: block; }

#dim-reduce-app-region #results-plot-holder .standalone-plot-viewer-holder {
  width: 374px;
  margin-left: auto;
  margin-right: auto; }
#dim-reduce-app-region #algo-type-region .filter-option-inner-inner .icomoon-icon {
  display: none; }
#dim-reduce-app-region .auto-checkbox-region {
  padding-left: 5px; }
  #dim-reduce-app-region .auto-checkbox-region label {
    font-size: 13px;
    padding: 1px 2px;
    opacity: 0.75; }
  #dim-reduce-app-region .auto-checkbox-region input {
    opacity: 0.8; }
  #dim-reduce-app-region .auto-checkbox-region:hover label, #dim-reduce-app-region .auto-checkbox-region:hover input {
    opacity: 1; }
#dim-reduce-app-region #suggested-learning-rate-info {
  display: none;
  width: 500px;
  font-size: 13px;
  padding: 4px 6px  8px 6px;
  border: 1px solid #b3b3b3;
  border-radius: 0 4px 4px 4px;
  background: #fbfbf4; }
#dim-reduce-app-region #results-preview-plots-region .standalone-plot-viewer-holder {
  width: 415px;
  display: inline-block;
  margin: 15px 25px; }
  #dim-reduce-app-region #results-preview-plots-region .standalone-plot-viewer-holder:hover .delete-button {
    opacity: 1; }
  #dim-reduce-app-region #results-preview-plots-region .standalone-plot-viewer-holder .delete-button {
    position: absolute;
    right: 84px;
    top: 2px;
    opacity: 0.4; }
    #dim-reduce-app-region #results-preview-plots-region .standalone-plot-viewer-holder .delete-button .icomoon-icon {
      font-size: 20px; }
  #dim-reduce-app-region #results-preview-plots-region .standalone-plot-viewer-holder .editable-title {
    text-align: center;
    width: 301px;
    margin-left: 11px;
    font-size: 18px;
    cursor: pointer;
    border: 1px solid rgba(1, 1, 1, 0); }
    #dim-reduce-app-region #results-preview-plots-region .standalone-plot-viewer-holder .editable-title:hover {
      background: #aaccee52;
      border-color: #ACE; }
      #dim-reduce-app-region #results-preview-plots-region .standalone-plot-viewer-holder .editable-title:hover .icon-pencil {
        opacity: 1; }
    #dim-reduce-app-region #results-preview-plots-region .standalone-plot-viewer-holder .editable-title .icon-pencil {
      opacity: 0.4;
      padding-left: 4px; }
  #dim-reduce-app-region #results-preview-plots-region .standalone-plot-viewer-holder .plot-image-and-axes-holder {
    width: 330px;
    float: unset; }
  #dim-reduce-app-region #results-preview-plots-region .standalone-plot-viewer-holder .plot-controls-holder {
    text-align: right;
    padding-right: 65px; }
  #dim-reduce-app-region #results-preview-plots-region .standalone-plot-viewer-holder .z-label-holder {
    margin-top: -21px;
    padding-bottom: 7px; }
#dim-reduce-app-region #population-region .box .body, #dim-reduce-app-region #clustering-channels-region .box .body {
  height: 364px;
  font-size: 16px; }
#dim-reduce-app-region > h5 {
  display: inline-block;
  width: 100% !important;
  font-size: 16px;
  padding-left: 23px; }
#dim-reduce-app-region .analysis-settings-holder {
  margin: 17px 0 -7px 0;
  padding: 16px 37px 26px 37px; }
#dim-reduce-app-region #actual-num-events-to-sample {
  font-weight: bold; }
#dim-reduce-app-region .fancy-selects-holder {
  padding: 5px 33px 5px 0; }

.fancy-select-widget.file-sampling-version.two-column-version .box-wrap .box {
  width: 64.5em; }
.fancy-select-widget.file-sampling-version .visible-list {
  width: 100% !important; }
.fancy-select-widget.file-sampling-version thead {
  background: unset; }
.fancy-select-widget.file-sampling-version .box-wrap .box {
  width: 76em; }
  .fancy-select-widget.file-sampling-version .box-wrap .box .body {
    height: 26em; }
  .fancy-select-widget.file-sampling-version .box-wrap .box table {
    cursor: pointer;
    font-size: 1.15em !important;
    table-layout: fixed; }
    .fancy-select-widget.file-sampling-version .box-wrap .box table thead {
      border-bottom: 1px solid grey; }
    .fancy-select-widget.file-sampling-version .box-wrap .box table tfoot {
      padding-top: 3px; }
      .fancy-select-widget.file-sampling-version .box-wrap .box table tfoot td:nth-child(2) {
        text-align: right; }
      .fancy-select-widget.file-sampling-version .box-wrap .box table tfoot td:not(:nth-child(1), :nth-child(2)) {
        border-top: 1px solid grey; }
      .fancy-select-widget.file-sampling-version .box-wrap .box table tfoot td:last-child {
        font-weight: bold; }
    .fancy-select-widget.file-sampling-version .box-wrap .box table th {
      text-align: left;
      border: none;
      padding: 0 0 0.1em 0.5em; }
      .fancy-select-widget.file-sampling-version .box-wrap .box table th:nth-child(1) {
        width: 370px;
        word-break: break-all; }
    .fancy-select-widget.file-sampling-version .box-wrap .box table td {
      border: none;
      padding: 0.2em 0.5em; }
      .fancy-select-widget.file-sampling-version .box-wrap .box table td:nth-child(1) {
        width: 20px; }
        .fancy-select-widget.file-sampling-version .box-wrap .box table td:nth-child(1).checkbox-td:hover {
          background: #b7dbff; }
          .fancy-select-widget.file-sampling-version .box-wrap .box table td:nth-child(1).checkbox-td:hover .icomoon-icon {
            color: #15336e; }
      .fancy-select-widget.file-sampling-version .box-wrap .box table td:nth-child(2) {
        width: 350px;
        word-break: break-all; }
    .fancy-select-widget.file-sampling-version .box-wrap .box table th, .fancy-select-widget.file-sampling-version .box-wrap .box table td {
      width: 100px;
      word-wrap: break-word; }
    .fancy-select-widget.file-sampling-version .box-wrap .box table.selected-files-table {
      margin-bottom: 2em; }
      .fancy-select-widget.file-sampling-version .box-wrap .box table.selected-files-table .icomoon-icon {
        opacity: 0.7; }
    .fancy-select-widget.file-sampling-version .box-wrap .box table.unselected-files-table {
      color: #a0a0a0; }
      .fancy-select-widget.file-sampling-version .box-wrap .box table.unselected-files-table .icomoon-icon {
        color: #a0a0a0; }
      .fancy-select-widget.file-sampling-version .box-wrap .box table.unselected-files-table thead {
        border-bottom-color: #a0a0a0; }
      .fancy-select-widget.file-sampling-version .box-wrap .box table.unselected-files-table th {
        border-bottom: none; }
.fancy-select-widget.statistics-channels-select {
  overflow: hidden;
  max-height: 225px;
  -webkit-transition: max-height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: max-height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: max-height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: max-height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: max-height 400ms cubic-bezier(0.23, 1, 0.32, 1); }
  .fancy-select-widget.statistics-channels-select.dont-show {
    max-height: 0px; }

.advanced-analysis-app > div {
  display: inline-block;
  margin-top: 13px;
  margin-left: 29px;
  width: 100%; }
  .advanced-analysis-app > div #analysis-name {
    padding: 2px 10px 3px 11px;
    border: 1px solid #cfcfcf;
    background: white;
    border-radius: 5px;
    cursor: pointer; }
    .advanced-analysis-app > div #analysis-name .icon-pencil {
      font-size: 14px;
      padding-left: 14px;
      opacity: 0.7; }
    .advanced-analysis-app > div #analysis-name:hover:not(.frozen) {
      box-shadow: 0 0 2pt 1pt #5a7998; }
      .advanced-analysis-app > div #analysis-name:hover:not(.frozen) .icon-pencil {
        opacity: 1; }
    .advanced-analysis-app > div #analysis-name input {
      outline: none !important;
      box-shadow: none; }
    .advanced-analysis-app > div #analysis-name .click-to-edit:hover {
      box-shadow: none !important; }
.advanced-analysis-app #finished-algo-info {
  margin-bottom: 4em; }
  .advanced-analysis-app #finished-algo-info .compare-analysis-results-link-row td {
    text-align: center !important; }
    .advanced-analysis-app #finished-algo-info .compare-analysis-results-link-row td a {
      padding: 0 10px 0 10px;
      border-bottom: 1px solid transparent; }
      .advanced-analysis-app #finished-algo-info .compare-analysis-results-link-row td a:hover {
        border-bottom-color: #1758AC; }
  .advanced-analysis-app #finished-algo-info .standalone-plot-viewer-holder {
    padding-right: 14px; }
    .advanced-analysis-app #finished-algo-info .standalone-plot-viewer-holder .plot-image-and-axes-holder {
      margin-right: -50px; }
  .advanced-analysis-app #finished-algo-info table td {
    border: none; }
    .advanced-analysis-app #finished-algo-info table td:first-child {
      text-align: right; }
.advanced-analysis-app .radio-input-widget .icon-info {
  font-size: 15px;
  margin-left: 2px; }
.advanced-analysis-app #events-per-file, .advanced-analysis-app #desired-total-events {
  display: inline-block; }
.advanced-analysis-app #event-count-holder {
  background: #f1f4ffba;
  min-height: 4.6em;
  float: left;
  font-size: 1.6em;
  border: 1px solid #4585c5;
  padding: 0.4em 2em 0.6em 2em;
  line-height: 2em;
  width: 36em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .advanced-analysis-app #event-count-holder #event-count-warning-holder {
    line-height: 1.3em;
    margin-top: 0.5em;
    padding-bottom: 1em; }
.advanced-analysis-app #peaco-qc-analysis-app .analysis-settings-holder {
  margin-left: 0; }
  .advanced-analysis-app #peaco-qc-analysis-app .analysis-settings-holder label {
    font-size: 1.5em;
    line-height: 1.7em; }
  .advanced-analysis-app #peaco-qc-analysis-app .analysis-settings-holder #max-bins, .advanced-analysis-app #peaco-qc-analysis-app .analysis-settings-holder #mad, .advanced-analysis-app #peaco-qc-analysis-app .analysis-settings-holder #it-limit, .advanced-analysis-app #peaco-qc-analysis-app .analysis-settings-holder #consecutive-bins {
    font-size: 1.5em;
    margin-left: 1.5em; }
  .advanced-analysis-app #peaco-qc-analysis-app .analysis-settings-holder #remove-margin-section {
    width: fit-content; }
    .advanced-analysis-app #peaco-qc-analysis-app .analysis-settings-holder #remove-margin-section #use-scales-region {
      margin-left: 20px; }
  .advanced-analysis-app #peaco-qc-analysis-app .analysis-settings-holder input[type='radio'] {
    vertical-align: unset; }
.advanced-analysis-app #peaco-qc-analysis-app #finished-algo-info {
  margin-left: 2.1em;
  display: none;
  width: fit-content;
  min-width: calc(42% - 60px); }
  .advanced-analysis-app #peaco-qc-analysis-app #finished-algo-info div {
    font-size: 1.5em; }
    .advanced-analysis-app #peaco-qc-analysis-app #finished-algo-info div li {
      list-style: disc; }
      .advanced-analysis-app #peaco-qc-analysis-app #finished-algo-info div li:first-child {
        margin-top: 10px; }

.analysis-subtype-list {
  padding-left: 8px;
  font-size: 14px; }
  .analysis-subtype-list li input {
    cursor: pointer; }
  .analysis-subtype-list li label {
    cursor: pointer;
    padding: 5px 3px;
    width: 400px;
    display: inline-block;
    border-radius: 0 10px 10px 0; }
    .analysis-subtype-list li label:hover {
      background: #ddeeff; }
    .analysis-subtype-list li label .icomoon-icon {
      font-size: 20px;
      color: #002758;
      padding-right: 4px;
      vertical-align: -2px; }
      .analysis-subtype-list li label .icomoon-icon.icon-gate-hammer, .analysis-subtype-list li label .icomoon-icon.icon-gate-wand {
        font-size: 22px; }

#analysis-plots-region {
  padding: 2em 0.2em 0.2em 2em; }
  #analysis-plots-region .standalone-plot-viewer-holder {
    display: inline-block;
    padding: 1em 0 1em 3em; }
    #analysis-plots-region .standalone-plot-viewer-holder .dropdown-toggle {
      border-color: transparent; }
      #analysis-plots-region .standalone-plot-viewer-holder .dropdown-toggle .filter-option-inner-inner {
        text-align: center; }
      #analysis-plots-region .standalone-plot-viewer-holder .dropdown-toggle .bs-caret {
        opacity: 0; }
      #analysis-plots-region .standalone-plot-viewer-holder .dropdown-toggle:hover .bs-caret {
        opacity: 0.8; }
    #analysis-plots-region .standalone-plot-viewer-holder .x-label-holder {
      right: unset;
      left: 21px; }
      #analysis-plots-region .standalone-plot-viewer-holder .x-label-holder .x-channel {
        width: 291px; }
    #analysis-plots-region .standalone-plot-viewer-holder .y-label-holder {
      top: 139px;
      left: -159px; }
      #analysis-plots-region .standalone-plot-viewer-holder .y-label-holder .y-channel {
        width: 291px; }

#compare-dim-reduce-analyses-modal .information-table td {
  position: relative; }
  #compare-dim-reduce-analyses-modal .information-table td .checkbox-holder {
    padding-left: 8px; }
  #compare-dim-reduce-analyses-modal .information-table td .name-and-icon-holder {
    width: 169px;
    display: block;
    margin-left: -15px; }
#compare-dim-reduce-analyses-modal .multi-linker-dropdown {
  position: absolute;
  right: 14px;
  top: 8px; }
  #compare-dim-reduce-analyses-modal .multi-linker-dropdown .round-icon-button {
    opacity: 0.8; }
#compare-dim-reduce-analyses-modal .standalone-plot-viewer-holder {
  padding: 0 38px 15px 0; }
  #compare-dim-reduce-analyses-modal .standalone-plot-viewer-holder .standalone-plot-image-holder {
    margin-bottom: 0; }
  #compare-dim-reduce-analyses-modal .standalone-plot-viewer-holder .plot-image-and-axes-holder {
    z-index: 2; }
  #compare-dim-reduce-analyses-modal .standalone-plot-viewer-holder .x-axis, #compare-dim-reduce-analyses-modal .standalone-plot-viewer-holder .y-axis {
    text-align: center;
    font-size: 19px;
    z-index: 1; }
  #compare-dim-reduce-analyses-modal .standalone-plot-viewer-holder .x-axis {
    position: absolute;
    bottom: 18px;
    width: 301px;
    left: 14px; }
  #compare-dim-reduce-analyses-modal .standalone-plot-viewer-holder .y-axis {
    transform: rotate(270deg) translate(-45.5%, -168px);
    transform-origin: left;
    -webkit-transform: rotate(270deg) translate(-45.5%, -168px);
    -webkit-transform-origin-x: left;
    -webkit-transform-origin-y: center; }
#compare-dim-reduce-analyses-modal #export-compare-analyses-button {
  position: absolute;
  right: 16px;
  top: 2px;
  cursor: pointer; }
  #compare-dim-reduce-analyses-modal #export-compare-analyses-button .custom-dropdownized {
    font-size: 15px;
    color: #1758AC; }
    #compare-dim-reduce-analyses-modal #export-compare-analyses-button .custom-dropdownized:hover {
      border-bottom-color: transparent !important; }
  #compare-dim-reduce-analyses-modal #export-compare-analyses-button .custom-dropdown-menu {
    width: 250px;
    left: -164px;
    top: 24px;
    cursor: default; }
  #compare-dim-reduce-analyses-modal #export-compare-analyses-button .nice-input {
    background: white;
    width: 163px;
    display: inline-block; }
  #compare-dim-reduce-analyses-modal #export-compare-analyses-button .dropdown {
    width: 69px;
    display: inline-block;
    vertical-align: top; }
    #compare-dim-reduce-analyses-modal #export-compare-analyses-button .dropdown .option-icon {
      margin-right: 4px;
      margin-left: -4px; }
  #compare-dim-reduce-analyses-modal #export-compare-analyses-button .big-download-button {
    width: 139px;
    margin-left: 15px; }
#compare-dim-reduce-analyses-modal .information-table {
  border-left: 1px solid #eaeef3; }
  #compare-dim-reduce-analyses-modal .information-table tbody tr {
    cursor: pointer; }
    #compare-dim-reduce-analyses-modal .information-table tbody tr:active {
      box-shadow: inset 3px 3px 6px 1px rgba(0, 0, 0, 0.125); }
#compare-dim-reduce-analyses-modal .close-button {
  position: absolute;
  top: 0px;
  right: 89px;
  opacity: 0.2;
  cursor: pointer; }
#compare-dim-reduce-analyses-modal .standalone-plot-viewer-holder:hover .close-button {
  opacity: 1; }
#compare-dim-reduce-analyses-modal .frozen-while-loading {
  pointer-events: none;
  opacity: 0.7; }
#compare-dim-reduce-analyses-modal #compare-analyses-spinner {
  position: fixed;
  right: 200px;
  top: 86px;
  opacity: 0; }
  #compare-dim-reduce-analyses-modal #compare-analyses-spinner.shown {
    opacity: 1;
    -webkit-transition: opacity 1200ms ease-in;
    -moz-transition: opacity 1200ms ease-in;
    -o-transition: opacity 1200ms ease-in;
    -ms-transition: opacity 1200ms ease-in;
    transition: opacity 1200ms ease-in; }
#compare-dim-reduce-analyses-modal .palette-gradient {
  height: 13px;
  width: 8em;
  margin-left: 7px;
  margin-bottom: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
#compare-dim-reduce-analyses-modal .filter-option-inner-inner .palette-gradient {
  display: none; }
#compare-dim-reduce-analyses-modal #extra-compare-settings-link {
  display: block;
  font-size: 14px;
  margin-bottom: 6px;
  border-bottom: 1px solid transparent; }
  #compare-dim-reduce-analyses-modal #extra-compare-settings-link:hover {
    border-bottom-color: #1758AC; }
#compare-dim-reduce-analyses-modal #compare-analyses-sidebar {
  width: 20em;
  border-right: 1px solid #cacdd0;
  margin: -16px 0 0 -15px;
  padding-top: 16px;
  z-index: 2; }
  #compare-dim-reduce-analyses-modal #compare-analyses-sidebar .filter-input {
    width: 20px;
    margin-left: 2px;
    font-size: 14px;
    font-family: "icomoon", arial, helvetica, clean, sans-serif;
    padding-right: 0;
    padding-left: 5px; }
    #compare-dim-reduce-analyses-modal #compare-analyses-sidebar .filter-input:focus {
      width: 200px; }
  #compare-dim-reduce-analyses-modal #compare-analyses-sidebar > div, #compare-dim-reduce-analyses-modal #compare-analyses-sidebar > a, #compare-dim-reduce-analyses-modal #compare-analyses-sidebar .settings-holder, #compare-dim-reduce-analyses-modal #compare-analyses-sidebar th, #compare-dim-reduce-analyses-modal #compare-analyses-sidebar td:first-child {
    padding-left: 15px; }
#compare-dim-reduce-analyses-modal .settings-holder {
  padding-bottom: 7px; }
  #compare-dim-reduce-analyses-modal .settings-holder label {
    font-weight: bold;
    font-size: 15px; }
  #compare-dim-reduce-analyses-modal .settings-holder .select-widget {
    margin-top: 1px; }
  #compare-dim-reduce-analyses-modal .settings-holder em {
    opacity: 0.5;
    margin-right: 22px;
    float: right; }
  #compare-dim-reduce-analyses-modal .settings-holder:hover em {
    opacity: 1; }

#analysis-page-header-title {
  white-space: nowrap; }
  #analysis-page-header-title .icomoon-icon {
    color: #5a57bd;
    font-size: 18px;
    vertical-align: -2px;
    margin-right: 2px;
    margin-left: -26px;
    padding: 4px 10px;
    border-radius: 14px; }
    #analysis-page-header-title .icomoon-icon.icon-gate-hammer, #analysis-page-header-title .icomoon-icon.icon-gate-wand {
      font-size: 22px; }
    #analysis-page-header-title .icomoon-icon.icon-umap {
      font-size: 19px;
      vertical-align: -2px;
      margin-right: 4px;
      margin-left: -30px; }

#apply-auto-gating-model-modal .bootstrap-select a.dropdown-item {
  white-space: normal; }

.tooltip {
  font-size: 13px;
  z-index: 100000; }

.nice-link {
  color: #0051a3;
  text-decoration: none !important; }
  .nice-link .icomoon-icon, .nice-link .link-icon {
    color: #114477 !important; }
  .nice-link.disabled {
    color: #999;
    cursor: default; }
    .nice-link.disabled:hover, .nice-link.disabled:active, .nice-link.disabled:focus {
      color: #999 !important; }
    .nice-link.disabled .icomoon-icon, .nice-link.disabled .link-icon {
      color: #999 !important; }
  .nice-link:not(.disabled):hover, .nice-link:not(.disabled):focus {
    color: #2B7DE1 !important;
    border-bottom: 2px solid #2B7DE1 !important; }
    .nice-link:not(.disabled):hover .icomoon-icon, .nice-link:not(.disabled):hover .link-icon, .nice-link:not(.disabled):focus .icomoon-icon, .nice-link:not(.disabled):focus .link-icon {
      color: #2B7DE1 !important; }
  .nice-link:not(.disabled):active {
    color: #92C1E9 !important;
    border-bottom: 2px solid #92C1E9 !important; }
    .nice-link:not(.disabled):active .icomoon-icon, .nice-link:not(.disabled):active .link-icon {
      color: #92C1E9 !important; }

.wrapped-body {
  background: white;
  width: calc(100% - 60px);
  min-width: 93em;
  padding: 4px 30px 0 30px;
  margin-top: -21px;
  margin-bottom: 10vh;
  min-height: 70vh;
  border: 1px solid #BBB;
  border-top-color: transparent;
  float: left;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -o-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px; }
  .wrapped-body.no_margin {
    min-width: 1100px;
    width: calc(100% + 21px) !important;
    margin-left: -30px;
    padding-left: 34px; }
  .wrapped-body.no-border-or-background {
    background: none;
    border: none; }
  .wrapped-body.blue-background {
    background: #DEECF9; }
  .wrapped-body.analysis-setup {
    background: #f7f7f7; }
  .wrapped-body.motds {
    min-width: 83em; }
  .wrapped-body .padded-box {
    padding: 2em 2em 0em 2em; }
  .wrapped-body #side-list {
    position: absolute;
    left: 0px;
    top: -1px;
    width: 40px; }
    .wrapped-body #side-list.fixed-side-list {
      position: fixed;
      top: 73px; }
      .wrapped-body #side-list.fixed-side-list.higher {
        top: 25px; }
    .wrapped-body #side-list li {
      height: 50px;
      border-top: 1px solid #BBB;
      position: relative;
      margin-top: -1px;
      background-color: #F7F8FC;
      -webkit-transition: background-color 160ms ease-out;
      -moz-transition: background-color 160ms ease-out;
      -o-transition: background-color 160ms ease-out;
      -ms-transition: background-color 160ms ease-out;
      transition: background-color 160ms ease-out; }
      .wrapped-body #side-list li:first-child {
        font-size: 12px;
        opacity: 1;
        -webkit-transition: opacity 160ms ease-out;
        -moz-transition: opacity 160ms ease-out;
        -o-transition: opacity 160ms ease-out;
        -ms-transition: opacity 160ms ease-out;
        transition: opacity 160ms ease-out; }
        .wrapped-body #side-list li:first-child.active-state {
          opacity: 0.2; }
        .wrapped-body #side-list li:first-child i.icomoon-icon {
          font-size: 11px !important;
          top: 5px; }
          .wrapped-body #side-list li:first-child i.icomoon-icon:icon-arrow-up {
            font-size: 12px !important;
            left: 20px; }
      .wrapped-body #side-list li i {
        position: absolute;
        top: 5px;
        font-size: 20px !important;
        width: 100%;
        text-align: center; }
      .wrapped-body #side-list li span {
        position: absolute;
        bottom: 5px;
        width: 100%;
        text-align: center;
        font-size: 12px;
        font-weight: normal !important; }
  .wrapped-body .centered-box {
    background: white;
    display: block;
    width: 100%;
    min-width: 50em !important;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #BBB;
    margin-top: -0.5em;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px; }
  .wrapped-body .extra-padding {
    padding-top: 2em;
    padding-bottom: 2em; }
  .wrapped-body #left-main-content {
    margin-right: 244px; }
    .wrapped-body #left-main-content .getting-started-box {
      margin-top: 0px; }
  .wrapped-body .right-sidebar {
    float: right !important;
    padding-right: 0;
    margin-right: -11px; }
    .wrapped-body .right-sidebar .nice-button.small > a {
      line-height: 15px !important;
      padding-left: 0 !important;
      display: inline !important;
      color: #323336 !important; }
      .wrapped-body .right-sidebar .nice-button.small > a:hover, .wrapped-body .right-sidebar .nice-button.small > a:active {
        color: #323336 !important;
        background: inherit !important; }
  .wrapped-body #sidebar {
    width: 23.0769em;
    padding: 0 1em 5em 1em;
    float: left; }
    .wrapped-body #sidebar .content-box {
      margin: 1em 0em; }
      .wrapped-body #sidebar .content-box h3 {
        width: 16.6em; }
    .wrapped-body #sidebar.dose-response-sidebar .content-box {
      width: 22.65em; }
      .wrapped-body #sidebar.dose-response-sidebar .content-box h3 {
        width: 16.1em; }
  .wrapped-body .central-content {
    float: left;
    width: calc(100% - 26em); }
  .wrapped-body .workspace {
    vertical-align: top;
    width: auto; }
    .wrapped-body .workspace #dimensions .box .body {
      border-top-width: 0px !important; }
    .wrapped-body .workspace #dimensions .box h3 {
      height: 18px;
      margin-bottom: 0;
      padding-left: 8px;
      width: 14.9em !important;
      -webkit-border-radius: 5px 5px 0px 0px;
      -moz-border-radius: 5px 5px 0px 0px;
      -o-border-radius: 5px 5px 0px 0px;
      border-radius: 5px 5px 0px 0px; }

.nice-subtle-menu-button {
  -webkit-transition: background-color 160ms ease-out;
  -moz-transition: background-color 160ms ease-out;
  -o-transition: background-color 160ms ease-out;
  -ms-transition: background-color 160ms ease-out;
  transition: background-color 160ms ease-out; }
  .nice-subtle-menu-button:not(.active-state) {
    cursor: pointer; }
  .nice-subtle-menu-button:hover, .nice-subtle-menu-button:active, .nice-subtle-menu-button.active-state {
    background-color: #E9F4FF !important; }
  .nice-subtle-menu-button:hover:not(.active-state) i {
    color: #4488CC; }
  .nice-subtle-menu-button:active:not(.active-state) {
    background-color: #F7F8FC;
    box-shadow: inset 3px 3px 6px 1px rgba(0, 0, 0, 0.125); }

#progressbar {
  height: 2.5em;
  margin-bottom: 6px;
  background: linear-gradient(to bottom right, white, #f4f9ff); }
  #progressbar .ui-progressbar-value {
    background-color: #ACE !important;
    margin: 0; }

.lightbox-blocker {
  position: absolute;
  top: 0px;
  left: 0px;
  background: #181818;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1108; }
  .lightbox-blocker .player-holder {
    text-align: center; }

.lightbox-video {
  overflow: hidden;
  width: 140px; }
  .lightbox-video .thumbnail img {
    border: 1px solid #666; }
  .lightbox-video .title {
    font-weight: normal;
    font-size: 90%;
    color: #666;
    padding: 0;
    background: 0;
    text-align: center;
    height: 1.2em;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.gravatar-img {
  border: 1px solid #8B9DAD;
  background: #c5c5c5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .gravatar-img.size-20 {
    height: 20px;
    width: 20px; }
  .gravatar-img.size-50 {
    height: 50px;
    width: 50px; }

a:hover .gravatar-img {
  border-color: #1D4B7A; }

a:active .gravatar-img {
  border-color: #ACE; }

.gravatar-user-link, .gravatar-img-text {
  position: relative;
  padding: 2px 4px 0px 4px !important;
  text-decoration: none !important;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: background-color 160ms ease-out;
  -moz-transition: background-color 160ms ease-out;
  -o-transition: background-color 160ms ease-out;
  -ms-transition: background-color 160ms ease-out;
  transition: background-color 160ms ease-out; }
  .gravatar-user-link span, .gravatar-img-text span {
    white-space: nowrap;
    text-decoration: none;
    padding-left: 4px; }

.gravatar-user-link:not(.non-link-version):hover {
  background: #ACE;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
.gravatar-user-link:not(.non-link-version):active {
  color: white;
  background: #1758AC; }

.gravatar-holder {
  text-align: center; }

.hidden-editable form {
  display: inline; }

.draggable {
  cursor: move; }

.hidden-div {
  display: none; }

.more-hidden {
  display: none; }

.more-ellipsis, .more-hidden {
  float: none !important; }

.more-ellipsis {
  padding-left: 2px; }

.ellipsis-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.pace-inactive {
  visibility: hidden; }

.pace .pace-progress {
  background: #4488CC;
  position: fixed;
  z-index: 20000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 1px; }

.in-construction {
  background-image: url("../images/in_construction.png");
  min-height: 10em;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  padding-top: 18%;
  font-size: 14px;
  opacity: 0.7; }
  .in-construction .construction-message {
    border: 1px solid black;
    background: white;
    text-align: center;
    height: 2em;
    padding: 0.5em;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .in-construction .construction-message::before {
      content: "IN CONSTRUCTION: "; }

.fade-in-after-load {
  opacity: 0;
  -webkit-transition: opacity 160ms ease-out;
  -moz-transition: opacity 160ms ease-out;
  -o-transition: opacity 160ms ease-out;
  -ms-transition: opacity 160ms ease-out;
  transition: opacity 160ms ease-out; }
  .fade-in-after-load.loaded {
    opacity: 1; }

.standalone-plot-viewer-holder {
  font-size: 13px; }
  .standalone-plot-viewer-holder label {
    font-size: 14px;
    font-weight: bold;
    padding-right: 1px; }
  .standalone-plot-viewer-holder .channel-controls-holder {
    margin: 0 0 0 50px !important; }
    .standalone-plot-viewer-holder .channel-controls-holder select {
      width: 14em; }
  .standalone-plot-viewer-holder .fcs-file-buttons-holder .group-button-middle, .standalone-plot-viewer-holder .fcs-file-buttons-holder .group-button-right {
    margin-left: -2px !important; }
  .standalone-plot-viewer-holder .fcs-file-buttons-holder button {
    width: 2.7em;
    padding: 1px 6px 1px 6px !important;
    border-top: none;
    height: 22px; }
    .standalone-plot-viewer-holder .fcs-file-buttons-holder button:not(:first-child) {
      margin-left: -2px !important; }

.standalone-plot-viewer-holder, .pairwise-plot-viewer-holder {
  position: relative; }
  .standalone-plot-viewer-holder .pairwise-plot-view-link, .pairwise-plot-viewer-holder .pairwise-plot-view-link {
    font-size: 16px;
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 0px;
    color: #1758AC !important;
    text-decoration: none;
    cursor: pointer;
    padding: 0px;
    text-align: left;
    width: 200px;
    background: #fafcff; }
  .standalone-plot-viewer-holder .pairwise-plot-view-link:hover, .pairwise-plot-viewer-holder .pairwise-plot-view-link:hover {
    border-bottom: none;
    font-weight: bold; }
  .standalone-plot-viewer-holder .pairwise-plot-view-btn.disabled, .pairwise-plot-viewer-holder .pairwise-plot-view-btn.disabled {
    color: #bbbbbb; }
  .standalone-plot-viewer-holder .title, .pairwise-plot-viewer-holder .title {
    text-align: center;
    margin: 0;
    font-size: 17px; }
    .standalone-plot-viewer-holder .title.z-plot, .pairwise-plot-viewer-holder .title.z-plot {
      padding-left: 11px;
      padding-right: 59px;
      max-width: 301px; }
  .standalone-plot-viewer-holder.has-error .x-axis, .standalone-plot-viewer-holder.has-error .y-axis, .pairwise-plot-viewer-holder.has-error .x-axis, .pairwise-plot-viewer-holder.has-error .y-axis {
    opacity: 0; }
  .standalone-plot-viewer-holder .spinner-holder, .pairwise-plot-viewer-holder .spinner-holder {
    position: absolute;
    top: 38%;
    right: 51%;
    z-index: 10; }
    .standalone-plot-viewer-holder .spinner-holder .spinning-icon, .pairwise-plot-viewer-holder .spinner-holder .spinning-icon {
      color: #7a99b7; }
    .standalone-plot-viewer-holder .spinner-holder.shown, .pairwise-plot-viewer-holder .spinner-holder.shown {
      opacity: 1;
      -webkit-transition: opacity 1200ms ease-in;
      -moz-transition: opacity 1200ms ease-in;
      -o-transition: opacity 1200ms ease-in;
      -ms-transition: opacity 1200ms ease-in;
      transition: opacity 1200ms ease-in; }
  .standalone-plot-viewer-holder .standalone-plot-image-holder.z-plot .spinner-holder, .pairwise-plot-viewer-holder .standalone-plot-image-holder.z-plot .spinner-holder {
    right: 59%; }
  .standalone-plot-viewer-holder .fcs-file-selector-holder, .pairwise-plot-viewer-holder .fcs-file-selector-holder {
    width: 320px;
    text-align: right;
    font-size: 12px; }
    .standalone-plot-viewer-holder .fcs-file-selector-holder label, .pairwise-plot-viewer-holder .fcs-file-selector-holder label {
      margin-left: 2em;
      float: left; }
    .standalone-plot-viewer-holder .fcs-file-selector-holder select, .pairwise-plot-viewer-holder .fcs-file-selector-holder select {
      width: 269px;
      margin-right: 6px; }
    .standalone-plot-viewer-holder .fcs-file-selector-holder .bootstrap-select .dropdown-menu ul li a, .pairwise-plot-viewer-holder .fcs-file-selector-holder .bootstrap-select .dropdown-menu ul li a {
      padding-left: 15px; }
  .standalone-plot-viewer-holder .fcs-file-buttons-holder, .pairwise-plot-viewer-holder .fcs-file-buttons-holder {
    margin-right: 61px !important;
    text-align: right; }
  .standalone-plot-viewer-holder .plot-image, .pairwise-plot-viewer-holder .plot-image {
    min-height: 320px; }
    .standalone-plot-viewer-holder .plot-image.loading, .pairwise-plot-viewer-holder .plot-image.loading {
      opacity: 0.2; }
  .standalone-plot-viewer-holder .slider-space, .pairwise-plot-viewer-holder .slider-space {
    margin-top: 30px !important; }
  .standalone-plot-viewer-holder .plot-image-and-axes-holder, .pairwise-plot-viewer-holder .plot-image-and-axes-holder {
    position: relative;
    display: inline-block;
    float: right; }
    .standalone-plot-viewer-holder .plot-image-and-axes-holder .shown, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .shown {
      display: flex !important;
      justify-content: center;
      align-items: center; }
    .standalone-plot-viewer-holder .plot-image-and-axes-holder .spinner-holder, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .spinner-holder {
      width: 310px;
      height: 310px;
      top: 0px;
      left: 10px;
      z-index: 11;
      background-color: transparent;
      display: none; }
    .standalone-plot-viewer-holder .plot-image-and-axes-holder .slider-show, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .slider-show {
      display: block; }
    .standalone-plot-viewer-holder .plot-image-and-axes-holder .slider-hide, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .slider-hide {
      display: none; }
    .standalone-plot-viewer-holder .plot-image-and-axes-holder .heatmap-placeholder, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .heatmap-placeholder {
      display: none;
      position: absolute;
      top: 10em;
      left: 8em; }
      .standalone-plot-viewer-holder .plot-image-and-axes-holder .heatmap-placeholder .icon-heatmap, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .heatmap-placeholder .icon-heatmap {
        font-size: 64px;
        color: #586f8c; }
    .standalone-plot-viewer-holder .plot-image-and-axes-holder .plot-image-placeholder, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .plot-image-placeholder {
      width: 351px !important;
      height: 342px; }
    .standalone-plot-viewer-holder .plot-image-and-axes-holder .x-label-holder, .standalone-plot-viewer-holder .plot-image-and-axes-holder .y-label-holder, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .x-label-holder, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .y-label-holder {
      position: absolute; }
      .standalone-plot-viewer-holder .plot-image-and-axes-holder .x-label-holder .dropdown-toggle, .standalone-plot-viewer-holder .plot-image-and-axes-holder .y-label-holder .dropdown-toggle, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .x-label-holder .dropdown-toggle, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .y-label-holder .dropdown-toggle {
        font-size: 16px;
        font-weight: bold;
        font-family: 'Lato', 'Lato-local', Arial, sans-serif; }
    .standalone-plot-viewer-holder .plot-image-and-axes-holder .x-label-holder, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .x-label-holder {
      right: 50px;
      top: 319px;
      font-size: 18px;
      font-weight: bold; }
    .standalone-plot-viewer-holder .plot-image-and-axes-holder .y-label-holder, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .y-label-holder {
      top: 152px;
      left: -124px;
      font-size: 18px;
      font-weight: bold;
      width: 1px;
      height: 1px; }
    .standalone-plot-viewer-holder .plot-image-and-axes-holder .slider-container.disabled, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .slider-container.disabled {
      opacity: 0.2;
      pointer-events: none; }
      .standalone-plot-viewer-holder .plot-image-and-axes-holder .slider-container.disabled .ui-slider-handle, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .slider-container.disabled .ui-slider-handle {
        display: none; }
    .standalone-plot-viewer-holder .plot-image-and-axes-holder .horizontal-slider-container, .standalone-plot-viewer-holder .plot-image-and-axes-holder .vertical-slider-container, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .horizontal-slider-container, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .vertical-slider-container {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .standalone-plot-viewer-holder .plot-image-and-axes-holder .horizontal-slider-container .icon-slider, .standalone-plot-viewer-holder .plot-image-and-axes-holder .vertical-slider-container .icon-slider, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .horizontal-slider-container .icon-slider, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .vertical-slider-container .icon-slider {
        cursor: pointer;
        display: inline-block;
        transform: scale(1.5);
        -webkit-transform: scale(1.5); }
      .standalone-plot-viewer-holder .plot-image-and-axes-holder .horizontal-slider-container .icon-slider::before, .standalone-plot-viewer-holder .plot-image-and-axes-holder .vertical-slider-container .icon-slider::before, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .horizontal-slider-container .icon-slider::before, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .vertical-slider-container .icon-slider::before {
        font-size: 16px;
        color: #bbbbbb; }
      .standalone-plot-viewer-holder .plot-image-and-axes-holder .horizontal-slider-container .ui-slider-handle, .standalone-plot-viewer-holder .plot-image-and-axes-holder .vertical-slider-container .ui-slider-handle, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .horizontal-slider-container .ui-slider-handle, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .vertical-slider-container .ui-slider-handle {
        width: 12px;
        height: 12px;
        border-radius: 50%; }
    .standalone-plot-viewer-holder .plot-image-and-axes-holder .horizontal-slider-container, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .horizontal-slider-container {
      position: absolute;
      left: 32px;
      top: -25px;
      z-index: 2; }
      .standalone-plot-viewer-holder .plot-image-and-axes-holder .horizontal-slider-container .horizontal-slider, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .horizontal-slider-container .horizontal-slider {
        width: 240px;
        height: 0px;
        margin: 0px 6px;
        border: 2.5px solid #bbbbbb;
        background-color: #bbbbbb; }
        .standalone-plot-viewer-holder .plot-image-and-axes-holder .horizontal-slider-container .horizontal-slider .ui-slider-handle, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .horizontal-slider-container .horizontal-slider .ui-slider-handle {
          top: -7px;
          margin-left: -5px; }
    .standalone-plot-viewer-holder .plot-image-and-axes-holder .vertical-slider-container, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .vertical-slider-container {
      flex-flow: column nowrap;
      position: absolute;
      z-index: 2;
      right: -20px;
      top: 2px; }
      .standalone-plot-viewer-holder .plot-image-and-axes-holder .vertical-slider-container .vertical-slider, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .vertical-slider-container .vertical-slider {
        width: 0px;
        height: 240px;
        margin: 6px 6px;
        border: 2.5px solid #bbbbbb;
        background-color: #bbbbbb; }
        .standalone-plot-viewer-holder .plot-image-and-axes-holder .vertical-slider-container .vertical-slider .ui-slider-handle, .pairwise-plot-viewer-holder .plot-image-and-axes-holder .vertical-slider-container .vertical-slider .ui-slider-handle {
          margin-left: -3px; }
  .standalone-plot-viewer-holder .standalone-plot-image-holder, .pairwise-plot-viewer-holder .standalone-plot-image-holder {
    position: relative;
    text-align: right;
    margin-bottom: 42px; }
    .standalone-plot-viewer-holder .standalone-plot-image-holder .spinner, .pairwise-plot-viewer-holder .standalone-plot-image-holder .spinner {
      z-index: 9 !important; }
    .standalone-plot-viewer-holder .standalone-plot-image-holder .error-message, .standalone-plot-viewer-holder .standalone-plot-image-holder .loading-spinner-holder, .pairwise-plot-viewer-holder .standalone-plot-image-holder .error-message, .pairwise-plot-viewer-holder .standalone-plot-image-holder .loading-spinner-holder {
      height: 156px;
      width: 210px;
      display: block;
      margin: 40px;
      padding: 40px;
      text-align: center; }
    .standalone-plot-viewer-holder .standalone-plot-image-holder .plot-image, .pairwise-plot-viewer-holder .standalone-plot-image-holder .plot-image {
      min-height: 316px;
      height: 316px;
      width: unset; }
    .standalone-plot-viewer-holder .standalone-plot-image-holder.fractional-aspect-ratio .plot-image, .pairwise-plot-viewer-holder .standalone-plot-image-holder.fractional-aspect-ratio .plot-image {
      min-height: unset;
      height: unset !important;
      width: 316px; }
    .standalone-plot-viewer-holder .standalone-plot-image-holder.y-histogram .plot-image, .pairwise-plot-viewer-holder .standalone-plot-image-holder.y-histogram .plot-image {
      min-height: unset;
      height: unset !important;
      width: 316px; }
    .standalone-plot-viewer-holder .standalone-plot-image-holder.y-histogram.fractional-aspect-ratio .plot-image, .pairwise-plot-viewer-holder .standalone-plot-image-holder.y-histogram.fractional-aspect-ratio .plot-image {
      min-height: 316px !important;
      height: 316px !important;
      width: unset !important; }
  .standalone-plot-viewer-holder .plot-controls-holder, .pairwise-plot-viewer-holder .plot-controls-holder {
    text-align: right;
    margin-bottom: 0px !important; }
    .standalone-plot-viewer-holder .plot-controls-holder select, .pairwise-plot-viewer-holder .plot-controls-holder select {
      width: 15em; }

.x-label-holder .dropdown-toggle, .y-label-holder .dropdown-toggle {
  font-size: 16px;
  font-weight: bold;
  font-family: 'Lato', 'Lato-local', Arial, sans-serif; }

.y-label-holder .bootstrap-select.y-channel {
  pointer-events: none; }
  .y-label-holder .bootstrap-select.y-channel .dropdown-toggle {
    pointer-events: all;
    transform: rotate(270deg);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .y-label-holder .bootstrap-select.y-channel .dropdown-menu.open {
    pointer-events: all;
    top: -65px;
    border-top: 1px solid #b5b5b5;
    min-height: 252px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }

pre.preformatted-text {
  line-height: 1.2em;
  font-family: inherit;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap; }

.force-scrollbars::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px; }
.force-scrollbars::-webkit-scrollbar-thumb {
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  background-color: rgba(0, 0, 0, 0.175); }
  .force-scrollbars::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.4); }
.force-scrollbars::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 3px; }

#modals-holder, #html-modals-holder {
  position: absolute;
  width: 100%; }
  #modals-holder .modal-content-holder, #html-modals-holder .modal-content-holder {
    display: none; }
  #modals-holder .modal-body .offer-two-choices-option, #html-modals-holder .modal-body .offer-two-choices-option {
    margin-right: 5px; }

#dialogs-holder {
  display: none;
  min-height: 60px !important; }
  #dialogs-holder .dialog-msg {
    text-align: left; }

#spinner-holder {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100%;
  z-index: 999;
  background-color: rgba(180, 180, 180, 0.6); }
  #spinner-holder .spinner-bg {
    margin: 0;
    position: absolute;
    top: 35%;
    left: 50%;
    -ms-transform: translate(-50%);
    transform: translate(-50%); }

#nested-modals-holder {
  width: 100%;
  position: absolute;
  z-index: 99999; }
  #nested-modals-holder > div > .modal.fade.in {
    left: 0 !important;
    background: #00000085;
    margin-left: auto;
    margin-right: auto; }

.info-icon-link {
  cursor: help !important; }
  .info-icon-link:hover, .info-icon-link:active {
    text-decoration: none !important; }
  .info-icon-link i {
    margin-left: 2px; }
  .info-icon-link, .info-icon-link i {
    cursor: help !important;
    color: #a08e06 !important; }
    .info-icon-link:hover, .info-icon-link i:hover {
      color: #D4AA0E !important; }
    .info-icon-link:active, .info-icon-link i:active {
      color: #A7860E !important; }

.padded-info-link {
  font-size: 16px;
  cursor: help;
  display: inline-block; }
  .padded-info-link i {
    color: #D4AA0E;
    background: #deecf9;
    padding: 5px;
    border-radius: 12px; }
  .padded-info-link:hover i {
    cursor: help;
    color: #A7860E !important;
    background: #fbf8f0 !important; }

.fancy-select-widget .link-ish {
  font-size: 1.2em; }
.fancy-select-widget .body {
  font-size: 1.4em; }
.fancy-select-widget .box h3 a.info-icon-link {
  background: none !important;
  padding: 0 !important;
  margin-top: -3px !important;
  margin-right: -8px !important; }
  .fancy-select-widget .box h3 a.info-icon-link i {
    color: white !important; }
    .fancy-select-widget .box h3 a.info-icon-link i:hover {
      color: #f3ef0d !important; }
    .fancy-select-widget .box h3 a.info-icon-link i:active {
      color: #EECE59 !important; }
.fancy-select-widget.big-font {
  font-size: 12px !important; }
  .fancy-select-widget.big-font .empty-text {
    font-size: 17px !important; }
.fancy-select-widget.medium-tall .box-wrap .box .body {
  height: 16em; }
.fancy-select-widget.medium-tall .visible-list {
  height: 14.2em !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important; }
.fancy-select-widget.extra-wide .box-wrap .box {
  width: 32em; }
  .fancy-select-widget.extra-wide .box-wrap .box .body .selected-dimensions-list a {
    width: 21em !important;
    white-space: normal; }
.fancy-select-widget.extra-tall .visible-list {
  height: 333px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important; }
.fancy-select-widget.extra-tall .box-wrap .box .body {
  height: 26em; }
.fancy-select-widget:not(.frozen-fancy-select):hover {
  background: #f4faff; }
  .fancy-select-widget:not(.frozen-fancy-select):hover .icomoon-icon.icon-checkbox-checked {
    opacity: 1; }
.fancy-select-widget.frozen-fancy-select {
  opacity: 0.9; }
  .fancy-select-widget.frozen-fancy-select .checkbox-td {
    opacity: 0 !important; }
  .fancy-select-widget.frozen-fancy-select .box-wrap .box h3 {
    background-color: #646F77;
    border-color: #646F77; }
  .fancy-select-widget.frozen-fancy-select .box-wrap .box table {
    cursor: default !important; }
  .fancy-select-widget.frozen-fancy-select .box-wrap .box .selected-dimensions-list {
    cursor: default !important; }
    .fancy-select-widget.frozen-fancy-select .box-wrap .box .selected-dimensions-list a {
      cursor: default !important; }
  .fancy-select-widget.frozen-fancy-select .controls, .fancy-select-widget.frozen-fancy-select .body {
    border-color: #646F77 !important; }
  .fancy-select-widget.frozen-fancy-select:not(.show-link-even-when-frozen) .action-buttons {
    display: none; }
.fancy-select-widget .modal {
  display: none; }
.fancy-select-widget .toggle-bar {
  margin: 0.5em 0;
  line-height: 3.25em;
  font-size: 8px; }
  .fancy-select-widget .toggle-bar .dimension-editor {
    margin-left: 2em; }
.fancy-select-widget .update-plots {
  padding: 0.5em 0;
  width: 15em;
  margin: 0 auto; }
.fancy-select-widget #dimension-change-message {
  display: none;
  width: 45em;
  margin: 0 auto;
  color: #3a4; }
  .fancy-select-widget #dimension-change-message input {
    font-size: 1.1em; }
.fancy-select-widget #sortlist {
  list-style-type: none;
  padding: 0 0 0 0;
  position: relative; }
  .fancy-select-widget #sortlist li {
    position: relative;
    float: left;
    padding: 0 0 0 0; }
  .fancy-select-widget #sortlist .ui-state-highlight {
    height: 183px;
    width: 18em;
    background: #EEE;
    border: 1px dashed #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
.fancy-select-widget .box-wrap {
  position: relative;
  float: left; }
  .fancy-select-widget .box-wrap .box {
    position: relative;
    float: left;
    margin: 0.5em;
    width: 23em; }
    .fancy-select-widget .box-wrap .box h3 {
      background-color: #4585c5;
      border-color: #4585c5;
      color: #f4f4f4;
      text-shadow: 1px 1px #333;
      display: block;
      font-size: 15px;
      font-weight: bold;
      height: 21px;
      margin-bottom: 0;
      padding: 0.35em 9px 0.15em 8px;
      width: calc(100% - 17px) !important;
      -webkit-border-radius: 5px 5px 0px 0px;
      -moz-border-radius: 5px 5px 0px 0px;
      -o-border-radius: 5px 5px 0px 0px;
      border-radius: 5px 5px 0px 0px; }
      .fancy-select-widget .box-wrap .box h3 a {
        background-color: #E1E8F1;
        color: #4585c5;
        float: right;
        font-size: 0.9em;
        font-weight: bold;
        margin: -0.2em 0 0 0;
        padding: 0.2em 0.5em 0.25em;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px; }
      .fancy-select-widget .box-wrap .box h3 a:hover {
        text-decoration: underline; }
    .fancy-select-widget .box-wrap .box .body {
      position: relative;
      background-color: #fff;
      border: solid #4585c5 1px;
      border-top-width: 0px !important;
      height: 173px;
      padding: 0;
      overflow: hidden;
      -webkit-border-radius: 0px 0px 5px 5px;
      -moz-border-radius: 0px 0px 5px 5px;
      -o-border-radius: 0px 0px 5px 5px;
      border-radius: 0px 0px 5px 5px; }
      .fancy-select-widget .box-wrap .box .body .selected-dimensions-list {
        width: 100%;
        height: 150px;
        overflow: hidden;
        cursor: pointer; }
        .fancy-select-widget .box-wrap .box .body .selected-dimensions-list .data-dimension-selector {
          display: none; }
        .fancy-select-widget .box-wrap .box .body .selected-dimensions-list .empty-text {
          padding: 45px 39px;
          font-size: 14px;
          color: #9c999c;
          white-space: normal; }
        .fancy-select-widget .box-wrap .box .body .selected-dimensions-list .visible-list {
          width: 94.7%;
          height: 138px;
          padding: 5px;
          overflow: auto;
          margin-bottom: 5em;
          position: absolute; }
          .fancy-select-widget .box-wrap .box .body .selected-dimensions-list .visible-list a {
            display: block;
            text-decoration: none;
            color: #000;
            border: 0;
            border-bottom: 1px dotted #D8D8D8;
            margin-bottom: 3px;
            padding: 2px 5px;
            width: 91% !important; }
          .fancy-select-widget .box-wrap .box .body .selected-dimensions-list .visible-list h4.available-item {
            color: #999;
            margin: 1em 0 0;
            font-size: 1em;
            padding: 0px 5px; }
          .fancy-select-widget .box-wrap .box .body .selected-dimensions-list .visible-list a.available-item {
            border: 0;
            padding: 0px 5px 5px 5px !important;
            margin: 0;
            color: #999; }
      .fancy-select-widget .box-wrap .box .body .message {
        color: #f33;
        padding: 0.5em;
        text-align: center; }
        .fancy-select-widget .box-wrap .box .body .message input {
          margin: 7em 0 0;
          font-size: 0.8em; }
      .fancy-select-widget .box-wrap .box .body .status-text, .fancy-select-widget .box-wrap .box .body .extra-status-text {
        font-size: 16px;
        font-weight: bold;
        padding: 3px 0 9px 0;
        text-align: center;
        background: #EEE;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        position: absolute;
        width: 100%;
        height: 14px;
        bottom: 0; }
        .fancy-select-widget .box-wrap .box .body .status-text.raised-up, .fancy-select-widget .box-wrap .box .body .extra-status-text.raised-up {
          bottom: 26px;
          border-radius: 0 !important; }
  .fancy-select-widget .box-wrap .controls {
    position: relative;
    height: 1.5em;
    background: #EEE;
    padding: 0.25em 0.5em;
    border-left: solid #4585c5 1px;
    border-right: solid #4585c5 1px; }
    .fancy-select-widget .box-wrap .controls .reloading-text {
      font-size: 1.25em;
      margin-left: 7em;
      margin-top: 0.05em;
      opacity: 0;
      -webkit-transition: opacity 130ms ease-out;
      -moz-transition: opacity 130ms ease-out;
      -o-transition: opacity 130ms ease-out;
      -ms-transition: opacity 130ms ease-out;
      transition: opacity 130ms ease-out; }
      .fancy-select-widget .box-wrap .controls .reloading-text.show {
        opacity: 1;
        -webkit-transition: opacity 1200ms ease-out;
        -moz-transition: opacity 1200ms ease-out;
        -o-transition: opacity 1200ms ease-out;
        -ms-transition: opacity 1200ms ease-out;
        transition: opacity 1200ms ease-out; }
    .fancy-select-widget .box-wrap .controls .action-buttons {
      position: absolute;
      top: 3px;
      right: 3px;
      background: #EEE;
      padding-left: 5px;
      font-size: 1.1em; }
      .fancy-select-widget .box-wrap .controls .action-buttons .divider {
        color: #BBB; }
  .fancy-select-widget .box-wrap .empty-dimension h3, .fancy-select-widget .box-wrap .empty-dimension .body {
    border-color: #cc4700;
    border-style: solid;
    border-width: 1px; }
  .fancy-select-widget .box-wrap .empty-dimension .controls {
    border-color: #cc4700; }
  .fancy-select-widget .box-wrap .empty-dimension h3 {
    background-color: #e64500 !important;
    margin-top: 0; }
  .fancy-select-widget .box-wrap .empty-dimension .body {
    overflow: hidden; }
  .fancy-select-widget .box-wrap .empty-dimension .dimension-body {
    height: 100%; }
    .fancy-select-widget .box-wrap .empty-dimension .dimension-body a {
      display: block;
      height: 100%;
      width: 100%;
      font-weight: bold;
      text-decoration: none;
      background-color: #FCF2ED; }
      .fancy-select-widget .box-wrap .empty-dimension .dimension-body a .message {
        padding-top: 27%;
        font-size: 1.2em;
        color: #D43; }
    .fancy-select-widget .box-wrap .empty-dimension .dimension-body a:hover {
      background-color: #fed; }
      .fancy-select-widget .box-wrap .empty-dimension .dimension-body a:hover .message {
        color: blue;
        text-decoration: underline; }
    .fancy-select-widget .box-wrap .empty-dimension .dimension-body a:active {
      background-color: #FCDEC1; }
      .fancy-select-widget .box-wrap .empty-dimension .dimension-body a:active .message {
        color: #D43; }
  .fancy-select-widget .box-wrap .population-empty-dimension .dimension-body {
    padding-top: 0;
    background-color: #FCF2ED; }
    .fancy-select-widget .box-wrap .population-empty-dimension .dimension-body .message {
      color: #dd4433; }
    .fancy-select-widget .box-wrap .population-empty-dimension .dimension-body .visible-list {
      padding: 0 !important;
      width: 100% !important;
      height: 15.5em; }
      .fancy-select-widget .box-wrap .population-empty-dimension .dimension-body .visible-list a.ungated {
        padding: 6px 0 3px 14px !important; }
      .fancy-select-widget .box-wrap .population-empty-dimension .dimension-body .visible-list a.ungated:hover {
        cursor: default; }
    .fancy-select-widget .box-wrap .population-empty-dimension .dimension-body #empty-populations-gating-link {
      background-color: #fcf2ed !important;
      border-bottom: none;
      color: #dd4433;
      font-size: 12px;
      font-weight: bold;
      height: 43%;
      padding-top: 3em; }
    .fancy-select-widget .box-wrap .population-empty-dimension .dimension-body #empty-populations-gating-link:hover {
      background-color: #fed !important; }
      .fancy-select-widget .box-wrap .population-empty-dimension .dimension-body #empty-populations-gating-link:hover .message {
        color: blue;
        text-decoration: underline; }
    .fancy-select-widget .box-wrap .population-empty-dimension .dimension-body #empty-populations-gating-link:active {
      background-color: #FCDEC1 !important; }
      .fancy-select-widget .box-wrap .population-empty-dimension .dimension-body #empty-populations-gating-link:active .message {
        color: #dd4433; }
  .fancy-select-widget .box-wrap .spacer {
    float: left;
    margin-top: 9em;
    text-align: center;
    opacity: 0.5; }
.fancy-select-widget .clear {
  clear: both; }
.fancy-select-widget .dimension-type {
  font-size: 0.8em; }

.box-like-header {
  padding: 10px;
  font-size: 19px;
  background-color: #4585c5;
  color: #f4f4f4;
  text-shadow: 1px 1px #333;
  font-size: 15px;
  font-weight: bold;
  height: 21px;
  padding: 0.35em 9px 0.15em 8px;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -o-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px; }

.display-on-load {
  opacity: 0;
  -webkit-transition: opacity 160ms ease-out;
  -moz-transition: opacity 160ms ease-out;
  -o-transition: opacity 160ms ease-out;
  -ms-transition: opacity 160ms ease-out;
  transition: opacity 160ms ease-out; }
  .display-on-load.loaded {
    opacity: 1; }

.show-if-write-access {
  display: none; }

.nowrap {
  white-space: nowrap; }

.nice-input {
  padding: 5px 7px;
  font-size: 14px;
  border: 1px solid #caced4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .nice-input.minimal {
    cursor: pointer;
    border-color: rgba(0, 0, 0, 0);
    border-bottom: 1px dotted black;
    border-radius: 0; }
    .nice-input.minimal:hover {
      border: 1px solid #0b74da !important;
      background: #eef6ff;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }

.popoverable .popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.popoverable .popover.top {
  margin-top: 1px; }
.popoverable .popover.right {
  margin-left: 10px; }
.popoverable .popover.bottom {
  margin-top: 10px; }
.popoverable .popover.left {
  margin-left: -10px; }
.popoverable .popover > .arrow {
  border-width: 11px; }
.popoverable .popover > .arrow,
.popoverable .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }
.popoverable .popover > .arrow:after {
  content: "";
  border-width: 10px; }
.popoverable .popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0; }
.popoverable .popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #ffffff;
  border-bottom-width: 0; }
.popoverable .popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0; }
.popoverable .popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #ffffff;
  border-left-width: 0; }
.popoverable .popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25); }
.popoverable .popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #ffffff; }
.popoverable .popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
.popoverable .popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #ffffff; }
.popoverable .popover-title {
  padding: 8px 14px 14px 14px;
  display: flex;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }
  .popoverable .popover-title ul li {
    line-height: 1.4em;
    padding-bottom: 1px; }
  .popoverable .popover-title .gravatar-img {
    margin-right: 1em;
    margin-top: auto;
    margin-bottom: auto; }
    .popoverable .popover-title .gravatar-img.size-40 {
      height: 40px; }
.popoverable .popover-content {
  padding: 9px 14px; }
  .popoverable .popover-content ul li a {
    cursor: pointer;
    color: #1758AC; }

.overflowized.highlight-to-open {
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0); }
  .overflowized.highlight-to-open:hover {
    border-color: #Ace;
    background: #f9feff; }

.dropdown .dropdown-toggle.minimal {
  font-family: 'Lato', 'Lato-local', "trebuchet MS", helvetica, sans-serif;
  padding-right: 12px !important;
  border-bottom: 1px dotted black;
  border-radius: 0px; }
  .dropdown .dropdown-toggle.minimal .bs-caret .caret {
    border-top-color: #0c74da;
    border-bottom-color: #0c74da;
    margin-left: 1px; }
  .dropdown .dropdown-toggle.minimal:hover {
    border: 1px solid #0b74da !important;
    background: #eef6ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
.dropdown.success-dropdown {
  border: 1px solid #3A4;
  width: 12em !important;
  text-align: center;
  padding: 6px;
  border-radius: 4px;
  background: #EFE; }
  .dropdown.success-dropdown > .header-item {
    width: 100%;
    display: inline-block; }
    .dropdown.success-dropdown > .header-item > .icon-arrow-down2 {
      right: 15px;
      top: 4px; }
    .dropdown.success-dropdown > .header-item:hover {
      border-bottom: none !important; }

.normal-borders {
  -webkit-border-radius: 0px 0px 0px 0px !important;
  -moz-border-radius: 0px 0px 0px 0px !important;
  -o-border-radius: 0px 0px 0px 0px !important;
  border-radius: 0px 0px 0px 0px !important; }

.fcs-file-selector-holder, .files-holder, .gate-set-selector-holder {
  margin: 0px; }
  .fcs-file-selector-holder .no-sample-tags-info, .files-holder .no-sample-tags-info, .gate-set-selector-holder .no-sample-tags-info {
    font-style: italic;
    font-size: 16px;
    color: #BBB;
    display: inline-block;
    width: 170px;
    white-space: initial; }

.filenames.fancy-fcs-file-select .bs-searchbox {
  display: flex;
  width: 251px; }
.filenames.fancy-fcs-file-select .dropdown-menu > .active:not(.selected) > a {
  background-color: unset !important; }
.filenames.fancy-fcs-file-select .dimensions-container {
  position: relative;
  overflow: inherit;
  display: inline-flex;
  align-items: center; }
  .filenames.fancy-fcs-file-select .dimensions-container .nice-subtle-button {
    padding: 2px 4px;
    margin: 0 -3px 0 5px; }
    .filenames.fancy-fcs-file-select .dimensions-container .nice-subtle-button .icomoon-icon {
      font-size: 22px;
      color: #034c96; }
    .filenames.fancy-fcs-file-select .dimensions-container .nice-subtle-button:hover, .filenames.fancy-fcs-file-select .dimensions-container .nice-subtle-button:active {
      border-bottom: 2px solid #2B7DE1;
      margin-bottom: -1px; }
  .filenames.fancy-fcs-file-select .dimensions-container .dimensions-box {
    display: none;
    position: absolute;
    width: auto;
    min-width: 170px;
    min-height: 190px;
    background: white;
    font-size: 16px;
    z-index: 10;
    user-select: none;
    left: 9px;
    top: 29px;
    border: 1px solid #D8D8D8;
    border-top: 2px solid #2B7DE1;
    border-radius: 0 0 3px 3px;
    padding: 10px 0 0 15px; }
    .filenames.fancy-fcs-file-select .dimensions-container .dimensions-box .tag-type-icon {
      margin: 0 3px 0 4px; }
    .filenames.fancy-fcs-file-select .dimensions-container .dimensions-box h4 {
      font-size: 14px;
      margin-left: -5px;
      margin-top: -2px; }
    .filenames.fancy-fcs-file-select .dimensions-container .dimensions-box input {
      margin-top: 6px;
      width: auto !important; }
    .filenames.fancy-fcs-file-select .dimensions-container .dimensions-box .sample-tag-type-header {
      margin: 0px !important;
      height: auto !important;
      display: inline !important; }
    .filenames.fancy-fcs-file-select .dimensions-container .dimensions-box label.sample-tag-type-value {
      cursor: pointer;
      display: inline-block;
      width: calc(100% - 14px) !important;
      text-align: left  !important;
      font-size: 16px !important;
      font-weight: normal !important;
      padding: 0 0 0 4px !important; }
      .filenames.fancy-fcs-file-select .dimensions-container .dimensions-box label.sample-tag-type-value:hover {
        background: #e9e9ff; }
      .filenames.fancy-fcs-file-select .dimensions-container .dimensions-box label.sample-tag-type-value .icomoon-icon {
        font-size: 14px;
        margin-right: 5px; }
.filenames.fancy-fcs-file-select .dropdown-header {
  font-size: 16px;
  font-weight: bold; }
.filenames.fancy-fcs-file-select .divider {
  display: none; }

.fancy-fcs-file-select.filenames.open .dropdown-menu, .gate-set-definitions.open .dropdown-menu {
  overflow: initial !important;
  background-color: #ffffff;
  max-width: initial !important; }
  .fancy-fcs-file-select.filenames.open .dropdown-menu .dropdown-item, .gate-set-definitions.open .dropdown-menu .dropdown-item {
    padding-right: 0px !important;
    margin-top: 2px;
    padding-left: 15px !important; }
  .fancy-fcs-file-select.filenames.open .dropdown-menu .dropdown-header, .gate-set-definitions.open .dropdown-menu .dropdown-header {
    padding-left: 12px;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 10px !important;
    text-overflow: ellipsis;
    max-width: 95%; }
  .fancy-fcs-file-select.filenames.open .dropdown-menu .optgroup-1div, .gate-set-definitions.open .dropdown-menu .optgroup-1div {
    display: none; }
  .fancy-fcs-file-select.filenames.open .dropdown-menu .click-to-close-preventer, .gate-set-definitions.open .dropdown-menu .click-to-close-preventer {
    position: absolute;
    width: calc(100% - 246px);
    height: 40px;
    top: 0;
    right: 0; }
  .fancy-fcs-file-select.filenames.open .dropdown-menu.inner .disabled, .gate-set-definitions.open .dropdown-menu.inner .disabled {
    cursor: inherit;
    color: #333333 !important; }
  .fancy-fcs-file-select.filenames.open .dropdown-menu.inner li, .gate-set-definitions.open .dropdown-menu.inner li {
    padding-bottom: 0px !important;
    margin-bottom: -1px !important;
    padding-top: 1px; }
    .fancy-fcs-file-select.filenames.open .dropdown-menu.inner li a, .gate-set-definitions.open .dropdown-menu.inner li a {
      padding-bottom: 0px !important;
      padding-top: 0px !important;
      margin-top: 0px !important; }
      .fancy-fcs-file-select.filenames.open .dropdown-menu.inner li a .text, .gate-set-definitions.open .dropdown-menu.inner li a .text {
        padding-bottom: 4px;
        padding-top: 3px; }
  .fancy-fcs-file-select.filenames.open .dropdown-menu.inner li.disabled a, .gate-set-definitions.open .dropdown-menu.inner li.disabled a {
    padding: 0 !important;
    margin: 0 !important;
    height: 19px; }
    .fancy-fcs-file-select.filenames.open .dropdown-menu.inner li.disabled a:hover, .gate-set-definitions.open .dropdown-menu.inner li.disabled a:hover {
      background-color: transparent !important; }
  .fancy-fcs-file-select.filenames.open .dropdown-menu.inner li.disabled:first-child, .gate-set-definitions.open .dropdown-menu.inner li.disabled:first-child {
    height: 35px;
    padding-left: 24px; }
    .fancy-fcs-file-select.filenames.open .dropdown-menu.inner li.disabled:first-child a, .gate-set-definitions.open .dropdown-menu.inner li.disabled:first-child a {
      cursor: default !important; }
  .fancy-fcs-file-select.filenames.open .dropdown-menu .text, .gate-set-definitions.open .dropdown-menu .text {
    margin-right: 0; }
  .fancy-fcs-file-select.filenames.open .dropdown-menu .no-results, .gate-set-definitions.open .dropdown-menu .no-results {
    font-size: 15px;
    text-align: center; }
  .fancy-fcs-file-select.filenames.open .dropdown-menu .select-all-none, .gate-set-definitions.open .dropdown-menu .select-all-none {
    position: absolute;
    top: 0px;
    left: -19px; }
    .fancy-fcs-file-select.filenames.open .dropdown-menu .select-all-none .num-selected, .gate-set-definitions.open .dropdown-menu .select-all-none .num-selected {
      width: 143px;
      display: inline-block; }
    .fancy-fcs-file-select.filenames.open .dropdown-menu .select-all-none .select-all, .gate-set-definitions.open .dropdown-menu .select-all-none .select-all {
      padding: 4px 12px; }
    .fancy-fcs-file-select.filenames.open .dropdown-menu .select-all-none .select-none, .gate-set-definitions.open .dropdown-menu .select-all-none .select-none {
      margin-left: 2px !important; }
  .fancy-fcs-file-select.filenames.open .dropdown-menu .optgroup-1.dropdown-header, .gate-set-definitions.open .dropdown-menu .optgroup-1.dropdown-header {
    display: none; }
  .fancy-fcs-file-select.filenames.open .dropdown-menu .optgroup-1.disabled .bs-dropdown-tr, .gate-set-definitions.open .dropdown-menu .optgroup-1.disabled .bs-dropdown-tr {
    cursor: default; }
    .fancy-fcs-file-select.filenames.open .dropdown-menu .optgroup-1.disabled .bs-dropdown-tr .bs-dropdown-label, .gate-set-definitions.open .dropdown-menu .optgroup-1.disabled .bs-dropdown-tr .bs-dropdown-label {
      width: 225px; }
  .fancy-fcs-file-select.filenames.open .dropdown-menu .bs-dropdown-tr, .gate-set-definitions.open .dropdown-menu .bs-dropdown-tr {
    display: flex; }
    .fancy-fcs-file-select.filenames.open .dropdown-menu .bs-dropdown-tr .bs-dropdown-label, .gate-set-definitions.open .dropdown-menu .bs-dropdown-tr .bs-dropdown-label {
      width: 210px;
      white-space: initial;
      word-break: break-word; }
    .fancy-fcs-file-select.filenames.open .dropdown-menu .bs-dropdown-tr .option-annotations, .gate-set-definitions.open .dropdown-menu .bs-dropdown-tr .option-annotations {
      margin-left: 20px;
      display: inline-flex;
      align-items: center;
      margin-top: -2px;
      cursor: default; }
      .fancy-fcs-file-select.filenames.open .dropdown-menu .bs-dropdown-tr .option-annotations .sample-tag-type, .gate-set-definitions.open .dropdown-menu .bs-dropdown-tr .option-annotations .sample-tag-type {
        display: inline-block;
        line-height: unset;
        text-align: center;
        border: 1px solid lightgray;
        background: #F7F8FC;
        height: 100%;
        border-radius: 2px;
        width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #181818 !important;
        cursor: pointer;
        margin: 0 4px;
        font-size: 14px; }
        .fancy-fcs-file-select.filenames.open .dropdown-menu .bs-dropdown-tr .option-annotations .sample-tag-type:hover, .gate-set-definitions.open .dropdown-menu .bs-dropdown-tr .option-annotations .sample-tag-type:hover {
          border-color: #0081c2;
          background: #e0eefd; }
        .fancy-fcs-file-select.filenames.open .dropdown-menu .bs-dropdown-tr .option-annotations .sample-tag-type.empty-content, .gate-set-definitions.open .dropdown-menu .bs-dropdown-tr .option-annotations .sample-tag-type.empty-content {
          opacity: 0;
          pointer-events: none; }
      .fancy-fcs-file-select.filenames.open .dropdown-menu .bs-dropdown-tr .option-annotations .sample-tag-type-title, .gate-set-definitions.open .dropdown-menu .bs-dropdown-tr .option-annotations .sample-tag-type-title {
        display: inline-flex;
        justify-content: center;
        width: 100px;
        border: none;
        background: none;
        margin-right: 4px;
        color: #4b4848;
        padding: 6px 5px 2px 5px;
        font-weight: bold;
        position: relative; }
        .fancy-fcs-file-select.filenames.open .dropdown-menu .bs-dropdown-tr .option-annotations .sample-tag-type-title .remove-tag-type-button, .gate-set-definitions.open .dropdown-menu .bs-dropdown-tr .option-annotations .sample-tag-type-title .remove-tag-type-button {
          opacity: 0;
          position: absolute;
          top: 2px;
          right: 0;
          color: #2875d5;
          font-size: 18px;
          background: white;
          border-radius: 8px; }
        .fancy-fcs-file-select.filenames.open .dropdown-menu .bs-dropdown-tr .option-annotations .sample-tag-type-title:hover .remove-tag-type-button, .gate-set-definitions.open .dropdown-menu .bs-dropdown-tr .option-annotations .sample-tag-type-title:hover .remove-tag-type-button {
          opacity: 1; }
      .fancy-fcs-file-select.filenames.open .dropdown-menu .bs-dropdown-tr .option-annotations .icon-info, .gate-set-definitions.open .dropdown-menu .bs-dropdown-tr .option-annotations .icon-info {
        font-family: 'Lato', 'Lato-local', 'trebuchet MS', helvetica, sans-serif !important; }
        .fancy-fcs-file-select.filenames.open .dropdown-menu .bs-dropdown-tr .option-annotations .icon-info:before, .gate-set-definitions.open .dropdown-menu .bs-dropdown-tr .option-annotations .icon-info:before {
          content: none; }
.fancy-fcs-file-select.filenames.open .dropdown-menu.dropdown-menu-right, .gate-set-definitions.open .dropdown-menu.dropdown-menu-right {
  max-width: 1000px !important; }
  .fancy-fcs-file-select.filenames.open .dropdown-menu.dropdown-menu-right .click-to-close-preventer, .gate-set-definitions.open .dropdown-menu.dropdown-menu-right .click-to-close-preventer {
    right: unset;
    left: 0; }

.gate-set-definitions.open .dropdown-menu .bs-searchbox {
  display: flex;
  min-width: 100px; }
.gate-set-definitions.open .dropdown-menu .bs-dropdown-tr .option-annotations {
  padding-right: 0; }
  .gate-set-definitions.open .dropdown-menu .bs-dropdown-tr .option-annotations .sample-tag-type {
    line-height: 20px; }

.fcs-file-selector-region, .active-gate-set-selector-region {
  display: inline-block; }

.fcs-file-selector-region .bs-dropdown-label {
  min-width: 207px; }
.fcs-file-selector-region .optgroup-1.dropdown-header {
  display: none; }
.fcs-file-selector-region li.disabled a {
  cursor: default; }
.fcs-file-selector-region .dropdown-header .text {
  color: #758397;
  font-weight: bold;
  margin-left: -6px;
  font-size: 14px; }

.dropdown-menu.open .option-label {
  background: transparent;
  display: inline-flex;
  align-items: center;
  margin-top: -2px;
  cursor: pointer;
  color: #1758AC;
  font-size: 14px;
  margin-left: 10px; }

/* user lists - tabbed panels */
#tabs-loader {
  margin: 1em;
  float: left; }
  #tabs-loader .loading-text {
    margin: 0 0 0 2em;
    font-style: italic;
    color: #333; }

#billing-users-tabs {
  float: left;
  opacity: 0; }
  #billing-users-tabs .loading-text {
    font-size: 16px;
    font-style: italic;
    padding: 2em 37em 10em 3em;
    opacity: 0;
    -webkit-transition: opacity 1200ms ease-out;
    -moz-transition: opacity 1200ms ease-out;
    -o-transition: opacity 1200ms ease-out;
    -ms-transition: opacity 1200ms ease-out;
    transition: opacity 1200ms ease-out; }
    #billing-users-tabs .loading-text.now-loading {
      opacity: 1; }
  #billing-users-tabs .ui-tabs-panel {
    padding: 1em !important;
    height: auto !important; }
  #billing-users-tabs .body {
    padding: 1em !important; }
    #billing-users-tabs .body .dataTables_wrapper {
      padding: 0 !important;
      margin: 0 !important; }
      #billing-users-tabs .body .dataTables_wrapper .dataTables_filter {
        margin: 4em 0 0 0 !important;
        position: relative; }
      #billing-users-tabs .body .dataTables_wrapper .display.datatables-hide-sorting-icons {
        margin: 0 !important;
        padding: 0 !important; }

.billing-users-list {
  padding: 1em !important;
  border: 1px solid #b5d0e0;
  background: white; }

.table-total {
  margin: 0.5em 0 0 0.5em; }

/* SPADE and viSNE admin stats tables */
th.advanced-analysis {
  background-color: #c7cbde; }

td.advanced-analysis {
  background-color: #ebedf4; }

td.numeric {
  text-align: right; }

.failed {
  color: #9a3e33; }

.successful {
  color: #41776c; }

/* AWS S3 External Repositories Page */
#external-repositories {
  margin: 0.6em 0 0 0;
  /* edits to dataTables default styling */
  /* table container */
  /* showing X of Y entries */ }
  #external-repositories #aws-bucket-table th {
    padding: 0.75em 1.5em 0.5em;
    font-weight: bold; }
  #external-repositories #aws-bucket-table .center {
    text-align: center; }
  #external-repositories #aws-bucket-table .delete-header {
    font-weight: normal;
    color: #666; }
  #external-repositories #aws-bucket-table .delete-column i {
    font-size: 1.25em; }
  #external-repositories .dataTables_wrapper {
    margin: 0.75em 0.35em 2.5em;
    padding: 0 0.5em 0.5em;
    min-height: 4em; }
  #external-repositories .dataTables_info {
    float: left;
    margin: 0.75em 0.35em 0.75em; }
  #external-repositories .create-button {
    margin: 1.25em 1em 0.5em;
    padding: 0.5em 0 0.5em;
    font-size: 1.25em; }
    #external-repositories .create-button a {
      padding: 0.5em 1.5em 0.5em; }
    #external-repositories .create-button a:hover, #external-repositories .create-button a:active {
      text-decoration: none; }
    #external-repositories .create-button a:active {
      color: #1D4B7A; }
  #external-repositories #project-assign-repository {
    padding: 0.75em; }
    #external-repositories #project-assign-repository .click-instruction-text {
      margin: 0 0 0.75em 0.25em;
      color: #888;
      font-style: italic;
      font-size: 1.1em; }
    #external-repositories #project-assign-repository .header-gray {
      color: #666; }
    #external-repositories #project-assign-repository .external-repository-selection {
      padding: 0.5em 2em 0.5em;
      text-align: center;
      cursor: pointer; }
      #external-repositories #project-assign-repository .external-repository-selection .update-status-text {
        display: inline;
        color: #666;
        font-style: italic;
        /*:visibility hidden */ }

#individual-repository-form {
  padding: 1em; }
  #individual-repository-form .form-instruction-text {
    margin: 0 0 0.5em 14em;
    color: #888;
    font-style: italic;
    font-size: 1.1em; }
  #individual-repository-form .action-button {
    margin: 1em 0 0 11.5em;
    padding: 0.5em 1em 0.5em; }
  #individual-repository-form .form-button-holder .cancel-button {
    margin: 1.5em 1em 0.5em 7.5em;
    padding: 0.5em 0 0.5em;
    font-size: 1em; }
    #individual-repository-form .form-button-holder .cancel-button a {
      padding: 0.5em 1.5em 0.5em; }
    #individual-repository-form .form-button-holder .cancel-button a:hover, #individual-repository-form .form-button-holder .cancel-button a:active {
      text-decoration: none; }
    #individual-repository-form .form-button-holder .cancel-button a:active {
      color: #1D4B7A; }

#advanced-analyses-stats-tabs table a {
  color: #1758AC; }
#advanced-analyses-stats-tabs .failed-task {
  background-color: #fbeded; }
#advanced-analyses-stats-tabs .canceled-or-defunct-task {
  background-color: #fdf6e1; }
#advanced-analyses-stats-tabs .canceled-manually-task {
  background-color: #eaeaea;
  color: #55565a; }

.source-name-holder input {
  min-width: 20em; }

.content-box, .help-box, .standalone-box {
  margin-bottom: 1.7em;
  display: block; }
  .content-box.expanding-box .body, .help-box.expanding-box .body, .standalone-box.expanding-box .body {
    display: inline-block; }
  .content-box h3, .content-box .title, .help-box h3, .help-box .title, .standalone-box h3, .standalone-box .title {
    background-color: #d4e5f6;
    border: solid 1px #b5d0e0;
    border-bottom: none;
    color: #275482;
    font-size: 1.4em;
    font-weight: bold;
    padding: 3.08px 7px 3.77px 7px;
    display: inline-block;
    margin: 0;
    position: relative;
    transition: border 500ms ease-in;
    -webkit-transition: border 500ms ease-in;
    -moz-transition: border 500ms ease-in;
    -o-transition: border 500ms ease-in;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px; }
    .content-box h3 a, .content-box h3 a:hover, .content-box .title a, .content-box .title a:hover, .help-box h3 a, .help-box h3 a:hover, .help-box .title a, .help-box .title a:hover, .standalone-box h3 a, .standalone-box h3 a:hover, .standalone-box .title a, .standalone-box .title a:hover {
      font-family: 'Lato', 'Lato-local', "trebuchet MS", helvetica, sans-serif;
      font-size: 15px !important;
      color: #275482;
      float: left;
      font-size: 1em;
      text-decoration: none;
      cursor: pointer;
      padding-bottom: 0; }
    .content-box h3 .collapsible, .content-box h3 .uncollapsible, .content-box .title .collapsible, .content-box .title .uncollapsible, .help-box h3 .collapsible, .help-box h3 .uncollapsible, .help-box .title .collapsible, .help-box .title .uncollapsible, .standalone-box h3 .collapsible, .standalone-box h3 .uncollapsible, .standalone-box .title .collapsible, .standalone-box .title .uncollapsible {
      margin-right: 2em; }
    .content-box h3 .collapsible, .content-box .title .collapsible, .help-box h3 .collapsible, .help-box .title .collapsible, .standalone-box h3 .collapsible, .standalone-box .title .collapsible {
      margin-left: 1em;
      min-width: 25em; }
    .content-box h3 .uncollapsible, .content-box .title .uncollapsible, .help-box h3 .uncollapsible, .help-box .title .uncollapsible, .standalone-box h3 .uncollapsible, .standalone-box .title .uncollapsible {
      min-width: 26em; }
    .content-box h3 .sub-title, .content-box .title .sub-title, .help-box h3 .sub-title, .help-box .title .sub-title, .standalone-box h3 .sub-title, .standalone-box .title .sub-title {
      font-weight: normal; }
    .content-box h3 span.toggle, .content-box .title span.toggle, .help-box h3 span.toggle, .help-box .title span.toggle, .standalone-box h3 span.toggle, .standalone-box .title span.toggle {
      position: absolute;
      top: 3px;
      left: 7px;
      height: 16px;
      width: 16px;
      margin: 0.1em 0 0.25em -0.25em;
      background-image: url("/cytobank/stylesheets/cytobank-custom/images/ui-icons_214762_256x240.png");
      background-position: -64px -16px;
      cursor: pointer; }
    .content-box h3 .content-box-menu-button, .content-box .title .content-box-menu-button, .help-box h3 .content-box-menu-button, .help-box .title .content-box-menu-button, .standalone-box h3 .content-box-menu-button, .standalone-box .title .content-box-menu-button {
      position: absolute;
      cursor: pointer;
      font-size: 16px;
      display: inline-block;
      top: 2px;
      right: 4px; }
    .content-box h3 .content-box-menu-button:not(:hover), .content-box .title .content-box-menu-button:not(:hover), .help-box h3 .content-box-menu-button:not(:hover), .help-box .title .content-box-menu-button:not(:hover), .standalone-box h3 .content-box-menu-button:not(:hover), .standalone-box .title .content-box-menu-button:not(:hover) {
      color: #5D697A; }
    .content-box h3 .close-button:hover, .content-box .title .close-button:hover, .help-box h3 .close-button:hover, .help-box .title .close-button:hover, .standalone-box h3 .close-button:hover, .standalone-box .title .close-button:hover {
      color: black; }
    .content-box h3 .close-button:active, .content-box .title .close-button:active, .help-box h3 .close-button:active, .help-box .title .close-button:active, .standalone-box h3 .close-button:active, .standalone-box .title .close-button:active {
      color: inherit; }
    .content-box h3 .closeable .clickable, .content-box .title .closeable .clickable, .help-box h3 .closeable .clickable, .help-box .title .closeable .clickable, .standalone-box h3 .closeable .clickable, .standalone-box .title .closeable .clickable {
      display: inline-block;
      padding-right: 1.2em; }
      .content-box h3 .closeable .clickable .editable_sample_tag_name, .content-box .title .closeable .clickable .editable_sample_tag_name, .help-box h3 .closeable .clickable .editable_sample_tag_name, .help-box .title .closeable .clickable .editable_sample_tag_name, .standalone-box h3 .closeable .clickable .editable_sample_tag_name, .standalone-box .title .closeable .clickable .editable_sample_tag_name {
        max-width: 16em;
        display: inline-block; }
    .content-box h3 .closeable .control, .content-box .title .closeable .control, .help-box h3 .closeable .control, .help-box .title .closeable .control, .standalone-box h3 .closeable .control, .standalone-box .title .closeable .control {
      position: absolute;
      top: 0.2em;
      right: 0.3em; }
    .content-box h3 .closeable .editable-content-box-title, .content-box .title .closeable .editable-content-box-title, .help-box h3 .closeable .editable-content-box-title, .help-box .title .closeable .editable-content-box-title, .standalone-box h3 .closeable .editable-content-box-title, .standalone-box .title .closeable .editable-content-box-title {
      cursor: pointer;
      display: inline-block; }
      .content-box h3 .closeable .editable-content-box-title form, .content-box .title .closeable .editable-content-box-title form, .help-box h3 .closeable .editable-content-box-title form, .help-box .title .closeable .editable-content-box-title form, .standalone-box h3 .closeable .editable-content-box-title form, .standalone-box .title .closeable .editable-content-box-title form {
        display: inline-block; }
    .content-box h3 .closeable .editable-content-box-title:hover, .content-box .title .closeable .editable-content-box-title:hover, .help-box h3 .closeable .editable-content-box-title:hover, .help-box .title .closeable .editable-content-box-title:hover, .standalone-box h3 .closeable .editable-content-box-title:hover, .standalone-box .title .closeable .editable-content-box-title:hover {
      color: #EFF7FF;
      text-shadow: 1px 1px #323a50; }
      .content-box h3 .closeable .editable-content-box-title:hover i, .content-box .title .closeable .editable-content-box-title:hover i, .help-box h3 .closeable .editable-content-box-title:hover i, .help-box .title .closeable .editable-content-box-title:hover i, .standalone-box h3 .closeable .editable-content-box-title:hover i, .standalone-box .title .closeable .editable-content-box-title:hover i {
        color: #EFF7FF; }
    .content-box h3 .closeable .editable-content-box-title:active, .content-box .title .closeable .editable-content-box-title:active, .help-box h3 .closeable .editable-content-box-title:active, .help-box .title .closeable .editable-content-box-title:active, .standalone-box h3 .closeable .editable-content-box-title:active, .standalone-box .title .closeable .editable-content-box-title:active {
      text-shadow: -1px -1px #323a50; }
      .content-box h3 .closeable .editable-content-box-title:active i, .content-box .title .closeable .editable-content-box-title:active i, .help-box h3 .closeable .editable-content-box-title:active i, .help-box .title .closeable .editable-content-box-title:active i, .standalone-box h3 .closeable .editable-content-box-title:active i, .standalone-box .title .closeable .editable-content-box-title:active i {
        color: #EFF7FF; }
    .content-box h3 .description, .content-box .title .description, .help-box h3 .description, .help-box .title .description, .standalone-box h3 .description, .standalone-box .title .description {
      font-weight: normal;
      font-size: 95%; }
      .content-box h3 .description .cross-product, .content-box .title .description .cross-product, .help-box h3 .description .cross-product, .help-box .title .description .cross-product, .standalone-box h3 .description .cross-product, .standalone-box .title .description .cross-product {
        font-size: 0.8em;
        vertical-align: text-top; }
  .content-box h3.collapsible-header, .help-box h3.collapsible-header, .standalone-box h3.collapsible-header {
    cursor: pointer; }
  .content-box .ui-widget-header, .content-box .ui-tabs, .help-box .ui-widget-header, .help-box .ui-tabs, .standalone-box .ui-widget-header, .standalone-box .ui-tabs {
    background-color: inherit; }
  .content-box .body, .help-box .body, .standalone-box .body {
    background-color: #FEFEFE;
    margin-top: -3px;
    border: 1px solid #B6D0DF;
    padding: 0.6em 0.5em 0.6em 0.5em;
    transition: border 500ms ease-in;
    -webkit-transition: border 500ms ease-in;
    -moz-transition: border 500ms ease-in;
    -o-transition: border 500ms ease-in;
    -webkit-border-radius: 0px 5px 5px 5px;
    -moz-border-radius: 0px 5px 5px 5px;
    -o-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px; }
    .content-box .body .ui-widget-header, .content-box .body .ui-tabs, .help-box .body .ui-widget-header, .help-box .body .ui-tabs, .standalone-box .body .ui-widget-header, .standalone-box .body .ui-tabs {
      background: white;
      border: none; }
    .content-box .body .ui-tabs-nav, .help-box .body .ui-tabs-nav, .standalone-box .body .ui-tabs-nav {
      padding: 0.2em 0.2em 0 0;
      -webkit-border-radius: 0px 0px 0px 0px !important;
      -moz-border-radius: 0px 0px 0px 0px !important;
      -o-border-radius: 0px 0px 0px 0px !important;
      border-radius: 0px 0px 0px 0px !important; }
      .content-box .body .ui-tabs-nav li.ui-state-default.ui-corner-top:first-child, .help-box .body .ui-tabs-nav li.ui-state-default.ui-corner-top:first-child, .standalone-box .body .ui-tabs-nav li.ui-state-default.ui-corner-top:first-child {
        margin-left: 0px;
        margin-right: 1px; }
    .content-box .body ul li, .help-box .body ul li, .standalone-box .body ul li {
      margin: 0 0 0.25em 0; }
      .content-box .body ul li ul li, .help-box .body ul li ul li, .standalone-box .body ul li ul li {
        margin: 0 0 0 0.25em; }
    .content-box .body .text-block, .help-box .body .text-block, .standalone-box .body .text-block {
      margin: 0.75em 0 0.75em 0;
      display: block; }
    .content-box .body .description-text, .help-box .body .description-text, .standalone-box .body .description-text {
      margin: 0.5em 0;
      font-style: italic; }
    .content-box .body .submit-button, .help-box .body .submit-button, .standalone-box .body .submit-button {
      float: left; }
    .content-box .body .submit-button-inline form, .content-box .body .submit-button-inline div, .help-box .body .submit-button-inline form, .help-box .body .submit-button-inline div, .standalone-box .body .submit-button-inline form, .standalone-box .body .submit-button-inline div {
      display: inline; }
    .content-box .body .help, .help-box .body .help, .standalone-box .body .help {
      border: solid 2px #EECE59;
      background-color: #EEE;
      margin: 0.25em;
      padding: 0.25em;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .content-box .body .help p, .content-box .body .help ul, .help-box .body .help p, .help-box .body .help ul, .standalone-box .body .help p, .standalone-box .body .help ul {
        margin-left: 45px; }
    .content-box .body .content-box, .help-box .body .content-box, .standalone-box .body .content-box {
      border: 0;
      position: relative; }
      .content-box .body .content-box h3, .help-box .body .content-box h3, .standalone-box .body .content-box h3 {
        background-color: #FFF;
        color: #333;
        font-size: 1.4em; }
      .content-box .body .content-box .body, .help-box .body .content-box .body, .standalone-box .body .content-box .body {
        border: 0; }

.content-box.invisible-box > .body {
  border: none !important; }
.content-box.no-header .box-top-section {
  margin: -14px -16px 18px -16px;
  padding-top: 14px;
  background: #E3F1FF;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -o-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px; }
.content-box.no-header > .body {
  position: relative;
  padding-bottom: 16px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .content-box.no-header > .body #site-name {
    position: absolute;
    color: #032A56;
    top: 59px;
    left: 215px;
    line-height: 12px;
    text-align: left;
    font-size: 13px; }
.content-box.invisible-box > h3, .content-box.no-header > h3 {
  display: none !important; }

.content-box.nice-box .body {
  padding: 1em;
  font-size: 1.3em;
  line-height: 1.4em; }

.content-box:not(.inline-box) h3 {
  width: 62.5%;
  min-width: 20em; }

.box h3 {
  width: 91% !important; }

.content-box:hover .content-box-menu-button, .content-box:hover .hover-content-box-icon {
  opacity: 1; }

.content-box .uncollapsible-header .info-button {
  padding-top: 1px; }

.content-box:not(.collapsible-box) .body {
  margin-top: -1px; }

.content-box-white .body, .content-box-white .ui-widget-header, .content-box-white .ui-tabs {
  background-color: white !important; }

.content-box-inherit .body, .content-box-inherit .ui-widget-header, .content-box-inherit .ui-tabs {
  background-color: inherit !important; }

#content .close-button, #content .info-button, #messages .content-box h3 .close-button, #messages .content-box h3 .info-button {
  padding-top: 1px; }

.content-box-half {
  width: 49.5%; }

.content-box .body a, .warn a, .ui-tabs-panel a {
  text-decoration: none; }
.content-box .body a:hover, .warn a:hover, .ui-tabs-panel a:hover {
  text-decoration: underline;
  color: #1D4B7A; }
.content-box .body a:active, .warn a:active, .ui-tabs-panel a:active {
  color: #2B7DE1;
  text-decoration: underline; }

.warn a {
  color: #4585c5; }

#content .experiment-information-panels .content-box {
  float: left;
  min-width: 100%; }
  #content .experiment-information-panels .content-box table thead th {
    white-space: nowrap; }

.content-box:not(.closed-box):not(.inline-box):not(.signup-box):not(.login-box):not(.premium-promo-box):not(.payment-box) {
  min-width: 90%; }

.content-box.collapsible-box h3:hover {
  background-color: #DDEAF8;
  color: #225482; }

.closed-box {
  margin: 0 0.5em 1.7em 0; }
  .closed-box h3 {
    border-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #b5d0e0;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .closed-box h3 span.toggle {
      background-position: -32px -16px; }
  .closed-box .body {
    display: none; }

.hidden-box {
  display: none !important; }

.inline-box {
  display: inline-block;
  min-width: auto !important; }
  .inline-box h3 {
    display: block; }
  .inline-box h3, .inline-box span {
    min-width: 0 !important; }
  .inline-box h3 .closeable .clear {
    display: inline-block; }
  .inline-box .body {
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px; }

.content-box:not(.closed-box):hover h3 {
  border-color: #73b2d8; }
.content-box:not(.closed-box):hover .body {
  border-color: #73b2d8; }

.content-box.not-visible-panel-box h3 {
  background-color: #d5d7da;
  border-color: #b5b5b5;
  color: #626467; }
.content-box.not-visible-panel-box .body {
  border-color: #b5b5b5; }
.content-box.not-visible-panel-box tbody, .content-box.not-visible-panel-box .files-table-holder {
  background: #e3e4e6; }
.content-box.not-visible-panel-box:hover h3, .content-box.not-visible-panel-box:hover .body {
  border-color: #2d3032; }

.help-box h3 {
  background-color: #F2DA87; }
.help-box .body {
  border-color: #EECE59;
  background-color: #f8f3e1; }
  .help-box .body ul li {
    font-size: 1.2em;
    list-style-type: disc;
    padding: 0.5em;
    margin: 0em 3em; }

.compensation-box form {
  margin: 0em 0em 2em 0em; }

.panel-warning-box {
  padding: 15px 25px;
  border: 2px solid #c50000;
  border-radius: 9px;
  background: #ffcfc0; }
  .panel-warning-box h3 {
    color: darkred !important; }

.warning-box:hover h3, .warning-box:hover .body {
  border-color: #7c0000 !important; }
.warning-box h3 {
  background-color: #ffe4db; }
  .warning-box h3 span a {
    color: #501d1d;
    padding-top: 1px; }
.warning-box h3, .warning-box .body {
  border-color: #c20505; }
.warning-box .body {
  background-color: #fffaf7 !important;
  padding: 1.5em;
  color: #300f0f; }
  .warning-box .body a.nice-button {
    font-size: 1em;
    padding: 5px 10px 7px 10px;
    color: #300f0f !important; }
    .warning-box .body a.nice-button:hover {
      text-decoration: inherit; }

.chrome-html .content-box:not(.collapsible-box) .body {
  margin-top: 0px; }
.chrome-html .login-box .body, .chrome-html .payment-box .body {
  margin-top: -1px; }
.chrome-html .collapsible-box .body {
  margin-top: -3px; }

.general-forms form input[type="submit"] {
  margin: 30px 0px 10px; }
.general-forms form label {
  display: block;
  font-weight: bold; }
.general-forms .controls a:link, .general-forms .controls a:visited {
  text-decoration: none;
  margin-right: 10px;
  font-size: 1.2em; }
.general-forms .controls a:hover {
  text-decoration: underline; }
.general-forms .content-box form label {
  display: block;
  float: left;
  width: 150px; }
.general-forms .content-box form input, .general-forms .content-box form textarea {
  float: left; }
.general-forms .content-box form .field {
  clear: both; }
.general-forms .content-box form .note {
  clear: both;
  margin-left: 150px;
  color: #777; }
.general-forms .content-box form .indented-text {
  clear: both;
  margin-left: 150px; }
.general-forms .content-box .body .controls {
  margin-top: 1.5em; }

.bootstrap-select.btn-group .dropdown-menu li > a {
  padding: 3px 15px;
  color: #333333;
  font-size: 14px !important;
  line-height: 19px !important; }
  .bootstrap-select.btn-group .dropdown-menu li > a .loading-spinner {
    margin: 1em auto 1em auto;
    display: block; }

.bootstrap-select, .bootstrap-select * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.bootstrap-select > select {
  display: none !important; }
.bootstrap-select .btn {
  padding: 3px 28px 3px 10px !important; }
.bootstrap-select.dont-expand .dropdown-menu {
  max-width: 100%; }
.bootstrap-select .dropdown-menu {
  text-align: left; }
  .bootstrap-select .dropdown-menu ul li a {
    text-decoration: none !important;
    font-size: 14px;
    padding: 0px 15px;
    display: block; }
  .bootstrap-select .dropdown-menu ul li.selected:not(.disabled) {
    background: #307FE2 !important; }
    .bootstrap-select .dropdown-menu ul li.selected:not(.disabled):hover a {
      background: #307FE2 !important; }
    .bootstrap-select .dropdown-menu ul li.selected:not(.disabled) a, .bootstrap-select .dropdown-menu ul li.selected:not(.disabled) a .icomoon-icon {
      color: white !important; }
  .bootstrap-select .dropdown-menu ul li.disabled > a > .text {
    color: #a3a4a7 !important; }
  .bootstrap-select .dropdown-menu ul li:not(.selected) a {
    color: #333333 !important; }
  .bootstrap-select .dropdown-menu ul li:not(.selected):not(.disabled) a:focus {
    background-color: #c2d9f1 !important; }
  .bootstrap-select .dropdown-menu ul li:not(.selected):not(.disabled):hover a, .bootstrap-select .dropdown-menu ul li:not(.selected):not(.disabled):hover .icomoon-icon {
    background-color: #f5f5f5 !important;
    color: #092644 !important; }
  .bootstrap-select .dropdown-menu ul li:not(.selected):not(.disabled):active a, .bootstrap-select .dropdown-menu ul li:not(.selected):not(.disabled):active .icomoon-icon {
    color: #307FE2 !important; }
.bootstrap-select .form-control {
  display: block !important;
  width: 100% !important;
  height: 30px !important;
  padding: 4px 10px !important;
  font-size: 14px !important;
  line-height: 1.42857143 !important;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .bootstrap-select .form-control:focus {
    border-color: #6c97e5 !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(108, 151, 229, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(108, 151, 229, 0.6) !important; }

.help-modal .modal-header {
  background-color: #F2DA87;
  color: #3F350F;
  border-bottom-color: #EECE59; }
  .help-modal .modal-header h2.with-icon .icomoon-icon {
    background-color: #EECE59;
    color: #3F350F; }
.help-modal .modal-body {
  background-color: #f8f3e1; }
.help-modal .modal-footer {
  background-color: #F0EAD4;
  border-top-color: #D9D0AF; }

.getting-started-modal .modal-header h2.with-icon .icon-cytobank-ring {
  font-size: 32px;
  line-height: 21px;
  padding-left: 11px;
  padding-right: 19px; }
.getting-started-modal .modal-footer .getting-started-footer-text {
  float: left;
  font-size: 16px;
  padding: 7px;
  margin-left: 16px;
  font-style: italic; }
.getting-started-modal .modal-body .body ul, .getting-started-modal .modal-body .body ol {
  margin: 1em 0 1em 2em; }
  .getting-started-modal .modal-body .body ul li, .getting-started-modal .modal-body .body ol li {
    font-size: 1.2em;
    padding: 0.5em; }
.getting-started-modal .modal-body .body ol li {
  list-style-position: inside; }
.getting-started-modal .modal-body .body ul li {
  list-style-position: inside;
  list-style-type: disc; }
.getting-started-modal .modal-body .body p {
  margin: 0.5em 1em; }
.getting-started-modal .modal-body .body.getting-started-body {
  font-size: 1.2em; }
  .getting-started-modal .modal-body .body.getting-started-body .separator {
    border-top: 1px solid #D9D0AF;
    margin: 2.5em 0em 1em 0em; }
  .getting-started-modal .modal-body .body.getting-started-body ul.help-items {
    margin: 0;
    padding: 0em 3em 0em 5em; }
    .getting-started-modal .modal-body .body.getting-started-body ul.help-items li {
      list-style: square outside;
      padding: 0;
      margin: 0px 1em 0.2em 0px; }
    .getting-started-modal .modal-body .body.getting-started-body ul.help-items li.important {
      font-weight: bold; }
  .getting-started-modal .modal-body .body.getting-started-body .main-content {
    border-left: 1px solid #D9D0AF;
    margin-left: 180px;
    padding-left: 1em; }
  .getting-started-modal .modal-body .body.getting-started-body .video-boxes {
    float: left;
    width: 176px;
    text-align: center; }
    .getting-started-modal .modal-body .body.getting-started-body .video-boxes .more-videos {
      text-align: center; }
  .getting-started-modal .modal-body .body.getting-started-body .lightbox-video {
    display: inline-block;
    margin: 0 0em 0.5em 0em;
    width: 122px; }

#plates-getting-started .main-content {
  margin-left: 164px !important; }
#plates-getting-started .video-boxes {
  width: 155px !important; }
#plates-getting-started p {
  margin-bottom: 0 !important; }
#plates-getting-started ul {
  font-size: 11px;
  margin: 0 0 0 2em !important; }
  #plates-getting-started ul li {
    margin: 0;
    padding: 0.35em !important; }

#hotkeys-modal .hotkey-list {
  padding-left: 36px; }
  #hotkeys-modal .hotkey-list li {
    height: 24px;
    line-height: 24px;
    margin-top: 4px;
    margin-bottom: 7px;
    font-size: 16px; }
    #hotkeys-modal .hotkey-list li span:not(.hotkey) {
      display: inline;
      vertical-align: -1px; }
    #hotkeys-modal .hotkey-list li .hotkey {
      color: #3F350F;
      border: 1px solid #A78B22;
      background-color: #FFE038;
      padding: 4px 8px;
      margin-right: 4px;
      font-size: 16px;
      font-weight: bold;
      line-height: 21px;
      font-family: monospace;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }

#doc3 {
  margin-left: 0;
  margin-right: 0; }

.header-bar .help-dropdown .header-dropdown:hover, .header-bar .help-dropdown .header-dropdown:focus, .header-bar .help-dropdown .header-dropdown:active, .header-bar .help-dropdown .header-link:hover, .header-bar .help-dropdown .header-link:focus, .header-bar .help-dropdown .header-link:active, .header-bar .help-dropdown .header-link-with-icon:hover, .header-bar .help-dropdown .header-link-with-icon:focus, .header-bar .help-dropdown .header-link-with-icon:active {
  color: #D4AA0E !important;
  border-bottom: 2px solid #D4AA0E; }
  .header-bar .help-dropdown .header-dropdown:hover i.icomoon-icon, .header-bar .help-dropdown .header-dropdown:focus i.icomoon-icon, .header-bar .help-dropdown .header-dropdown:active i.icomoon-icon, .header-bar .help-dropdown .header-link:hover i.icomoon-icon, .header-bar .help-dropdown .header-link:focus i.icomoon-icon, .header-bar .help-dropdown .header-link:active i.icomoon-icon, .header-bar .help-dropdown .header-link-with-icon:hover i.icomoon-icon, .header-bar .help-dropdown .header-link-with-icon:focus i.icomoon-icon, .header-bar .help-dropdown .header-link-with-icon:active i.icomoon-icon {
    color: #D4AA0E; }
.header-bar .help-dropdown .dropdown-menu {
  border-top-color: #D4AA0E !important;
  background-color: #fbf8f0; }
.header-bar .dropdown .icon-arrow-down2 {
  position: absolute !important;
  font-size: 14px !important;
  color: #9db2c7 !important;
  opacity: 0;
  top: 1px;
  right: -13px; }
.header-bar .dropdown .subsection-toggle:after {
  display: block;
  float: right;
  width: 0;
  height: 0;
  margin-top: 8px;
  margin-right: 5px;
  border-color: transparent;
  border-top-color: #A6AAC2;
  border-style: solid;
  border-width: 5px;
  content: " "; }
.header-bar .dropdown .subsection {
  max-height: 0px;
  overflow: hidden;
  padding-left: 0px;
  -webkit-transition: max-height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: max-height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: max-height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: max-height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: max-height 400ms cubic-bezier(0.23, 1, 0.32, 1); }
  .header-bar .dropdown .subsection.open {
    max-height: 10em; }
  .header-bar .dropdown .subsection > li {
    margin-left: 1em;
    border-left: 2px solid #2B7DE1; }
    .header-bar .dropdown .subsection > li > a {
      display: block;
      padding-bottom: 3px; }
.header-bar .dropdown:hover .icon-arrow-down2 {
  opacity: 1; }
.header-bar .left-aligned-header-section {
  float: left;
  position: relative; }
  .header-bar .left-aligned-header-section > li {
    float: left; }
  .header-bar .left-aligned-header-section .header-dropdown .icon-arrow-down2 {
    top: 12px;
    right: 6px; }
.header-bar .right-aligned-header-section > li {
  float: right; }
.header-bar .right-aligned-header-section .header-dropdown .icon-arrow-down2 {
  top: 9px;
  right: 6px; }
.header-bar .right-aligned-header-section .dropdown li {
  padding-left: 0; }
.header-bar .left-aligned-header-section > li, .header-bar .right-aligned-header-section > li {
  position: relative; }
  .header-bar .left-aligned-header-section > li .experiment-header-label, .header-bar .right-aligned-header-section > li .experiment-header-label {
    position: absolute;
    top: 1px;
    font-size: 12px;
    width: 100%;
    text-align: center; }
  .header-bar .left-aligned-header-section > li .header-spacer, .header-bar .right-aligned-header-section > li .header-spacer {
    height: 30px; }
  .header-bar .left-aligned-header-section > li .header-dropdown, .header-bar .left-aligned-header-section > li .header-link, .header-bar .left-aligned-header-section > li .header-link-with-icon, .header-bar .right-aligned-header-section > li .header-dropdown, .header-bar .right-aligned-header-section > li .header-link, .header-bar .right-aligned-header-section > li .header-link-with-icon {
    position: relative;
    cursor: pointer; }
  .header-bar .left-aligned-header-section > li .header-link-with-icon .icon-arrow-down2, .header-bar .right-aligned-header-section > li .header-link-with-icon .icon-arrow-down2 {
    top: 6px !important;
    right: -1px !important;
    font-size: 17px !important; }
  .header-bar .left-aligned-header-section > li .inline-header-link, .header-bar .right-aligned-header-section > li .inline-header-link {
    display: inline-block;
    text-align: center; }
.header-bar .header-text {
  font-size: 13px;
  display: inline-block;
  vertical-align: bottom;
  height: 42px;
  line-height: 37px; }
.header-bar #back-button {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 46px;
  width: 40px;
  padding: 0;
  margin: 0; }
  .header-bar #back-button .icomoon-icon {
    color: #9aa2ae; }
  .header-bar #back-button:hover {
    color: inherit;
    border-right: 2px solid #2B7DE1; }
    .header-bar #back-button:hover .icomoon-icon {
      color: #2B7DE1; }
  .header-bar #back-button:active {
    box-shadow: inset 3px 3px 6px 1px rgba(0, 0, 0, 0.125); }
  .header-bar #back-button .icomoon-icon {
    position: absolute;
    top: 13px;
    left: 11px;
    opacity: 1; }
.header-bar .dropdown-menu {
  background: #F5F6FC;
  font-size: 14px; }
  .header-bar .dropdown-menu .sub-submenu {
    margin-left: -12px;
    padding-left: 12px; }
  .header-bar .dropdown-menu.nice-button-dropdown-menu {
    top: 11px;
    padding-bottom: 1em; }
  .header-bar .dropdown-menu #recent-experiments-list .submenu-link, .header-bar .dropdown-menu #recent-experiments-list .link-with-id-header {
    padding-left: 1em !important; }
  .header-bar .dropdown-menu .algorithm-section > li > a {
    display: block;
    padding: 0.35em 1.1em;
    width: calc(100% - 2.2em) !important; }
  .header-bar .dropdown-menu .indented-section {
    display: block;
    margin-bottom: 0.8em;
    max-height: 50vh;
    overflow-x: hidden;
    overflow-y: auto; }
    .header-bar .dropdown-menu .indented-section .doubly-indented-section {
      border-left: 2px solid #2B7DE1;
      margin-left: 3.25em; }
      .header-bar .dropdown-menu .indented-section .doubly-indented-section > li {
        overflow: hidden; }
        .header-bar .dropdown-menu .indented-section .doubly-indented-section > li > a {
          min-height: 1.5em;
          padding-top: 0.1em;
          padding-bottom: 0.2em;
          display: flex;
          align-items: center;
          width: calc(100% - 16px);
          max-width: 250px;
          word-break: break-all; }
    .header-bar .dropdown-menu .indented-section > li > label {
      margin-left: 2.4em;
      padding: 3px 0.5em 0.1em 0;
      display: block; }
    .header-bar .dropdown-menu .indented-section > li > a {
      padding-left: 2.85em  !important;
      padding-right: 4px;
      margin-left: 0;
      display: block;
      line-height: 1.8em;
      max-width: 296px;
      width: max-content !important;
      width: available !important;
      min-width: calc(100% - 19px); }
  .header-bar .dropdown-menu li:not(.label-none) > a {
    white-space: normal; }
  .header-bar .dropdown-menu li:not(.label-none) > label {
    padding-left: 6px; }
    .header-bar .dropdown-menu li:not(.label-none) > label.small-label {
      font-size: 14px;
      padding-left: 11px;
      color: #64676d; }
  .header-bar .dropdown-menu li:not(.label-none) a.link-with-icon {
    padding-left: 12px;
    width: auto; }
  .header-bar .dropdown-menu li:not(.label-none) > form {
    display: block; }
    .header-bar .dropdown-menu li:not(.label-none) > form > .link-with-icon {
      display: block;
      line-height: 20px;
      padding: 3px 0px 3px 12px; }
    .header-bar .dropdown-menu li:not(.label-none) > form > a:not(.link-with-icon) {
      padding-top: 5px;
      padding-bottom: 5px; }
  .header-bar .dropdown-menu li:not(.label-none)#import-sample-tags-link form .link-with-icon {
    padding-left: 6% !important; }
  .header-bar .dropdown-menu li:not(.label-none).dropdown-submenu > .dropdown-menu {
    top: 6px !important;
    left: 100% !important;
    border-top-width: 0px !important;
    border-left: 2px solid #2B7DE1;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -o-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px; }
  .header-bar .dropdown-menu li:not(.label-none) .list-filter {
    position: absolute;
    top: 3px;
    right: 4px;
    height: 16px;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  .header-bar .dropdown-menu li:not(.label-none).link-with-id-holder {
    position: relative; }
    .header-bar .dropdown-menu li:not(.label-none).link-with-id-holder .multi-linker-dropdown {
      position: absolute;
      right: 4px;
      top: 3px;
      opacity: 0;
      -webkit-transition: opacity 130ms ease-out;
      -moz-transition: opacity 130ms ease-out;
      -o-transition: opacity 130ms ease-out;
      -ms-transition: opacity 130ms ease-out;
      transition: opacity 130ms ease-out; }
      .header-bar .dropdown-menu li:not(.label-none).link-with-id-holder .multi-linker-dropdown.dropdown-submenu .dropdown-menu {
        top: 5px !important;
        left: 25px !important;
        padding-left: 12px; }
    .header-bar .dropdown-menu li:not(.label-none).link-with-id-holder:hover .multi-linker-dropdown {
      opacity: 1; }
    .header-bar .dropdown-menu li:not(.label-none).link-with-id-holder a {
      white-space: normal;
      padding-left: 0 !important;
      margin-right: 0; }
    .header-bar .dropdown-menu li:not(.label-none).link-with-id-holder span {
      display: inline-block; }
    .header-bar .dropdown-menu li:not(.label-none).link-with-id-holder .id-holder {
      width: 4em;
      text-align: right;
      color: #999;
      font-family: monospace;
      margin-right: 3px; }
    .header-bar .dropdown-menu li:not(.label-none).link-with-id-holder .name-holder {
      max-width: 324px;
      vertical-align: top;
      word-break: break-word; }
    .header-bar .dropdown-menu li:not(.label-none).link-with-id-holder .link-with-id-header {
      background: #e7eaed;
      margin-top: -5px;
      margin-bottom: 0px;
      height: 24px;
      line-height: 24px;
      border-bottom: 1px solid #d1d2de; }
      .header-bar .dropdown-menu li:not(.label-none).link-with-id-holder .link-with-id-header .id-holder, .header-bar .dropdown-menu li:not(.label-none).link-with-id-holder .link-with-id-header .name-holder {
        font-family: inherit;
        font-weight: bold;
        font-size: 14px;
        padding-left: 2px;
        vertical-align: inherit; }
  .header-bar .dropdown-menu li:not(.label-none) .inline-links-holder {
    position: relative;
    padding: 3px 11px 3px 0px;
    line-height: 20px; }
    .header-bar .dropdown-menu li:not(.label-none) .inline-links-holder .main-link-holder {
      display: inline-block;
      white-space: normal;
      width: calc(100% - 70px);
      padding-right: 70px; }
    .header-bar .dropdown-menu li:not(.label-none) .inline-links-holder .links-holder {
      position: absolute;
      right: 22px;
      top: 17%;
      width: 60px;
      display: inline; }
    .header-bar .dropdown-menu li:not(.label-none) .inline-links-holder a {
      width: auto;
      border-bottom: none; }
    .header-bar .dropdown-menu li:not(.label-none) .inline-links-holder .icomoon-icon {
      color: #4780c7; }
    .header-bar .dropdown-menu li:not(.label-none) .inline-links-holder .icomoon-icon:hover {
      color: #164c7a; }
    .header-bar .dropdown-menu li:not(.label-none) .inline-links-holder .icon-file-pdf {
      color: #c92553; }
  .header-bar .dropdown-menu li:not(.label-none) a:not(.link-with-icon) {
    padding-left: 12px;
    padding-right: 12px; }
  .header-bar .dropdown-menu li:not(.label-none) a {
    color: #333;
    text-decoration: none;
    width: auto;
    border-bottom: none !important;
    -webkit-transition: background-color 160ms ease-out;
    -moz-transition: background-color 160ms ease-out;
    -o-transition: background-color 160ms ease-out;
    -ms-transition: background-color 160ms ease-out;
    transition: background-color 160ms ease-out; }
    .header-bar .dropdown-menu li:not(.label-none) a.indented-link {
      padding-left: 2.65em;
      width: calc(100% - 3.65em) !important; }
  .header-bar .dropdown-menu li:not(.label-none) a:hover {
    background: #ACE;
    color: #1D4B7A; }
  .header-bar .dropdown-menu li:not(.label-none) label {
    color: #565961;
    font-size: 1em;
    font-weight: bold; }

.header-button {
  margin-top: 0.45em;
  margin-bottom: 0.6em;
  vertical-align: middle;
  font-size: 1.6em;
  padding: 0.1em 2em 0.2em 2em;
  line-height: 1.6em; }

#top-header {
  height: 38px;
  min-width: 83em; }
  #top-header #site-name {
    position: absolute;
    top: 30px;
    left: 88px;
    color: #515C66;
    z-index: 11;
    opacity: 0.9;
    font-size: 11px; }
    #top-header #site-name.with-experiment-header {
      top: 25px;
      left: 77px; }
  #top-header #header-logo-holder {
    position: absolute;
    padding: 1px 4px 1px 3px;
    margin: 0px 17px 0 1px;
    cursor: pointer;
    z-index: 11;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    #top-header #header-logo-holder:hover {
      border-color: #ACE; }
    #top-header #header-logo-holder:active {
      background-color: #B8D3EF;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05); }
    #top-header #header-logo-holder #header-logo {
      height: 40px;
      width: 145px;
      background: url("/cytobank/images/Cytobank_2C_RGB_HR.png") no-repeat 0 0;
      background-size: contain;
      -webkit-transition: background-color 160ms ease-out;
      -moz-transition: background-color 160ms ease-out;
      -o-transition: background-color 160ms ease-out;
      -ms-transition: background-color 160ms ease-out;
      transition: background-color 160ms ease-out; }
      #top-header #header-logo-holder #header-logo.with-experiment-header {
        height: 35px;
        width: 126px; }
  #top-header .right-aligned-header-section .header-link-with-icon {
    padding: 9px 13px 4px 4px; }
    #top-header .right-aligned-header-section .header-link-with-icon .icon-arrow-down2 {
      top: 8px !important;
      right: 0px !important;
      font-size: 14px !important; }
  #top-header ul li .header-item {
    margin: 1px;
    padding: 9px 20px 2px 14px;
    height: 16px;
    font-size: 14px; }
  #top-header ul li .header-item, #top-header ul li .icomoon-icon {
    color: #114477; }
  #top-header ul li .header-item > a {
    color: #114477; }
    #top-header ul li .header-item > a:hover {
      color: #2B7DE1; }
  #top-header ul li .dropdown:not(.help-dropdown) .header-dropdown:hover, #top-header ul li .dropdown:not(.help-dropdown) .header-dropdown:focus, #top-header ul li .dropdown:not(.help-dropdown) .header-dropdown:active, #top-header ul li .dropdown:not(.help-dropdown) .header-link:hover, #top-header ul li .dropdown:not(.help-dropdown) .header-link:focus, #top-header ul li .dropdown:not(.help-dropdown) .header-link:active, #top-header ul li .dropdown:not(.help-dropdown) .header-link-with-icon:hover, #top-header ul li .dropdown:not(.help-dropdown) .header-link-with-icon:focus, #top-header ul li .dropdown:not(.help-dropdown) .header-link-with-icon:active {
    color: #2B7DE1 !important;
    border-bottom: 2px solid #2B7DE1; }
    #top-header ul li .dropdown:not(.help-dropdown) .header-dropdown:hover i.icomoon-icon, #top-header ul li .dropdown:not(.help-dropdown) .header-dropdown:focus i.icomoon-icon, #top-header ul li .dropdown:not(.help-dropdown) .header-dropdown:active i.icomoon-icon, #top-header ul li .dropdown:not(.help-dropdown) .header-link:hover i.icomoon-icon, #top-header ul li .dropdown:not(.help-dropdown) .header-link:focus i.icomoon-icon, #top-header ul li .dropdown:not(.help-dropdown) .header-link:active i.icomoon-icon, #top-header ul li .dropdown:not(.help-dropdown) .header-link-with-icon:hover i.icomoon-icon, #top-header ul li .dropdown:not(.help-dropdown) .header-link-with-icon:focus i.icomoon-icon, #top-header ul li .dropdown:not(.help-dropdown) .header-link-with-icon:active i.icomoon-icon {
      color: #2B7DE1; }
  #top-header ul li .dropdown.open .dropdown-menu {
    top: 26px;
    left: 0px;
    border-top: 2px solid #2B7DE1; }
  #top-header .dropdown-menu h5 {
    color: #092644;
    padding-top: 2px;
    font-size: 13px; }
  #top-header #user-button {
    margin-right: 0;
    padding-top: 6px;
    padding-bottom: 7px; }
    #top-header #user-button span {
      display: inline-block;
      line-height: 22px;
      vertical-align: top;
      font-size: 14px;
      padding-left: 4px; }
    #top-header #user-button .icon-arrow-down2 {
      top: 10px;
      right: 7px; }
  #top-header #user-dropdown .dropdown-info {
    margin-left: 13px;
    font-size: 13px;
    font-style: italic; }
  #top-header #user-dropdown #profile-link {
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
    white-space: normal;
    width: 107px;
    line-height: 13px;
    word-break: break-word;
    padding-left: 4px; }

.experiment-page-header .dropdown.open .header-dropdown, .experiment-page-header .dropdown.open .header-link, .experiment-page-header .dropdown.open .header-link-with-icon, .cytobank-dropdown-wrapper .dropdown.open .header-dropdown, .cytobank-dropdown-wrapper .dropdown.open .header-link, .cytobank-dropdown-wrapper .dropdown.open .header-link-with-icon {
  color: #2B7DE1;
  border-bottom: 2px solid #2B7DE1; }
  .experiment-page-header .dropdown.open .header-dropdown > i.icomoon-icon, .experiment-page-header .dropdown.open .header-link > i.icomoon-icon, .experiment-page-header .dropdown.open .header-link-with-icon > i.icomoon-icon, .cytobank-dropdown-wrapper .dropdown.open .header-dropdown > i.icomoon-icon, .cytobank-dropdown-wrapper .dropdown.open .header-link > i.icomoon-icon, .cytobank-dropdown-wrapper .dropdown.open .header-link-with-icon > i.icomoon-icon {
    color: #2B7DE1 !important; }
.experiment-page-header .dropdown.open .dropdown-menu, .cytobank-dropdown-wrapper .dropdown.open .dropdown-menu {
  top: 24px;
  left: -2px;
  border-top: 2px solid #2B7DE1; }
  .experiment-page-header .dropdown.open .dropdown-menu > li > form, .cytobank-dropdown-wrapper .dropdown.open .dropdown-menu > li > form {
    display: inline-block;
    height: 24px;
    padding-top: 5px; }
    .experiment-page-header .dropdown.open .dropdown-menu > li > form a.link-with-icon, .cytobank-dropdown-wrapper .dropdown.open .dropdown-menu > li > form a.link-with-icon {
      height: 23px;
      width: 208px;
      background: transparent; }

#experiment-header-wrapper {
  width: 100%;
  height: 0px; }
  #experiment-header-wrapper .advanced-analysis-dropdown .dropdown-menu {
    max-height: calc(100vh - 120px);
    overflow-y: auto; }

.experiment-page-header {
  position: relative;
  height: 48px;
  background: #D0DFF1;
  border-top: 1px solid #D0DFF1;
  border-bottom: 1px solid #D0DFF1;
  width: calc(100vw - 15px);
  min-width: 123em; }
  .experiment-page-header .acs-export-link-holder {
    position: relative; }
    .experiment-page-header .acs-export-link-holder .estimated-size-holder {
      position: absolute;
      right: 4px;
      top: 6px;
      color: #313182; }
  .experiment-page-header.advanced-analysis-experiment {
    background: #c5d2f5;
    border-color: #c5d2f5 !important;
    min-width: 130em; }
    .experiment-page-header.advanced-analysis-experiment #experiment-name-holder a.dropdownized {
      color: #273296 !important; }
    .experiment-page-header.advanced-analysis-experiment #experiment-name-holder .experiment-name > .icomoon-icon {
      color: #1315A5; }
    .experiment-page-header.advanced-analysis-experiment ul > li .inline-header-link > .header-link-with-icon, .experiment-page-header.advanced-analysis-experiment ul > li .inline-header-link:not(.disabled-link) > span, .experiment-page-header.advanced-analysis-experiment ul > li .header-item.header-link-with-icon {
      color: #273296; }
    .experiment-page-header.advanced-analysis-experiment ul > li .header-link-with-icon .icomoon-icon {
      color: #1315A5; }
  .experiment-page-header.locked-experiment {
    background: #e3e1e1;
    border-color: #cfcfcf !important; }
  .experiment-page-header .dropdown.advanced-analysis-dropdown .header-dropdown:hover, .experiment-page-header .dropdown.advanced-analysis-dropdown .header-dropdown:focus, .experiment-page-header .dropdown.advanced-analysis-dropdown .header-dropdown:active, .experiment-page-header .dropdown.advanced-analysis-dropdown .header-link:hover, .experiment-page-header .dropdown.advanced-analysis-dropdown .header-link:focus, .experiment-page-header .dropdown.advanced-analysis-dropdown .header-link:active, .experiment-page-header .dropdown.advanced-analysis-dropdown .header-link-with-icon:hover, .experiment-page-header .dropdown.advanced-analysis-dropdown .header-link-with-icon:focus, .experiment-page-header .dropdown.advanced-analysis-dropdown .header-link-with-icon:active {
    color: #374C91 !important;
    border-bottom: 2px solid #374C91 !important; }
  .experiment-page-header .dropdown.advanced-analysis-dropdown .header-dropdown > i.icomoon-icon, .experiment-page-header .dropdown.advanced-analysis-dropdown .header-link > i.icomoon-icon, .experiment-page-header .dropdown.advanced-analysis-dropdown .header-link-with-icon > i.icomoon-icon {
    color: #374C91 !important; }
  .experiment-page-header .dropdown.advanced-analysis-dropdown > .dropdown-menu {
    width: 280px;
    border-top: 2px solid #374C91 !important; }
    .experiment-page-header .dropdown.advanced-analysis-dropdown > .dropdown-menu .dropdown-submenu .dropdown-menu {
      border-left: 2px solid #374C91 !important; }
  .experiment-page-header #view-experiment-details-link {
    position: absolute;
    top: 4px;
    right: 4px; }
  .experiment-page-header #edit-experiment-details-link {
    position: absolute;
    top: 4px;
    right: 4px; }
  .experiment-page-header .experiment-page-header-content-holder {
    position: relative; }
  .experiment-page-header .tiered-header-link {
    display: flex;
    flex-direction: column;
    height: 40px;
    font-size: 15px;
    padding: 0 10px 0 10px !important; }
    .experiment-page-header .tiered-header-link:hover:not(.disabled-link) .top-section > span, .experiment-page-header .tiered-header-link:hover:not(.disabled-link) .right-section > span, .experiment-page-header .tiered-header-link:hover:not(.disabled-link) i {
      color: #0051a3 !important; }
    .experiment-page-header .tiered-header-link.by-row {
      flex-direction: row; }
      .experiment-page-header .tiered-header-link.by-row .left-section .icon-cogs {
        vertical-align: -3px;
        padding-right: 4px; }
      .experiment-page-header .tiered-header-link.by-row .right-section {
        line-height: 20px;
        text-align: left; }
    .experiment-page-header .tiered-header-link .top-section {
      height: 50%;
      color: #525d6e; }
    .experiment-page-header .tiered-header-link .bottom-section {
      height: 50%; }
  .experiment-page-header #sharing-button, .experiment-page-header #signature-button {
    overflow-y: hidden; }
    .experiment-page-header #sharing-button .top-section, .experiment-page-header #signature-button .top-section {
      -webkit-transition: padding 130ms ease-out;
      -moz-transition: padding 130ms ease-out;
      -o-transition: padding 130ms ease-out;
      -ms-transition: padding 130ms ease-out;
      transition: padding 130ms ease-out; }
    .experiment-page-header #sharing-button .bottom-section, .experiment-page-header #signature-button .bottom-section {
      -webkit-transition: opacity 130ms ease-out;
      -moz-transition: opacity 130ms ease-out;
      -o-transition: opacity 130ms ease-out;
      -ms-transition: opacity 130ms ease-out;
      transition: opacity 130ms ease-out; }
      .experiment-page-header #sharing-button .bottom-section .icomoon-icon, .experiment-page-header #signature-button .bottom-section .icomoon-icon {
        color: #525d6e; }
  .experiment-page-header #configure-section {
    position: absolute;
    top: 0px;
    right: 0px;
    height: calc(100% - 10px);
    padding: 5px 9px;
    text-align: center; }
    .experiment-page-header #configure-section ul.header-list {
      min-width: 30em;
      right: 0em;
      padding: 0 !important; }
    .experiment-page-header #configure-section .bottom-section > ul {
      margin-bottom: -1px; }
      .experiment-page-header #configure-section .bottom-section > ul > li {
        display: inline-block; }
        .experiment-page-header #configure-section .bottom-section > ul > li .inline-header-link {
          padding-right: 7px; }
        .experiment-page-header #configure-section .bottom-section > ul > li:last-child {
          text-align: right; }
        .experiment-page-header #configure-section .bottom-section > ul > li a {
          padding-left: 0; }
        .experiment-page-header #configure-section .bottom-section > ul > li .icon-arrow-down2 {
          top: 7px;
          right: 0px; }
        .experiment-page-header #configure-section .bottom-section > ul > li .header-link-with-icon {
          margin-top: 3px;
          padding-bottom: 0px;
          padding-top: 5px; }
          .experiment-page-header #configure-section .bottom-section > ul > li .header-link-with-icon i.icomoon-icon:not(.icon-arrow-down2) {
            font-size: 19px !important; }
          .experiment-page-header #configure-section .bottom-section > ul > li .header-link-with-icon:hover, .experiment-page-header #configure-section .bottom-section > ul > li .header-link-with-icon:focus, .experiment-page-header #configure-section .bottom-section > ul > li .header-link-with-icon:active {
            color: #2B7DE1; }
            .experiment-page-header #configure-section .bottom-section > ul > li .header-link-with-icon:hover i.icomoon-icon, .experiment-page-header #configure-section .bottom-section > ul > li .header-link-with-icon:focus i.icomoon-icon, .experiment-page-header #configure-section .bottom-section > ul > li .header-link-with-icon:active i.icomoon-icon {
              color: #2B7DE1; }
        .experiment-page-header #configure-section .bottom-section > ul > li .dropdown-menu {
          top: 25px;
          left: 0px; }
  .experiment-page-header #experiment-name-holder {
    margin-left: 43px;
    margin-top: 0px;
    height: 21px;
    line-height: 21px;
    width: calc(100% - 26em);
    white-space: nowrap; }
    .experiment-page-header #experiment-name-holder .dropdownized {
      overflow: hidden;
      text-overflow: ellipsis; }
    .experiment-page-header #experiment-name-holder .dropdown-menu {
      white-space: normal; }
    .experiment-page-header #experiment-name-holder > label {
      font-size: 14px; }
    .experiment-page-header #experiment-name-holder .round-icon-button {
      opacity: 0;
      -webkit-transition: opacity 130ms ease-out;
      -moz-transition: opacity 130ms ease-out;
      -o-transition: opacity 130ms ease-out;
      -ms-transition: opacity 130ms ease-out;
      transition: opacity 130ms ease-out; }
      .experiment-page-header #experiment-name-holder .round-icon-button i.icon-menu2 {
        font-size: 13px !important; }
    .experiment-page-header #experiment-name-holder:hover .round-icon-button {
      opacity: 1; }
    .experiment-page-header #experiment-name-holder .side-dropdown {
      top: -3px !important;
      left: 26px;
      border-top: none;
      border-left: 2px solid #2B7DE1; }
    .experiment-page-header #experiment-name-holder #edit-experiment-name-ul .label-td {
      vertical-align: top; }
      .experiment-page-header #experiment-name-holder #edit-experiment-name-ul .label-td .click-to-edit .icomoon-icon {
        float: right;
        margin-left: 5px; }
    .experiment-page-header #experiment-name-holder #experiment-information-link .icon-info {
      color: #114477; }
    .experiment-page-header #experiment-name-holder #experiment-information-link:hover {
      border-bottom: 2px solid #2B7DE1; }
      .experiment-page-header #experiment-name-holder #experiment-information-link:hover .icon-info {
        color: #2B7DE1 !important; }
    .experiment-page-header #experiment-name-holder a.dropdownized {
      font-size: 16px;
      color: #0051a3; }
      .experiment-page-header #experiment-name-holder a.dropdownized .icon-arrow-down2 {
        top: 3px; }
    .experiment-page-header #experiment-name-holder .analysis-cloned-from-holder {
      font-size: 14px; }
      .experiment-page-header #experiment-name-holder .analysis-cloned-from-holder > a {
        color: #273296 !important; }
      .experiment-page-header #experiment-name-holder .analysis-cloned-from-holder span {
        color: #535353;
        margin-left: 11px;
        margin-right: 2px; }
    .experiment-page-header #experiment-name-holder .experiment-name {
      padding-bottom: 1px; }
      .experiment-page-header #experiment-name-holder .experiment-name > .icomoon-icon {
        margin-right: 4px; }
    .experiment-page-header #experiment-name-holder .dropdown {
      display: inline-block; }
      .experiment-page-header #experiment-name-holder .dropdown table {
        font-size: 13px;
        table-layout: fixed;
        width: 500px; }
        .experiment-page-header #experiment-name-holder .dropdown table td {
          border: none;
          vertical-align: middle; }
          .experiment-page-header #experiment-name-holder .dropdown table td:not(.label-td) {
            color: #4A4C50;
            padding: 0.2em; }
          .experiment-page-header #experiment-name-holder .dropdown table td.label-td {
            font-size: 14px;
            color: #666;
            text-align: right;
            padding: 0.1em;
            width: 30%; }
      .experiment-page-header #experiment-name-holder .dropdown.open a .experiment-name, .experiment-page-header #experiment-name-holder .dropdown a:hover .experiment-name, .experiment-page-header #experiment-name-holder .dropdown a:active .experiment-name {
        color: #2B7DE1;
        border-bottom: 2px solid #2B7DE1; }
      .experiment-page-header #experiment-name-holder .dropdown.open a .experiment-name, .experiment-page-header #experiment-name-holder .dropdown.open a .icon-arrow-down2, .experiment-page-header #experiment-name-holder .dropdown a:hover .experiment-name, .experiment-page-header #experiment-name-holder .dropdown a:hover .icon-arrow-down2, .experiment-page-header #experiment-name-holder .dropdown a:active .experiment-name, .experiment-page-header #experiment-name-holder .dropdown a:active .icon-arrow-down2 {
        color: #2B7DE1 !important; }
      .experiment-page-header #experiment-name-holder .dropdown .dropdown-menu {
        top: 19px;
        line-height: 13px; }
        .experiment-page-header #experiment-name-holder .dropdown .dropdown-menu td:not(.label-td) {
          font-size: 14px; }
    .experiment-page-header #experiment-name-holder .icon-arrow-down2 {
      position: absolute;
      top: 0px;
      right: -11px; }
  .experiment-page-header ul.header-list {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    vertical-align: top;
    width: 70%;
    min-width: 58em;
    max-width: 62em;
    padding-left: 32px;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between; }
    .experiment-page-header ul.header-list > li {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      vertical-align: top;
      position: relative;
      white-space: nowrap;
      -webkit-flex: 0 1 auto;
      -moz-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
      flex: 0 1 auto; }
      .experiment-page-header ul.header-list > li .header-link-with-icon {
        padding-bottom: 1px;
        margin-top: 1px;
        padding-right: 28px; }
  .experiment-page-header .section-label {
    font-size: 13px !important; }
  .experiment-page-header .experiment-header-label {
    top: 2px; }
  .experiment-page-header .header-item .icon-arrow-down2, .experiment-page-header label .icon-arrow-down2 {
    position: absolute;
    right: 13px !important;
    top: 8px !important;
    margin-right: -5px; }
  .experiment-page-header .inline-header-link {
    width: auto !important; }
  .experiment-page-header i.icon-lock {
    font-size: 14px !important; }
  .experiment-page-header i:not(.icon-arrow-down2, .icon-lock) {
    font-size: 17px !important; }
  .experiment-page-header ul > li .header-item {
    margin-top: 1px;
    position: relative; }
    .experiment-page-header ul > li .header-item label {
      font-family: 'Lato', 'Lato-local', "trebuchet MS", helvetica, sans-serif; }
    .experiment-page-header ul > li .header-item a {
      text-decoration: none;
      color: #0051a3; }
    .experiment-page-header ul > li .header-item a:hover {
      text-decoration: underline; }
    .experiment-page-header ul > li .header-item a:active {
      text-decoration: underline;
      color: #ACE !important; }
  .experiment-page-header ul > li .header-link, .experiment-page-header ul > li .header-link label {
    cursor: pointer; }
  .experiment-page-header ul > li .header-link .icon-arrow-down2 {
    right: -3px;
    top: 9px; }
  .experiment-page-header ul > li .header-dropdown, .experiment-page-header ul > li .header-link, .experiment-page-header ul > li .header-link-with-icon {
    font-size: 15px;
    color: #0051a3; }
    .experiment-page-header ul > li .header-dropdown > span, .experiment-page-header ul > li .header-link > span, .experiment-page-header ul > li .header-link-with-icon > span {
      vertical-align: top;
      line-height: 18px; }
    .experiment-page-header ul > li .header-dropdown:hover:not(.disabled-link), .experiment-page-header ul > li .header-dropdown:focus:not(.disabled-link), .experiment-page-header ul > li .header-dropdown:active:not(.disabled-link), .experiment-page-header ul > li .header-link:hover:not(.disabled-link), .experiment-page-header ul > li .header-link:focus:not(.disabled-link), .experiment-page-header ul > li .header-link:active:not(.disabled-link), .experiment-page-header ul > li .header-link-with-icon:hover:not(.disabled-link), .experiment-page-header ul > li .header-link-with-icon:focus:not(.disabled-link), .experiment-page-header ul > li .header-link-with-icon:active:not(.disabled-link) {
      color: #2B7DE1 !important; }
    .experiment-page-header ul > li .header-dropdown:hover:not(.non-dropdown), .experiment-page-header ul > li .header-dropdown:focus:not(.non-dropdown), .experiment-page-header ul > li .header-dropdown:active:not(.non-dropdown), .experiment-page-header ul > li .header-link:hover:not(.non-dropdown), .experiment-page-header ul > li .header-link:focus:not(.non-dropdown), .experiment-page-header ul > li .header-link:active:not(.non-dropdown), .experiment-page-header ul > li .header-link-with-icon:hover:not(.non-dropdown), .experiment-page-header ul > li .header-link-with-icon:focus:not(.non-dropdown), .experiment-page-header ul > li .header-link-with-icon:active:not(.non-dropdown) {
      border-bottom: 2px solid #2B7DE1; }
    .experiment-page-header ul > li .header-dropdown:hover > i.icomoon-icon, .experiment-page-header ul > li .header-dropdown:focus > i.icomoon-icon, .experiment-page-header ul > li .header-dropdown:active > i.icomoon-icon, .experiment-page-header ul > li .header-link:hover > i.icomoon-icon, .experiment-page-header ul > li .header-link:focus > i.icomoon-icon, .experiment-page-header ul > li .header-link:active > i.icomoon-icon, .experiment-page-header ul > li .header-link-with-icon:hover > i.icomoon-icon, .experiment-page-header ul > li .header-link-with-icon:focus > i.icomoon-icon, .experiment-page-header ul > li .header-link-with-icon:active > i.icomoon-icon {
      color: #2B7DE1; }
  .experiment-page-header ul > li .header-item-with-label {
    padding: 11px 12px 8px 12px; }
    .experiment-page-header ul > li .header-item-with-label label {
      position: absolute;
      font-size: 11px;
      top: 1px;
      left: 15px;
      color: #999; }
    .experiment-page-header ul > li .header-item-with-label a {
      padding-left: 20px; }
  .experiment-page-header ul > li .header-link-with-icon {
    cursor: pointer;
    padding: 4px 12px 1px 12px;
    margin-top: 5px;
    text-decoration: none !important;
    z-index: 1; }
    .experiment-page-header ul > li .header-link-with-icon .icomoon-icon {
      color: #114477;
      padding-right: 2px; }
      .experiment-page-header ul > li .header-link-with-icon .icomoon-icon.icon-arrow-down2 {
        color: #2B7DE1 !important; }

#experiment-header ul > li .header-link-with-icon .icomoon-icon {
  padding-right: 5px; }

#page-specific-header {
  width: calc(100vw - 15px);
  height: 46px;
  background: #F7F8FC; }
  #page-specific-header.experiment-header-above #back-button {
    border-right: 1px solid #BBB; }
  #page-specific-header.experiment-header-above .border-haver {
    white-space: nowrap;
    min-width: 1100px; }
  #page-specific-header .dropdownized {
    position: relative; }
  #page-specific-header.wide-style {
    border-bottom: 1px solid #BBB;
    box-shadow: -4px 3px 5px 0px rgba(0, 0, 0, 0.1); }
  #page-specific-header a.standalone-icon-holder {
    padding-top: 7px; }
  #page-specific-header .header-text {
    vertical-align: top;
    margin-top: 5px; }
  #page-specific-header #margin-maker {
    margin-left: 43px;
    margin-right: 28px; }
  #page-specific-header .header-link-holder, #page-specific-header .header-dropdown-holder {
    display: inline-block;
    text-align: center;
    font-size: 15px;
    height: 45px;
    line-height: 49px; }
  #page-specific-header .header-link-holder {
    line-height: 44px !important;
    vertical-align: top; }
    #page-specific-header .header-link-holder a {
      padding-bottom: 2px;
      color: #0051a3; }
      #page-specific-header .header-link-holder a .icomoon-icon, #page-specific-header .header-link-holder a .link-icon:not(.dark-red-icon) {
        color: #114477 !important; }
      #page-specific-header .header-link-holder a:hover, #page-specific-header .header-link-holder a:focus {
        color: #2B7DE1 !important;
        border-bottom: 2px solid #2B7DE1; }
        #page-specific-header .header-link-holder a:hover .icomoon-icon, #page-specific-header .header-link-holder a:hover .link-icon, #page-specific-header .header-link-holder a:focus .icomoon-icon, #page-specific-header .header-link-holder a:focus .link-icon {
          color: #2B7DE1 !important; }
      #page-specific-header .header-link-holder a:active {
        color: #92C1E9 !important;
        border-bottom: 2px solid #92C1E9; }
        #page-specific-header .header-link-holder a:active .icomoon-icon, #page-specific-header .header-link-holder a:active .link-icon {
          color: #92C1E9 !important; }
  #page-specific-header .reset-all-head {
    min-width: 150px;
    position: relative; }
    #page-specific-header .reset-all-head .support-info-link {
      position: absolute;
      top: 13px;
      left: 14px; }
      #page-specific-header .reset-all-head .support-info-link i.icon-info {
        color: #a08e06 !important; }
    #page-specific-header .reset-all-head .support-info-link:hover {
      color: #D4AA0E;
      border-bottom: none; }
  #page-specific-header .reset-all-head:hover .support-info-link {
    opacity: 1;
    color: #D4AA0E; }
  #page-specific-header .header-dropdown-holder {
    line-height: 16px;
    display: inline-block;
    vertical-align: top;
    padding-top: 15px;
    margin-right: 20px; }
    #page-specific-header .header-dropdown-holder.hidden-div {
      display: none; }
    #page-specific-header .header-dropdown-holder.sixteen-px-icon-link-holder .dropdown .dropdownized span, #page-specific-header .header-dropdown-holder.sixteen-px-icon-link-holder .custom-dropdown .custom-dropdownized span {
      vertical-align: 3px; }
    #page-specific-header .header-dropdown-holder.sixteen-px-icon-link-holder .dropdown .dropdownized .sixteen-px-icon, #page-specific-header .header-dropdown-holder.sixteen-px-icon-link-holder .custom-dropdown .custom-dropdownized .sixteen-px-icon {
      vertical-align: 2px; }
    #page-specific-header .header-dropdown-holder.sixteen-px-icon-link-holder .dropdown.open .dropdown-menu {
      top: 22px; }
    #page-specific-header .header-dropdown-holder .dropdown-menu.open {
      top: 17px;
      left: -43px;
      border-top: 2px solid #2B7DE1; }
    #page-specific-header .header-dropdown-holder .dropdown-menu.list-with-support-info li {
      position: relative;
      width: calc(99% - 26px); }
      #page-specific-header .header-dropdown-holder .dropdown-menu.list-with-support-info li a.support-info-link {
        position: absolute;
        padding: 5px 4px;
        top: 0px;
        right: -29px; }
    #page-specific-header .header-dropdown-holder .dropdownized.disabled {
      pointer-events: none;
      color: #bbb; }
    #page-specific-header .header-dropdown-holder .dropdownized .icon-gate-import {
      height: 15px;
      font-size: 17px;
      margin-right: 5px;
      margin-left: -3px; }
    #page-specific-header .header-dropdown-holder .dropdown-submenu.disabled a.submenu-link {
      color: #bbb; }
    #page-specific-header .header-dropdown-holder .dropdownized:not(.disabled), #page-specific-header .header-dropdown-holder .custom-dropdownized:not(.disabled) {
      cursor: pointer;
      font-size: 15px;
      color: #0051a3;
      padding-bottom: 2px; }
      #page-specific-header .header-dropdown-holder .dropdownized:not(.disabled) i.icomoon-icon, #page-specific-header .header-dropdown-holder .custom-dropdownized:not(.disabled) i.icomoon-icon {
        color: #114477 !important; }
    #page-specific-header .header-dropdown-holder .dropdownized.special-border {
      color: #2B7DE1;
      border-bottom: 2px solid #2B7DE1; }
    #page-specific-header .header-dropdown-holder .dropdownized:hover:not(.disabled), #page-specific-header .header-dropdown-holder .dropdownized:active:not(.disabled), #page-specific-header .header-dropdown-holder .dropdownized:focus:not(.disabled), #page-specific-header .header-dropdown-holder .dropdown.open .dropdownized:not(.disabled) {
      color: #2B7DE1; }
      #page-specific-header .header-dropdown-holder .dropdownized:hover:not(.disabled) i.icomoon-icon, #page-specific-header .header-dropdown-holder .dropdownized:active:not(.disabled) i.icomoon-icon, #page-specific-header .header-dropdown-holder .dropdownized:focus:not(.disabled) i.icomoon-icon, #page-specific-header .header-dropdown-holder .dropdown.open .dropdownized:not(.disabled) i.icomoon-icon {
        color: #2B7DE1 !important; }
      #page-specific-header .header-dropdown-holder .dropdownized:hover:not(.disabled):not(.nested-border-elem), #page-specific-header .header-dropdown-holder .dropdownized:active:not(.disabled):not(.nested-border-elem), #page-specific-header .header-dropdown-holder .dropdownized:focus:not(.disabled):not(.nested-border-elem), #page-specific-header .header-dropdown-holder .dropdown.open .dropdownized:not(.disabled):not(.nested-border-elem) {
        border-bottom: 2px solid #2B7DE1; }
      #page-specific-header .header-dropdown-holder .dropdownized:hover:not(.disabled).nested-border-elem div > a, #page-specific-header .header-dropdown-holder .dropdownized:active:not(.disabled).nested-border-elem div > a, #page-specific-header .header-dropdown-holder .dropdownized:focus:not(.disabled).nested-border-elem div > a, #page-specific-header .header-dropdown-holder .dropdown.open .dropdownized:not(.disabled).nested-border-elem div > a {
        color: #2B7DE1;
        border-bottom: 2px solid #2B7DE1; }
  #page-specific-header .header-nice-button {
    height: 18px !important;
    padding: 3px 5px 4px 5px;
    vertical-align: top;
    margin-top: 9px;
    white-space: nowrap; }
    #page-specific-header .header-nice-button.without-icon {
      padding-top: 4px;
      padding-bottom: 3px; }
    #page-specific-header .header-nice-button.green-button {
      height: 17px !important;
      margin-top: 10px; }
    #page-specific-header .header-nice-button a, #page-specific-header .header-nice-button i {
      vertical-align: middle; }
    #page-specific-header .header-nice-button .link-with-icon {
      color: #323336; }
      #page-specific-header .header-nice-button .link-with-icon i {
        color: #114477;
        vertical-align: baseline !important; }
      #page-specific-header .header-nice-button .link-with-icon:hover, #page-specific-header .header-nice-button .link-with-icon:active {
        border-bottom: none !important; }
  #page-specific-header h2 {
    display: inline-block;
    font-size: 18px;
    line-height: 44px;
    margin-bottom: 0;
    font-weight: normal;
    color: #242343;
    position: relative; }
    #page-specific-header h2.with-getting-started {
      cursor: help;
      margin-left: -2px;
      padding-left: 32px !important;
      padding-right: 6px;
      margin-top: 5px;
      height: 41px;
      line-height: 34px;
      white-space: nowrap; }
      #page-specific-header h2.with-getting-started .icon-info {
        opacity: 0.3;
        position: absolute;
        left: 10px;
        top: 9px; }
      #page-specific-header h2.with-getting-started > a {
        color: inherit; }
      #page-specific-header h2.with-getting-started:hover {
        color: #1D4B7A;
        background-color: #fbf8f0; }
        #page-specific-header h2.with-getting-started:hover #getting-started-link {
          color: #D4AA0E;
          opacity: 1; }
        #page-specific-header h2.with-getting-started:hover .icon-info {
          opacity: 1; }
      #page-specific-header h2.with-getting-started:active {
        color: #A7860E;
        box-shadow: inset 3px 3px 6px 1px rgba(0, 0, 0, 0.125); }
        #page-specific-header h2.with-getting-started:active #getting-started-link {
          color: #A7860E;
          opacity: 1; }
    #page-specific-header h2.gating-editor-head {
      margin-top: 2px;
      height: 44px;
      line-height: normal;
      display: flex;
      align-items: center; }
      #page-specific-header h2.gating-editor-head .link-icon {
        opacity: 0.3;
        top: 14px; }
    #page-specific-header h2 #getting-started-link {
      position: absolute;
      top: 0px;
      left: 9px;
      font-size: 16px;
      color: #5D697A;
      cursor: help;
      opacity: 0.35; }
    #page-specific-header h2 .ellipsis-overflow {
      display: inline-block;
      vertical-align: bottom;
      margin-left: -7px;
      margin-right: -12px;
      padding-right: 1em;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    #page-specific-header h2 .gravatar-user-link {
      display: inline; }
      #page-specific-header h2 .gravatar-user-link img {
        position: absolute;
        top: -2px; }
      #page-specific-header h2 .gravatar-user-link span {
        margin-left: 39px;
        transform: inherit;
        -webkit-transform: inherit;
        -ms-transform: inherit; }
  #page-specific-header:not(.experiment-header-above) h2 {
    padding-left: 40px; }
  #page-specific-header.experiment-header-above h2 {
    padding-left: 37px; }
  #page-specific-header .header-spacer {
    display: inline-block;
    width: 2em; }
  #page-specific-header .page-specific-icon-link {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px; }
    #page-specific-header .page-specific-icon-link a {
      padding: 6px; }
    #page-specific-header .page-specific-icon-link a, #page-specific-header .page-specific-icon-link i {
      text-decoration: none !important;
      color: #1758AC;
      font-size: 20px; }
      #page-specific-header .page-specific-icon-link a:hover, #page-specific-header .page-specific-icon-link i:hover {
        color: #ACE; }

.fixed-header {
  z-index: 11;
  position: fixed; }
  .fixed-header#top-header {
    top: 0px;
    width: 100%;
    border-bottom: 1px solid #1B2C39;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4); }
  .fixed-header#page-specific-header {
    top: 0px; }
    .fixed-header#page-specific-header.experiment-header-above {
      top: 26px; }
    .fixed-header#page-specific-header:not(.wide-style) .border-haver {
      box-shadow: -1px 4px 3px -3px rgba(0, 0, 0, 0.2); }
  .fixed-header .experiment-page-header {
    top: -62px; }
    .fixed-header .experiment-page-header #sharing-button .top-section, .fixed-header .experiment-page-header #signature-button .top-section {
      padding-top: 21px;
      font-size: 15px;
      color: #0051a3; }
    .fixed-header .experiment-page-header #sharing-button .bottom-section, .fixed-header .experiment-page-header #signature-button .bottom-section {
      opacity: 0.1; }

.experiment-page-header-break {
  height: 1px;
  opacity: 0;
  width: 100%;
  margin-top: 0px;
  background-color: #5a7998; }

.header-space-filler {
  height: 0;
  width: 100%; }
  .header-space-filler.filling-space#top-header-space-filler {
    height: 0px; }
  .header-space-filler.filling-space#page-specific-header-space-filler {
    height: 47px; }
    .header-space-filler.filling-space#page-specific-header-space-filler.with-experiment-header {
      height: 97px; }

#hd.illustration-hd #page-specific-header-space-filler.header-space-filler.filling-space.with-experiment-header {
  height: 121px; }

#experiment-summary-header {
  background: #F7F8FC;
  height: 100%; }
  #experiment-summary-header .ui-tabs {
    display: inline-block;
    top: 14px;
    left: 50px;
    background: none; }
    #experiment-summary-header .ui-tabs ul {
      display: inline-block;
      background: none; }
      #experiment-summary-header .ui-tabs ul li {
        display: inline-block; }

#illustration-templates-list {
  text-align: left;
  min-width: 96%;
  max-height: 60vh;
  overflow-y: scroll;
  padding-left: 5px;
  padding-bottom: 15px;
  cursor: default;
  -webkit-border-radius: 0px 5px 5px 5px;
  -moz-border-radius: 0px 5px 5px 5px;
  -o-border-radius: 0px 5px 5px 5px;
  border-radius: 0px 5px 5px 5px; }
  #illustration-templates-list label {
    font-weight: bold;
    font-size: 14px;
    padding-top: 10px;
    display: block;
    text-align: left;
    font-family: 'Open Sans', OpenSans-local;
    border-bottom: 1px solid #81818e;
    margin-bottom: 3px;
    width: 70%; }
  #illustration-templates-list li {
    position: relative; }
    #illustration-templates-list li:hover {
      background: #f4f4f4; }
    #illustration-templates-list li .link-with-icon {
      display: inline-block !important; }
    #illustration-templates-list li a.standalone-icon-holder {
      width: 16px;
      padding: 0 8px 0 0; }
    #illustration-templates-list li a:not(.standalone-icon-holder) {
      padding: 3px 5px 3px 5px;
      width: 80%; }
    #illustration-templates-list li .template-icons-holder {
      display: inline-block;
      width: 15%;
      position: relative; }
      #illustration-templates-list li .template-icons-holder .tooltip:not(:last-child) {
        left: -162px !important; }
      #illustration-templates-list li .template-icons-holder .standalone-icon:not(:hover) {
        color: #999; }

.drag-and-drop-view {
  border: 2px dashed;
  background-color: #e4eaf1;
  margin: 3em auto 3em auto;
  width: 90%;
  height: 16em;
  cursor: pointer;
  -webkit-transition: background-color 160ms ease-out;
  -moz-transition: background-color 160ms ease-out;
  -o-transition: background-color 160ms ease-out;
  -ms-transition: background-color 160ms ease-out;
  transition: background-color 160ms ease-out;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .drag-and-drop-view .text {
    margin-top: 2.9em;
    text-align: center;
    font-size: 16px; }
  .drag-and-drop-view .big-icon {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.1em; }
    .drag-and-drop-view .big-icon i {
      font-size: 5em;
      color: #395782c7;
      -webkit-transition: color 160ms ease-out;
      -moz-transition: color 160ms ease-out;
      -o-transition: color 160ms ease-out;
      -ms-transition: color 160ms ease-out;
      transition: color 160ms ease-out; }
  .drag-and-drop-view .show-on-drag {
    display: none; }
  .drag-and-drop-view * {
    pointer-events: none !important; }
  .drag-and-drop-view:hover:not(.uploading):not(.is-dragover) {
    border-color: #1c5898;
    background-color: #ebf4ff; }
  .drag-and-drop-view.uploading {
    border: 1px solid #a6d2ff;
    background-color: #f1f7fd !important; }
    .drag-and-drop-view.uploading .text, .drag-and-drop-view.uploading .big-icon {
      display: none; }
  .drag-and-drop-view.is-dragover {
    background-color: #d5eaff; }
    .drag-and-drop-view.is-dragover .big-icon i {
      color: #1758AC; }
    .drag-and-drop-view.is-dragover .show-on-drag {
      display: inherit; }
    .drag-and-drop-view.is-dragover .hide-on-drag {
      display: none; }

.drag-and-drop-results {
  font-size: 1.2em;
  line-height: 1.5em; }
  .drag-and-drop-results .overflowable-info {
    max-height: 40vh;
    overflow-y: scroll; }
  .drag-and-drop-results .nice-subtle-button {
    font-size: 1.1em;
    padding: 0.4em 1em;
    border-bottom: 1px solid #bbbbbb;
    display: inline-block;
    margin-top: 0.3em;
    margin-right: 0.4em; }

#hd {
  min-width: 98em; }

.disabled-link {
  color: #7F8188 !important;
  opacity: 0.9;
  cursor: not-allowed !important; }
  .disabled-link i.icomoon-icon, .disabled-link:hover > i.icomoon-icon, .disabled-link i.link-icon {
    cursor: not-allowed !important; }
    .disabled-link i.icomoon-icon:not(.icon-arrow-down2), .disabled-link:hover > i.icomoon-icon:not(.icon-arrow-down2), .disabled-link i.link-icon:not(.icon-arrow-down2) {
      color: #7F8188 !important; }
    .disabled-link i.icomoon-icon.icon-arrow-down2, .disabled-link:hover > i.icomoon-icon.icon-arrow-down2, .disabled-link i.link-icon.icon-arrow-down2 {
      opacity: 0 !important; }

.header-minimal-dropdown-holder {
  display: inline-block;
  font-size: 15px;
  vertical-align: 1px; }
  .header-minimal-dropdown-holder .dropdown.bootstrap-select {
    width: auto !important; }
    .header-minimal-dropdown-holder .dropdown.bootstrap-select button.dropdown-toggle {
      border-color: transparent;
      background-color: transparent;
      color: #0046a2;
      margin-top: -2px; }
      .header-minimal-dropdown-holder .dropdown.bootstrap-select button.dropdown-toggle .bs-caret {
        opacity: 0.8;
        color: #0046a2; }
      .header-minimal-dropdown-holder .dropdown.bootstrap-select button.dropdown-toggle:hover {
        border-color: #0046a2;
        background-color: #f2f8ff; }
        .header-minimal-dropdown-holder .dropdown.bootstrap-select button.dropdown-toggle:hover .bs-caret {
          opacity: 1; }
    .header-minimal-dropdown-holder .dropdown.bootstrap-select .dropdown-menu.open {
      border-top: 2px solid #0a50aa;
      margin-top: -2px; }

.firefox-html #page-specific-header .header-dropdown-holder .dropdown-menu {
  top: 10px; }

.flex-header-holder {
  display: inline-flex;
  white-space: nowrap;
  flex-direction: row;
  align-items: center; }
  .flex-header-holder > * {
    display: flex; }
  .flex-header-holder .support-info-link {
    opacity: 0.3; }
  .flex-header-holder .support-info-link:hover {
    opacity: 1; }

#page-specific-header-holder {
  position: relative;
  z-index: 10; }

.apply-button-holder:hover .support-info-link {
  opacity: 1; }
.apply-button-holder #apply-button-region {
  align-items: center; }
.apply-button-holder #apply-button {
  padding: 5px 19px 6px 19px;
  font-size: 15px; }
  .apply-button-holder #apply-button:not(.disabled-nice-button) {
    background: linear-gradient(to bottom, #ebf4fb 0%, #e9f6fd 100%);
    border-color: #2a7de1c4;
    color: #1a4e8c; }
    .apply-button-holder #apply-button:not(.disabled-nice-button) i {
      color: #17599c; }
    .apply-button-holder #apply-button:not(.disabled-nice-button):hover {
      background: #ddf1ff;
      border-color: #0e5ebf; }
  .apply-button-holder #apply-button.disabled-nice-button {
    cursor: default !important;
    opacity: 0.5; }
  .apply-button-holder #apply-button i {
    vertical-align: -1px; }

p#ie-header-message {
  text-align: center;
  background-color: #EEF; }

.top-header-message {
  background-color: #fbf8f0;
  border-color: #D4AA0E;
  border-style: solid;
  border-width: 2px 0px;
  color: #333;
  font-size: 14px;
  margin-top: 7px;
  margin: 0.25em 0 1px 0;
  display: flex;
  clear: both; }
  .top-header-message.hidden-div {
    display: none; }
  .top-header-message .banner-message-text {
    flex: 1 1;
    text-align: center;
    padding: 1em 4em; }
  .top-header-message .close-button {
    flex: 0 1;
    padding: 0.5em 0.5em 0 1em;
    background: #e2c75a;
    cursor: pointer; }
    .top-header-message .close-button i {
      color: #635313 !important;
      font-size: 26px; }
    .top-header-message .close-button:hover {
      background: #e2c75a9c; }
      .top-header-message .close-button:hover i {
        color: black !important; }
    .top-header-message .close-button:active {
      box-shadow: inset 3px 3px 6px 1px rgba(0, 0, 0, 0.125); }
      .top-header-message .close-button:active i {
        padding-left: 1px;
        padding-top: 1px;
        margin-right: -1px;
        margin-bottom: -1px; }
  .top-header-message a, .top-header-message a:visited {
    color: #1758AC;
    text-decoration: none; }
  .top-header-message a:hover {
    color: #1D4B7A;
    text-decoration: underline; }

.warning-box, .notice-box, .gentle-info-box {
  padding: 1em !important;
  border-radius: 6px;
  display: block;
  font-size: 14px;
  padding: 1em; }

.warning-box {
  background-color: #ffe7db;
  color: #bd1a00;
  border: 2px solid #e64500 !important; }
  .warning-box.header-version {
    display: flex;
    padding: 0.5em 1.6em !important;
    margin-top: -0.65em;
    font-size: 1em; }

.notice-box {
  background-color: #dbf0fd;
  color: #285b8d;
  border: 2px solid #4585c5 !important; }

.gentle-info-box {
  background-color: #eff8fd;
  color: #43515f;
  border: 2px solid #879aad !important; }

p.warn {
  background-color: #FFE3C0;
  border-color: #FF9917;
  border-width: 1px;
  border-style: solid;
  color: #1D4B7A;
  margin: 0.25em 0 0.4em 0;
  padding: 0.25em;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.alert-box {
  border: 1px solid #D43;
  padding: 2em;
  border-radius: 7px;
  background: #FC0;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFCC00), to(#FFFFFF), color-stop(0.4, #FFFFFF));
  background: -moz-linear-gradient(0% 0% 270deg, #FFCC00, #FFFFFF, #FFFFFF 75%); }

#messages {
  width: 100%;
  position: fixed;
  z-index: 100000;
  pointer-events: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }
  #messages .messages {
    pointer-events: initial; }
    #messages .messages li {
      color: inherit;
      position: relative;
      pointer-events: all;
      min-height: 26px;
      min-width: 500px;
      max-width: 48em;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      align-items: center; }
    #messages .messages.uncloseable .icon-close2 {
      display: none; }
    #messages .messages:not(.uncloseable) li .icon-close2 {
      opacity: 0.3;
      color: inherit;
      position: absolute;
      top: -1px;
      right: -1px; }
    #messages .messages:not(.uncloseable) li:hover .icon-close2 {
      opacity: 1; }

#login-messages #messages {
  margin-bottom: 14px;
  padding-top: 22px; }
  #login-messages #messages .messages {
    position: absolute;
    top: 0px;
    margin-left: 20%;
    margin-right: 20%;
    width: 60%; }
    #login-messages #messages .messages > li {
      width: 66%;
      margin: 10px 17% 0 17% !important;
      padding: 9px 0px 6px 0px !important;
      font-size: 14px;
      z-index: 1; }
      #login-messages #messages .messages > li .text-holder {
        width: 97%;
        text-align: center;
        padding: 1px 7px; }

#messages .messages li.error, #messages .messages li.warning, #messages .messages li.notice, #messages .messages li.success, .ajax-loaded-getting-started .messages li.error, .ajax-loaded-getting-started .messages li.warning, .ajax-loaded-getting-started .messages li.notice, .ajax-loaded-getting-started .messages li.success {
  background-color: #ffe7db;
  border: solid 1px #e64500;
  color: #bd1a00;
  padding: 4px 9px 4px 9px;
  margin: 5px 16px 4px 16px;
  font-size: 15px;
  display: inline-block;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  #messages .messages li.error.uncloseable, #messages .messages li.warning.uncloseable, #messages .messages li.notice.uncloseable, #messages .messages li.success.uncloseable, .ajax-loaded-getting-started .messages li.error.uncloseable, .ajax-loaded-getting-started .messages li.warning.uncloseable, .ajax-loaded-getting-started .messages li.notice.uncloseable, .ajax-loaded-getting-started .messages li.success.uncloseable {
    cursor: default !important; }
  #messages .messages li.error .text-holder, #messages .messages li.warning .text-holder, #messages .messages li.notice .text-holder, #messages .messages li.success .text-holder, .ajax-loaded-getting-started .messages li.error .text-holder, .ajax-loaded-getting-started .messages li.warning .text-holder, .ajax-loaded-getting-started .messages li.notice .text-holder, .ajax-loaded-getting-started .messages li.success .text-holder {
    overflow: hidden;
    padding-right: 3px;
    padding-left: 3px;
    margin-top: -3px;
    max-width: 63em; }
    #messages .messages li.error .text-holder div, #messages .messages li.warning .text-holder div, #messages .messages li.notice .text-holder div, #messages .messages li.success .text-holder div, .ajax-loaded-getting-started .messages li.error .text-holder div, .ajax-loaded-getting-started .messages li.warning .text-holder div, .ajax-loaded-getting-started .messages li.notice .text-holder div, .ajax-loaded-getting-started .messages li.success .text-holder div {
      display: table-cell;
      vertical-align: middle; }
  #messages .messages li.error a, #messages .messages li.error a:visited, #messages .messages li.warning a, #messages .messages li.warning a:visited, #messages .messages li.notice a, #messages .messages li.notice a:visited, #messages .messages li.success a, #messages .messages li.success a:visited, .ajax-loaded-getting-started .messages li.error a, .ajax-loaded-getting-started .messages li.error a:visited, .ajax-loaded-getting-started .messages li.warning a, .ajax-loaded-getting-started .messages li.warning a:visited, .ajax-loaded-getting-started .messages li.notice a, .ajax-loaded-getting-started .messages li.notice a:visited, .ajax-loaded-getting-started .messages li.success a, .ajax-loaded-getting-started .messages li.success a:visited {
    color: #0000ee;
    text-decoration: none; }
  #messages .messages li.error a:hover, #messages .messages li.warning a:hover, #messages .messages li.notice a:hover, #messages .messages li.success a:hover, .ajax-loaded-getting-started .messages li.error a:hover, .ajax-loaded-getting-started .messages li.warning a:hover, .ajax-loaded-getting-started .messages li.notice a:hover, .ajax-loaded-getting-started .messages li.success a:hover {
    color: #4585c5;
    text-decoration: underline; }
  #messages .messages li.error a:active, #messages .messages li.warning a:active, #messages .messages li.notice a:active, #messages .messages li.success a:active, .ajax-loaded-getting-started .messages li.error a:active, .ajax-loaded-getting-started .messages li.warning a:active, .ajax-loaded-getting-started .messages li.notice a:active, .ajax-loaded-getting-started .messages li.success a:active {
    color: #F81; }
#messages .messages li.warning, .ajax-loaded-getting-started .messages li.warning {
  background-color: #fff3dc;
  border-color: #fba200;
  color: #cc8200; }
#messages .messages li.notice, .ajax-loaded-getting-started .messages li.notice {
  background-color: #dbf0fd;
  border-color: #336ba3;
  color: #004a94; }
#messages .messages li.success, .ajax-loaded-getting-started .messages li.success {
  background-color: #e1f6ef;
  border-color: #32b394;
  color: #009158; }
#messages .messages:not(.uncloseable) li.error:not(.uncloseable), #messages .messages:not(.uncloseable) li.warning:not(.uncloseable), #messages .messages:not(.uncloseable) li.notice:not(.uncloseable), #messages .messages:not(.uncloseable) li.success:not(.uncloseable), .ajax-loaded-getting-started .messages:not(.uncloseable) li.error:not(.uncloseable), .ajax-loaded-getting-started .messages:not(.uncloseable) li.warning:not(.uncloseable), .ajax-loaded-getting-started .messages:not(.uncloseable) li.notice:not(.uncloseable), .ajax-loaded-getting-started .messages:not(.uncloseable) li.success:not(.uncloseable) {
  cursor: pointer; }
  #messages .messages:not(.uncloseable) li.error:not(.uncloseable):hover, #messages .messages:not(.uncloseable) li.warning:not(.uncloseable):hover, #messages .messages:not(.uncloseable) li.notice:not(.uncloseable):hover, #messages .messages:not(.uncloseable) li.success:not(.uncloseable):hover, .ajax-loaded-getting-started .messages:not(.uncloseable) li.error:not(.uncloseable):hover, .ajax-loaded-getting-started .messages:not(.uncloseable) li.warning:not(.uncloseable):hover, .ajax-loaded-getting-started .messages:not(.uncloseable) li.notice:not(.uncloseable):hover, .ajax-loaded-getting-started .messages:not(.uncloseable) li.success:not(.uncloseable):hover {
    opacity: 0.98; }
  #messages .messages:not(.uncloseable) li.error:not(.uncloseable):active.error, #messages .messages:not(.uncloseable) li.warning:not(.uncloseable):active.error, #messages .messages:not(.uncloseable) li.notice:not(.uncloseable):active.error, #messages .messages:not(.uncloseable) li.success:not(.uncloseable):active.error, .ajax-loaded-getting-started .messages:not(.uncloseable) li.error:not(.uncloseable):active.error, .ajax-loaded-getting-started .messages:not(.uncloseable) li.warning:not(.uncloseable):active.error, .ajax-loaded-getting-started .messages:not(.uncloseable) li.notice:not(.uncloseable):active.error, .ajax-loaded-getting-started .messages:not(.uncloseable) li.success:not(.uncloseable):active.error {
    box-shadow: 2px 2px 4px #fba200 inset; }
  #messages .messages:not(.uncloseable) li.error:not(.uncloseable):active.warning, #messages .messages:not(.uncloseable) li.warning:not(.uncloseable):active.warning, #messages .messages:not(.uncloseable) li.notice:not(.uncloseable):active.warning, #messages .messages:not(.uncloseable) li.success:not(.uncloseable):active.warning, .ajax-loaded-getting-started .messages:not(.uncloseable) li.error:not(.uncloseable):active.warning, .ajax-loaded-getting-started .messages:not(.uncloseable) li.warning:not(.uncloseable):active.warning, .ajax-loaded-getting-started .messages:not(.uncloseable) li.notice:not(.uncloseable):active.warning, .ajax-loaded-getting-started .messages:not(.uncloseable) li.success:not(.uncloseable):active.warning {
    box-shadow: 2px 2px 4px #fba200 inset; }
  #messages .messages:not(.uncloseable) li.error:not(.uncloseable):active.notice, #messages .messages:not(.uncloseable) li.warning:not(.uncloseable):active.notice, #messages .messages:not(.uncloseable) li.notice:not(.uncloseable):active.notice, #messages .messages:not(.uncloseable) li.success:not(.uncloseable):active.notice, .ajax-loaded-getting-started .messages:not(.uncloseable) li.error:not(.uncloseable):active.notice, .ajax-loaded-getting-started .messages:not(.uncloseable) li.warning:not(.uncloseable):active.notice, .ajax-loaded-getting-started .messages:not(.uncloseable) li.notice:not(.uncloseable):active.notice, .ajax-loaded-getting-started .messages:not(.uncloseable) li.success:not(.uncloseable):active.notice {
    box-shadow: 2px 2px 4px #4585c5 inset; }
  #messages .messages:not(.uncloseable) li.error:not(.uncloseable):active.success, #messages .messages:not(.uncloseable) li.warning:not(.uncloseable):active.success, #messages .messages:not(.uncloseable) li.notice:not(.uncloseable):active.success, #messages .messages:not(.uncloseable) li.success:not(.uncloseable):active.success, .ajax-loaded-getting-started .messages:not(.uncloseable) li.error:not(.uncloseable):active.success, .ajax-loaded-getting-started .messages:not(.uncloseable) li.warning:not(.uncloseable):active.success, .ajax-loaded-getting-started .messages:not(.uncloseable) li.notice:not(.uncloseable):active.success, .ajax-loaded-getting-started .messages:not(.uncloseable) li.success:not(.uncloseable):active.success {
    box-shadow: 2px 2px 4px #32b394 inset; }

.success-message, .error-message {
  border: 1px solid;
  padding: 6px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .success-message.closeable, .error-message.closeable {
    cursor: pointer; }

.success-message {
  background-color: #e1f6ef;
  color: #009158;
  border-color: #32b394; }

.error-message {
  background-color: #ffe7db;
  color: #bd1a00;
  border-color: #e64500; }

.form-validation-message {
  display: none;
  position: absolute;
  margin-left: 6px;
  font-size: 12px;
  padding: 2px 8px;
  text-align: center;
  border: 1px solid;
  font-width: bold;
  background-color: #FED;
  color: #F81;
  border-color: #F81;
  top: 0px;
  max-width: 12em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.form-message {
  position: absolute;
  margin-left: 6px;
  font-size: 1.2em;
  padding: 4px 10px;
  text-align: center;
  border: 1px solid;
  font-width: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.form-message-success {
  background-color: #EFE;
  border-color: #3A4;
  color: #3A4; }

.form-message-error {
  background-color: #FED;
  color: #F81;
  border-color: #F81; }

.form-message-notice {
  background-color: #EEF;
  border-color: #4585c5;
  color: #4585c5; }

.form-validation-error-message {
  background-color: #FED;
  color: #F81;
  border-color: #F81;
  border: 1px solid;
  padding: 10px;
  font-size: 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  display: none; }

.general-message {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  border: 1px solid; }

.layout-table td.layout-column, .layout-table th.layout-column {
  vertical-align: top;
  text-align: left;
  border: 0;
  padding: 1em; }

.sidebar-layout-padder {
  padding: 1em; }

#user-sharing-modal .modal-body {
  background: #f4faff; }
  #user-sharing-modal .modal-body .autocomplete-form-holder {
    padding: 2em 3em; }

.user-autocomplete {
  position: relative; }
  .user-autocomplete .icon-search3 {
    position: absolute;
    top: 6px;
    left: 6px; }
  .user-autocomplete .nice-input {
    padding-left: 26px;
    font-size: 15px; }
  .user-autocomplete .autocomplete {
    position: absolute;
    background: white;
    border: 1px solid lightgrey;
    border-radius: 0 6px 6px 6px;
    padding: 4px 2px;
    z-index: 1;
    top: 27px; }
    .user-autocomplete .autocomplete li {
      display: flex;
      cursor: pointer;
      width: 200px;
      border-radius: 7px;
      padding: 3px 0 3px 4px; }
      .user-autocomplete .autocomplete li.selected {
        background: #ACE; }
      .user-autocomplete .autocomplete li span {
        padding-left: 6px;
        align-items: center;
        display: inline-flex; }
  .user-autocomplete .user-connection-link {
    display: flex;
    background-color: #eff8ff !important;
    border: 1px solid #a9caee !important;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 4px 10px;
    margin-top: 7px !important;
    margin-bottom: -2px;
    font-size: 1.1em;
    cursor: pointer;
    font-weight: bold !important; }
    .user-autocomplete .user-connection-link i, .user-autocomplete .user-connection-link a {
      vertical-align: middle;
      color: #104477; }
    .user-autocomplete .user-connection-link a {
      flex: 1;
      text-align: center; }
    .user-autocomplete .user-connection-link.ui-menu-item-wrapper {
      margin: 4px 2px; }
      .user-autocomplete .user-connection-link.ui-menu-item-wrapper a {
        line-height: 16px; }

.experiment-user-holder {
  display: inline-flex;
  cursor: pointer;
  padding: 2px;
  border: 1px solid transparent; }
  .experiment-user-holder:hover {
    background-color: #e4edf7;
    border-color: #76a3d0; }
  .experiment-user-holder span {
    color: #1758AC;
    padding-left: 6px;
    align-items: center;
    display: inline-flex;
    margin-right: 4px; }

.centered-menu {
  display: table;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  padding-top: 1em;
  padding-bottom: 3em; }
  .centered-menu fieldset .text-holder {
    display: inline-block;
    padding-top: 4px;
    margin-bottom: 4px; }
  .centered-menu .submit-button-holder {
    width: 100%;
    text-align: center; }
    .centered-menu .submit-button-holder .nice-button {
      min-width: 12em;
      height: 34px; }
  .centered-menu .submit-button {
    margin-left: 11.6em;
    min-width: 8em;
    padding-left: 6px;
    padding-right: 6px; }

.loading-placeholder {
  min-height: 55em;
  background: #FEFEFE;
  font-style: italic;
  font-size: 1.5em;
  padding: 3em 0 0 3em; }

.section-holder {
  position: relative;
  padding: 4px;
  margin: 4px;
  border: 1px solid #EEE;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

#page-specific-header .header-menu-section {
  display: inline-block;
  background: #EFF0F4;
  padding: 0px 10px !important;
  vertical-align: top;
  height: 34px;
  margin-top: 6px;
  white-space: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  #page-specific-header .header-menu-section.no-background {
    background: none; }
  #page-specific-header .header-menu-section .header-text {
    height: 26px;
    line-height: 24px; }
  #page-specific-header .header-menu-section > .header-link-holder {
    line-height: 35px !important; }
  #page-specific-header .header-menu-section .header-dropdown-holder {
    padding-top: 9px !important; }

.spinner-holder {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px; }

.simple-link-dropdown-holder .icon-arrow-down2 {
  opacity: 0; }
.simple-link-dropdown-holder li:not(.dropdown-submenu) .dropdown-menu {
  top: -3px;
  left: -43px;
  border-top: 2px solid #2B7DE1; }
.simple-link-dropdown-holder li.dropdown-submenu .dropdown-menu {
  border-left: 2px solid #2B7DE1; }
.simple-link-dropdown-holder .dropdownized.disabled {
  pointer-events: none;
  color: #bbb; }
.simple-link-dropdown-holder .dropdownized:not(.disabled) {
  cursor: pointer;
  font-size: 13px;
  color: #0051a3;
  padding-bottom: 2px; }
  .simple-link-dropdown-holder .dropdownized:not(.disabled) i.icomoon-icon {
    color: #114477 !important; }
.simple-link-dropdown-holder .dropdownized:hover:not(.disabled), .simple-link-dropdown-holder .dropdownized:active:not(.disabled), .simple-link-dropdown-holder .dropdownized:focus:not(.disabled), .simple-link-dropdown-holder .dropdown.open .dropdownized:not(.disabled) {
  color: #2B7DE1;
  border-bottom: 2px solid #2B7DE1; }
  .simple-link-dropdown-holder .dropdownized:hover:not(.disabled) i.icomoon-icon, .simple-link-dropdown-holder .dropdownized:active:not(.disabled) i.icomoon-icon, .simple-link-dropdown-holder .dropdownized:focus:not(.disabled) i.icomoon-icon, .simple-link-dropdown-holder .dropdown.open .dropdownized:not(.disabled) i.icomoon-icon {
    opacity: 1;
    color: #2B7DE1 !important; }

.modal-body {
  width: calc(100% - 30x); }
  .modal-body .collapsible-list {
    border: 1px solid #e7edf3;
    border-radius: 8px;
    padding: 6px;
    margin-top: 10px;
    margin-bottom: 20px; }
    .modal-body .collapsible-list .subsection {
      padding-left: 12px;
      margin: 0 0 10px 0;
      font-size: 14px; }
      .modal-body .collapsible-list .subsection ul, .modal-body .collapsible-list .subsection ol {
        margin: 0 0 2px 0;
        padding-left: 24px; }
        .modal-body .collapsible-list .subsection ul li, .modal-body .collapsible-list .subsection ol li {
          font-size: 14px; }
      .modal-body .collapsible-list .subsection .larger-font {
        font-size: 16px; }
        .modal-body .collapsible-list .subsection .larger-font ul li, .modal-body .collapsible-list .subsection .larger-font ol li {
          font-size: 16px; }
      .modal-body .collapsible-list .subsection .list-header {
        margin: 0 0 -2px 0;
        padding: 0 0 2px 0; }
    .modal-body .collapsible-list .list-header {
      cursor: pointer;
      border-radius: 8px;
      margin: -6px;
      padding: 6px; }
      .modal-body .collapsible-list .list-header:hover {
        background: #e3f1ff; }
  .modal-body .field-group {
    margin: 4px 0 32px 0; }
    .modal-body .field-group label, .modal-body .field-group input {
      float: left;
      margin-top: 0 !important; }
    .modal-body .field-group label {
      text-align: right;
      font-size: 14px;
      font-style: italic; }
    .modal-body .field-group input {
      font-size: 14px;
      margin-left: 3px; }
  .modal-body .modal-messages {
    font-size: 14px; }
    .modal-body .modal-messages .closeable {
      display: none; }
  .modal-body .content {
    min-height: 10em;
    max-height: 30em;
    overflow-y: scroll; }
    .modal-body .content .spinner {
      left: 50% !important;
      top: 5em !important; }
    .modal-body .content .error-message {
      margin-top: 3em;
      cursor: pointer; }
      .modal-body .content .error-message:hover {
        opacity: 0.8; }
      .modal-body .content .error-message:active {
        box-shadow: 1px 1px 2px #D43 inset; }

.content > .huge-icon.spinning-icon.icon-spinner2 {
  margin: 0.5em 0 0.5em calc(50% - 31px); }

.modal-medium {
  width: 58%;
  margin-left: auto;
  margin-right: auto; }
  .modal-medium .modal-dialog {
    width: initial; }
  .modal-medium fieldset label {
    width: 11em; }
  .modal-medium fieldset input[type='text'], .modal-medium fieldset textarea {
    width: 32em; }

.modal {
  margin-left: auto;
  margin-right: auto; }

.modal-wide {
  width: 74%;
  left: 0; }

.modal-sm-med {
  width: 54em;
  min-width: 54em; }

.modal-med-sm {
  width: 65em;
  min-width: 65em; }

.modal-med-md {
  width: 84em;
  min-width: 84em; }

.modal-lg {
  width: 108em;
  min-width: 108em; }

.modal-xg {
  min-width: 1500px;
  width: calc(100% - 259px); }

.full-screen-modal {
  min-width: 800px;
  width: calc(100% - 259px); }

.modal-92em {
  width: 92em;
  min-width: 92em; }

.modal-med-lg {
  width: 100em;
  min-width: 100em; }

.modal-89 {
  width: 89em;
  min-width: 89em; }

.modal-sm .modal-body .field-group label {
  width: 110px; }
.modal-sm .modal-body .field-group input {
  width: 280px !important; }
.modal-sm .modal-body .dropdown-menu.open {
  max-width: 48em; }
.modal-sm .modal-body .bootstrap-select .dropdown-menu.open {
  max-width: 442px; }

.modal-slight-offset-top {
  margin-top: 48px; }

.modal-offset-top {
  margin-top: 15vh; }

.modal-with-overflow {
  overflow: visible !important; }

.modal-footer {
  padding: 7px 21px 23px 0;
  font-size: 1.2em;
  min-height: 32px;
  background-color: #F6F8FC;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -o-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px; }
  .modal-footer .left-footer-button {
    left: 24px;
    position: absolute !important;
    bottom: 18px;
    width: 200px;
    padding-top: 2px; }
    .modal-footer .left-footer-button .link-icon {
      vertical-align: 2px; }
  .modal-footer .spinner-holder {
    margin-right: 6px;
    top: 3px; }
  .modal-footer .submit-button {
    height: 38px;
    font-size: 17px;
    min-width: 10em;
    padding: 9px 1em 8px 1em; }
  .modal-footer .buttonish-link {
    display: inline-block; }
  .modal-footer .dont-show-checkbox-link {
    font-size: 16px;
    padding-bottom: 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .modal-footer .dont-show-checkbox-link:hover {
      color: #0a4280;
      background: #dfebf7; }
      .modal-footer .dont-show-checkbox-link:hover .icomoon-icon {
        color: #0a4280; }
    .modal-footer .dont-show-checkbox-link:active {
      box-shadow: inset 1px 2px 4px 0px rgba(0, 0, 0, 0.2); }
    .modal-footer .dont-show-checkbox-link .icomoon-icon {
      margin-right: 6px;
      vertical-align: -1px; }

.modal-header {
  padding: 15px !important;
  background: #CCDFF3;
  color: #002855;
  cursor: move;
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -o-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px; }
  .modal-header .info-button {
    top: 16px;
    right: 16px; }
  .modal-header .modal-help-link {
    margin: 2px 0 -2px 12px; }
  .modal-header h2 {
    font-size: 1.7em;
    margin-bottom: 0 !important;
    text-align: left;
    display: flex; }
    .modal-header h2.with-icon span {
      margin-left: 46px; }
    .modal-header h2.with-icon > .icomoon-icon {
      position: absolute;
      top: 0;
      left: 0;
      height: 23px;
      width: 23px;
      padding: 14px;
      font-size: 24px;
      text-align: center;
      background: #e1ecf8;
      color: #002855;
      -webkit-border-radius: 5px 0px 0px 0px;
      -moz-border-radius: 5px 0px 0px 0px;
      -o-border-radius: 5px 0px 0px 0px;
      border-radius: 5px 0px 0px 0px; }
  .modal-header .modal-filter-holder {
    position: relative;
    margin-left: 27%;
    top: -6px; }
    .modal-header .modal-filter-holder input {
      top: -15px;
      height: 19px;
      width: 160px;
      font-size: 13px;
      padding: 2px 4px 2px 6px;
      border: none;
      position: absolute;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      -webkit-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
      -moz-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
      -o-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
      -ms-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
      transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1); }
      .modal-header .modal-filter-holder input:focus {
        width: 260px; }
  .modal-header .close {
    float: right;
    margin-top: -11px !important;
    margin-right: -2px;
    padding: 0;
    background: 0;
    border: 0;
    font-size: 3em;
    font-weight: 700;
    cursor: pointer;
    opacity: 0.5; }
    .modal-header .close:hover {
      opacity: 1; }

.ui-autocomplete {
  z-index: 10000 !important; }

.media-content-modal .modal-content {
  width: 770px !important; }
.media-content-modal#first-time-user-modal .modal-content {
  width: 570px !important; }
.media-content-modal .modal-header {
  padding-bottom: 6px !important; }
.media-content-modal .modal-body {
  padding: 0 !important;
  margin: 0 !important;
  color: #5B6770; }
.media-content-modal .modal-footer {
  padding: 0.75em !important; }
  .media-content-modal .modal-footer button {
    margin: 0 0 0 1em; }
.media-content-modal .media-content-header {
  margin-bottom: 0;
  font-weight: normal;
  font-size: 28px; }
  .media-content-modal .media-content-header .media-content-text {
    position: absolute;
    top: 0.95em;
    left: 2.8em; }
  .media-content-modal .media-content-header #release-number-text {
    position: absolute;
    top: 0.988em;
    left: 17.2em; }
  .media-content-modal .media-content-header#first-time-user-modal-label .media-content-text {
    left: 1.4em; }
  .media-content-modal .media-content-header#first-time-user-modal-label #logo-image {
    margin-left: 9.5em; }
  .media-content-modal .media-content-header #logo-image {
    position: relative;
    margin-left: -0.5em; }
    .media-content-modal .media-content-header #logo-image img {
      height: 61px !important; }
.media-content-modal .carousel-caption {
  bottom: -28px;
  color: black;
  font-size: 1.7em; }

.first-time-user-link-list .first-time-user-entry {
  display: block;
  padding: 1em 4em;
  position: relative; }
  .first-time-user-link-list .first-time-user-entry:hover {
    background: #f1f8ff; }
    .first-time-user-link-list .first-time-user-entry:hover h3 {
      color: #307ee2; }
    .first-time-user-link-list .first-time-user-entry:hover .icon-holder {
      background-color: #307ee2 !important;
      -webkit-transition: background-color 400ms ease-out;
      -moz-transition: background-color 400ms ease-out;
      -o-transition: background-color 400ms ease-out;
      -ms-transition: background-color 400ms ease-out;
      transition: background-color 400ms ease-out; }
      .first-time-user-link-list .first-time-user-entry:hover .icon-holder .icomoon-icon {
        color: white;
        -webkit-transition: color 160ms ease-out;
        -moz-transition: color 160ms ease-out;
        -o-transition: color 160ms ease-out;
        -ms-transition: color 160ms ease-out;
        transition: color 160ms ease-out; }
  .first-time-user-link-list .first-time-user-entry .text {
    padding: 0.2em 2em 0.5em 4em;
    color: #002855;
    font-size: 1.2em; }
  .first-time-user-link-list .first-time-user-entry .title {
    padding-left: 1.5em;
    margin-bottom: 0; }
  .first-time-user-link-list .first-time-user-entry .icon-holder {
    width: 4em;
    height: 3em;
    padding-top: 0.9em;
    position: absolute;
    left: 4em;
    top: calc(50% - 2em);
    padding-left: 0.1em;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .first-time-user-link-list .first-time-user-entry .icon-holder .icomoon-icon {
      font-size: 26px;
      color: #16365a;
      -webkit-transition: none;
      -moz-transition: none;
      -o-transition: none;
      -ms-transition: none;
      transition: none; }
.first-time-user-link-list .spacer {
  border-bottom: 1px solid #bcc2c7;
  width: 86%;
  margin: 0 auto 0 auto; }

#whats-new {
  font-size: 1.7em; }

#whats-new-carousel .link-with-icon {
  border-bottom: 1px solid transparent; }
  #whats-new-carousel .link-with-icon:hover {
    border-bottom-color: #1758AC; }
#whats-new-carousel .summary-top-spacer {
  margin: 5.5em; }
#whats-new-carousel .whats-new-bullet-list {
  padding-top: 10px !important;
  height: 8.5em !important; }
  #whats-new-carousel .whats-new-bullet-list h2 {
    text-align: left;
    padding-left: 60px; }
#whats-new-carousel .whats-new-separator {
  width: calc(100% - 10em);
  height: 1em;
  border-bottom: 1px solid #BBB;
  margin: 2em 5em 0.5em 5em;
  font-size: 2em;
  padding-bottom: 6px; }
#whats-new-carousel .roundy-img {
  border: 1px solid #D8D8D8;
  box-shadow: 2px 2px 8px #999;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
#whats-new-carousel .plain-header {
  margin-top: 42px;
  font-size: 2.3em;
  margin-bottom: 24px;
  color: #002855; }
#whats-new-carousel .whats-new-section {
  width: 76%;
  height: 9em;
  margin: 3.5em 12% 6.5em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  #whats-new-carousel .whats-new-section:last-child {
    margin-bottom: 1.2em; }
  #whats-new-carousel .whats-new-section .whats-new-spacer {
    height: 3em; }
  #whats-new-carousel .whats-new-section .image-link {
    cursor: pointer; }
  #whats-new-carousel .whats-new-section .image-link:hover {
    box-shadow: 1px 1px 6px #ACE;
    border-color: #ACE; }
  #whats-new-carousel .whats-new-section .image-link:active {
    box-shadow: none; }
  #whats-new-carousel .whats-new-section .text-content {
    font-size: 16px;
    line-height: 20px; }
    #whats-new-carousel .whats-new-section .text-content a:link, #whats-new-carousel .whats-new-section .text-content a:visited, #whats-new-carousel .whats-new-section .text-content a:active, #whats-new-carousel .whats-new-section .text-content a:focus {
      text-decoration: none; }
    #whats-new-carousel .whats-new-section .text-content a:hover {
      text-decoration: underline; }
    #whats-new-carousel .whats-new-section .text-content .bold {
      font-weight: bold; }
  #whats-new-carousel .whats-new-section .text-content.instruction {
    margin-top: 0.5em;
    font-size: 1.1em;
    font-style: italic;
    color: #8D949B; }
  #whats-new-carousel .whats-new-section img, #whats-new-carousel .whats-new-section img.shorter {
    height: 155%;
    margin-top: -3em;
    border: 1px solid #D8D8D8;
    box-shadow: 2px 2px 8px #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  #whats-new-carousel .whats-new-section img.shorter {
    height: 140%;
    margin-top: -1.5em; }
  #whats-new-carousel .whats-new-section h1 {
    font-size: 1.6em;
    line-height: 1.1em;
    margin-top: -0.3em;
    margin-bottom: 8px;
    color: #002855; }
  #whats-new-carousel .whats-new-section.odd .text-content {
    text-align: left;
    margin-left: 14.5em; }
  #whats-new-carousel .whats-new-section.odd h1 {
    float: left;
    margin-left: 2em; }
  #whats-new-carousel .whats-new-section.odd img {
    float: left;
    margin-left: -1px; }
  #whats-new-carousel .whats-new-section.even .text-content {
    text-align: right;
    margin-right: 15em; }
  #whats-new-carousel .whats-new-section.even h1 {
    float: right;
    margin-right: 2.1em; }
  #whats-new-carousel .whats-new-section.even img {
    float: right;
    margin-right: -1px; }
  #whats-new-carousel .whats-new-section.even .narrower {
    margin-left: 2em;
    margin-right: 17.5em; }
  #whats-new-carousel .whats-new-section.even .instruction {
    margin-left: 7.25em;
    width: 27em; }
#whats-new-carousel .gating-groups-new-features .text-content {
  text-align: left !important; }
#whats-new-carousel .gating-groups-new-features ul {
  margin-left: 20px; }
  #whats-new-carousel .gating-groups-new-features ul li {
    list-style-type: disc;
    font-size: 16px; }
#whats-new-carousel .gating-groups-new-features .feature-images {
  width: 105%;
  display: flex;
  margin: 80px -20px 0;
  float: right; }
  #whats-new-carousel .gating-groups-new-features .feature-images .right-aligned {
    display: flex;
    width: 28%;
    align-content: space-between;
    flex-wrap: wrap;
    margin-left: 2%; }
    #whats-new-carousel .gating-groups-new-features .feature-images .right-aligned img {
      height: auto;
      width: 100%; }
  #whats-new-carousel .gating-groups-new-features .feature-images > img {
    height: auto;
    width: 70%; }
#whats-new-carousel .short-and-wide {
  margin: 2em auto 2em;
  padding: 0;
  width: 50em;
  height: 5em;
  text-align: left; }
#whats-new-carousel .whats-new-top-section {
  margin: 4em auto 2em;
  padding: 0;
  width: 75%;
  border: 1px solid #D8D8D8;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 2px 2px 6px #999;
  background: #F6F8FC; }
  #whats-new-carousel .whats-new-top-section h1 {
    font-size: 2.25em;
    margin-top: 0.5em !important;
    color: #5B6770; }
  #whats-new-carousel .whats-new-top-section .text-content {
    margin-top: 0.7em;
    font-size: 1.4em;
    line-height: 1.4em;
    color: #002855; }
    #whats-new-carousel .whats-new-top-section .text-content a:link, #whats-new-carousel .whats-new-top-section .text-content a:visited, #whats-new-carousel .whats-new-top-section .text-content a:active, #whats-new-carousel .whats-new-top-section .text-content a:focus {
      text-decoration: none;
      font-size: 0.85em; }
    #whats-new-carousel .whats-new-top-section .text-content a:hover {
      text-decoration: underline;
      font-size: 0.85em; }
#whats-new-carousel .whats-new-lower-section {
  margin: 2em auto 1em;
  width: 95%; }
#whats-new-carousel .whats-new-navbar-absolute-section {
  position: relative;
  margin: 4em auto 1em;
  width: 85%;
  height: 30em; }
  #whats-new-carousel .whats-new-navbar-absolute-section .navbar-positioned-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1; }
  #whats-new-carousel .whats-new-navbar-absolute-section .navbar-positioned-text-top, #whats-new-carousel .whats-new-navbar-absolute-section .navbar-positioned-text-second, #whats-new-carousel .whats-new-navbar-absolute-section .navbar-positioned-text-third {
    position: absolute;
    font-size: 12px;
    line-height: 1.4em;
    width: 34em;
    text-align: left;
    z-index: 2; }
  #whats-new-carousel .whats-new-navbar-absolute-section .navbar-positioned-text-top {
    left: 80px;
    top: -9px; }
  #whats-new-carousel .whats-new-navbar-absolute-section .navbar-positioned-text-second {
    left: 90px;
    top: 150px; }
  #whats-new-carousel .whats-new-navbar-absolute-section .navbar-positioned-text-third {
    left: 60px;
    top: 220px; }
  #whats-new-carousel .whats-new-navbar-absolute-section .bold {
    font-weight: bold; }
#whats-new-carousel .whats-new-kebab-absolute-section {
  position: relative;
  margin: 2em auto 1em;
  width: 85%;
  height: 27em; }
  #whats-new-carousel .whats-new-kebab-absolute-section .kebab-positioned-image {
    position: absolute;
    left: 0;
    top: 0;
    height: 27em;
    z-index: 1; }
  #whats-new-carousel .whats-new-kebab-absolute-section .kebab-positioned-text {
    position: absolute;
    left: 70px;
    top: 110px;
    font-size: 12px;
    line-height: 1.4em;
    width: 18em;
    text-align: left;
    z-index: 2; }
    #whats-new-carousel .whats-new-kebab-absolute-section .kebab-positioned-text .bold {
      font-weight: bold; }
#whats-new-carousel .wide-image {
  width: 83%; }
#whats-new-carousel .medium-large-image {
  margin: 0 auto 0;
  width: 60%; }
#whats-new-carousel .extra-wide-image {
  margin: 0 auto 0;
  width: 100%; }
#whats-new-carousel .big-image {
  width: 43%;
  display: inline-block;
  margin-bottom: 0; }
#whats-new-carousel .big-image-left {
  float: left;
  margin-left: 5em; }
#whats-new-carousel .big-image-right {
  float: right;
  margin-right: 5em; }
#whats-new-carousel .bullet-point-section {
  display: inline-block;
  width: 14em;
  padding: 1em;
  text-align: left;
  vertical-align: middle;
  font-size: 13px;
  border: 1px solid #D8D8D8;
  box-shadow: 2px 2px 6px #999;
  background: #F6F8FC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  #whats-new-carousel .bullet-point-section li {
    margin-bottom: 14px; }
#whats-new-carousel .bullet-point-section-left {
  margin: 3.5em 0 1em 5em; }
#whats-new-carousel .bullet-point-section-right {
  margin: 1.5em 5em 1em 0; }
#whats-new-carousel .whats-new-bottom-section-spacer {
  margin: 1em;
  padding: 1em; }
#whats-new-carousel .whats-new-bottom-section {
  margin: 1em auto 1.25em;
  font-size: 1.4em;
  padding: 1em 0 0 0; }
  #whats-new-carousel .whats-new-bottom-section a:link, #whats-new-carousel .whats-new-bottom-section a:visited, #whats-new-carousel .whats-new-bottom-section a:active, #whats-new-carousel .whats-new-bottom-section a:focus {
    text-decoration: none; }
  #whats-new-carousel .whats-new-bottom-section a:hover {
    text-decoration: underline; }
  #whats-new-carousel .whats-new-bottom-section .exclusive-link {
    float: left;
    margin-left: 6em;
    margin-top: -3em; }
    #whats-new-carousel .whats-new-bottom-section .exclusive-link a:link, #whats-new-carousel .whats-new-bottom-section .exclusive-link a:visited, #whats-new-carousel .whats-new-bottom-section .exclusive-link a:hover, #whats-new-carousel .whats-new-bottom-section .exclusive-link a:active, #whats-new-carousel .whats-new-bottom-section .exclusive-link a:focus {
      font-style: italic; }
#whats-new-carousel .carousel-control {
  /* to vertically center the side arrows */
  padding-top: 33%;
  text-decoration: none;
  width: 7%; }

/* Fixes chrome bug where buttons in modals dont show until hover  */
.modal-content button, .modal-content .nice-button, .modal-content td.editable-td > div {
  position: relative;
  -webkit-transform: translateZ(0); }

.modal-body {
  font-size: 1.2em; }
  .modal-body .extra-header-content strong, .modal-body .header-content strong {
    display: block;
    margin-top: 2.5em; }
  .modal-body .carousel-indicators {
    top: -1px !important;
    left: 74%;
    width: initial;
    height: 1.5em; }
    .modal-body .carousel-indicators.subtle li {
      border-color: #4F7586; }
      .modal-body .carousel-indicators.subtle li.active {
        background: #CCDFF3; }
    .modal-body .carousel-indicators li {
      border-color: #002855;
      height: 12px;
      width: 12px; }
    .modal-body .carousel-indicators li.active {
      background: #002855;
      margin-bottom: 1px; }
    .modal-body .carousel-indicators i {
      position: absolute;
      top: 50%;
      z-index: 5;
      display: inline-block; }
    .modal-body .carousel-indicators.disabled li {
      cursor: default !important; }

#experiment-sharing-modal .content {
  overflow-y: visible !important;
  max-height: 100em !important; }
#experiment-sharing-modal #full-access-users, #experiment-sharing-modal #project-access-info-holder {
  max-height: 120px;
  overflow-y: auto;
  margin-top: -9px;
  padding: 7px 4px; }
#experiment-sharing-modal .autocomplete-form-holder {
  padding-left: 1em; }
#experiment-sharing-modal .user-holder {
  font-size: 15px;
  display: inline-block;
  white-space: nowrap;
  padding: 0px 3px 0px 3px; }
  #experiment-sharing-modal .user-holder .standalone-link {
    vertical-align: top !important;
    padding-top: 5px; }
#experiment-sharing-modal .entry {
  vertical-align: top;
  font-size: 14px;
  line-height: 18px; }
  #experiment-sharing-modal .entry .users-holder {
    display: inline-block;
    width: 456px; }
  #experiment-sharing-modal .entry .user-holder {
    margin-left: -7px; }
  #experiment-sharing-modal .entry label {
    color: #67666E;
    vertical-align: top;
    width: 130px;
    display: inline-block;
    text-align: right;
    margin-right: 5px; }

.modal-body fieldset.disabled {
  opacity: 0.8; }
  .modal-body fieldset.disabled label {
    color: gray; }
  .modal-body fieldset.disabled .nice-subtle-button {
    background: #f3f3f3;
    pointer-events: none; }
.modal-body .big-link-row {
  display: block;
  font-size: 15px;
  padding: 0 0 10px 20px; }
.modal-body .big-wide-button {
  display: flex;
  width: 39.55em;
  justify-content: center;
  padding: 0.6em 0.5em;
  font-size: 15px; }
.modal-body .buttony-labels-row {
  margin-left: 12.2em;
  display: flex; }
.modal-body .buttony-label {
  flex: 1;
  color: #26272b;
  position: relative;
  padding: 0.8em 2em 0.8em 2em;
  margin: 0.4em;
  cursor: pointer;
  max-width: 18.9em !important;
  border: 1px solid #d0d0d0a6;
  border-radius: 6px;
  opacity: 1;
  background-image: -moz-linear-gradient(#fefeff, rgba(243, 245, 248, 0.96));
  background-image: -webkit-linear-gradient(#fefeff, rgba(243, 245, 248, 0.96));
  background-image: -o-linear-gradient(#fefeff, rgba(243, 245, 248, 0.96));
  background-image: -ms-linear-gradient(#fefeff, rgba(243, 245, 248, 0.96));
  background-image: -linear-gradient(#fefeff, rgba(243, 245, 248, 0.96)); }
  .modal-body .buttony-label.selected {
    border-color: #9eb1c3;
    color: #184877 !important;
    opacity: 1; }
    .modal-body .buttony-label.selected i {
      color: #0051a2 !important; }
  .modal-body .buttony-label i {
    position: absolute;
    top: 11px;
    right: 12px; }
  .modal-body .buttony-label input {
    font-size: 20px;
    margin-right: 3px; }
  .modal-body .buttony-label > span {
    font-size: 14px; }
  .modal-body .buttony-label:active {
    border: 1px inset #dee0e4;
    opacity: 0.8;
    padding: 0.85em 1.95em 0.75em 2.05em; }
  .modal-body .buttony-label:hover {
    border-color: #0051a2;
    opacity: 1;
    background-color: #DBD8DB;
    border-bottom-width: 1px; }

#experiment-cloning-modal #cloning-overlay, #experiment-cloning-modal #importing-overlay, .import-files-modal #cloning-overlay, .import-files-modal #importing-overlay {
  position: absolute;
  height: 100%;
  background: #f3f3f569;
  width: 100%;
  top: 0;
  left: 0; }
  #experiment-cloning-modal #cloning-overlay span, #experiment-cloning-modal #importing-overlay span, .import-files-modal #cloning-overlay span, .import-files-modal #importing-overlay span {
    position: fixed;
    top: calc(50% - 9px);
    left: calc(50% - 100px);
    font-size: 19px;
    font-style: italic;
    background: white;
    padding: 9px 20px;
    border-radius: 9px; }
    #experiment-cloning-modal #cloning-overlay span .icon-spinner2, #experiment-cloning-modal #importing-overlay span .icon-spinner2, .import-files-modal #cloning-overlay span .icon-spinner2, .import-files-modal #importing-overlay span .icon-spinner2 {
      position: fixed;
      left: 39%;
      top: 47%; }
#experiment-cloning-modal #importing-overlay span, .import-files-modal #importing-overlay span {
  top: 31%;
  left: 48%; }
  #experiment-cloning-modal #importing-overlay span .icon-spinner2, .import-files-modal #importing-overlay span .icon-spinner2 {
    position: fixed;
    left: 43%;
    top: 30%; }
#experiment-cloning-modal .modal-body, .import-files-modal .modal-body {
  min-height: 30em;
  font-size: 13px !important; }
  #experiment-cloning-modal .modal-body #cloning-view-spinner-holder, .import-files-modal .modal-body #cloning-view-spinner-holder {
    margin-left: 52%;
    margin-top: 21%; }
  #experiment-cloning-modal .modal-body fieldset label, .import-files-modal .modal-body fieldset label {
    font-size: 1.15em; }
#experiment-cloning-modal h6, .import-files-modal h6 {
  font-size: 13px !important; }
#experiment-cloning-modal .ui-autocomplete-input, .import-files-modal .ui-autocomplete-input {
  width: 20em !important; }
#experiment-cloning-modal #select-files-buttons-holder, .import-files-modal #select-files-buttons-holder {
  height: 12px;
  line-height: 12px;
  font-size: 10px;
  text-align: right;
  margin: 1em 0 -0.1em 16.4em;
  float: left; }
  #experiment-cloning-modal #select-files-buttons-holder .nice-button, .import-files-modal #select-files-buttons-holder .nice-button {
    min-width: 3em;
    padding: 0.5em 0.7em; }
  #experiment-cloning-modal #select-files-buttons-holder .group-button-right, .import-files-modal #select-files-buttons-holder .group-button-right {
    left: -2px; }
#experiment-cloning-modal #experiment_purpose, .import-files-modal #experiment_purpose {
  min-height: 1.1em;
  height: 1.1em;
  -webkit-transition: min-height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: min-height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: min-height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: min-height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: min-height 400ms cubic-bezier(0.23, 1, 0.32, 1); }
  #experiment-cloning-modal #experiment_purpose:focus, .import-files-modal #experiment_purpose:focus {
    min-height: 3.3em; }
#experiment-cloning-modal #full-clone-button, .import-files-modal #full-clone-button {
  margin: -1.8em 0 2.7em 10.9em; }
#experiment-cloning-modal #select-pops-to-split-button, .import-files-modal #select-pops-to-split-button {
  position: absolute;
  top: 22px;
  left: 164px; }
#experiment-cloning-modal .public-notice, .import-files-modal .public-notice {
  display: flex;
  align-items: center;
  margin-left: 7px; }
  #experiment-cloning-modal .public-notice .icon-earth, .import-files-modal .public-notice .icon-earth {
    margin-left: 5px;
    margin-right: 2px;
    font-size: 15px; }
#experiment-cloning-modal #fcs_file_ids, .import-files-modal #fcs_file_ids {
  font-size: 1.15em; }
#experiment-cloning-modal #user-selectors-holder .user-label, .import-files-modal #user-selectors-holder .user-label {
  vertical-align: top;
  display: inline-block;
  width: 23.1em;
  padding-right: 0.4em; }
  #experiment-cloning-modal #user-selectors-holder .user-label .user-name-holder, .import-files-modal #user-selectors-holder .user-label .user-name-holder {
    font-size: 15px; }
  #experiment-cloning-modal #user-selectors-holder .user-label .label-text, .import-files-modal #user-selectors-holder .user-label .label-text {
    display: block;
    text-align: left;
    color: #494a54;
    font-size: 14px;
    margin-top: 5px;
    font-weight: bold; }
#experiment-cloning-modal .modal-body form fieldset label, #experiment-cloning-modal .modal-body form .big-select-holder label, .import-files-modal .modal-body form fieldset label, .import-files-modal .modal-body form .big-select-holder label {
  width: 10em;
  font-weight: bold; }
#experiment-cloning-modal .modal-body form fieldset textarea, #experiment-cloning-modal .modal-body form input[type='text'], .import-files-modal .modal-body form fieldset textarea, .import-files-modal .modal-body form input[type='text'] {
  width: 42.35em !important;
  max-width: 60em !important; }
#experiment-cloning-modal .modal-body form .big-select-holder, .import-files-modal .modal-body form .big-select-holder {
  margin-top: 2em;
  position: relative; }
  #experiment-cloning-modal .modal-body form .big-select-holder select, .import-files-modal .modal-body form .big-select-holder select {
    margin-left: 11em;
    max-width: 40.9em;
    margin-top: 0.8em; }
  #experiment-cloning-modal .modal-body form .big-select-holder #select-files-buttons-holder, .import-files-modal .modal-body form .big-select-holder #select-files-buttons-holder {
    position: absolute;
    left: 0em;
    top: -1.5em; }

.dropdown-menu .analysis-option, .bootstrap-select .filter-option-inner-inner .analysis-option {
  display: flex; }
  .dropdown-menu .analysis-option span, .bootstrap-select .filter-option-inner-inner .analysis-option span {
    margin-right: 10px; }
  .dropdown-menu .analysis-option .channel-group-icons-holder, .bootstrap-select .filter-option-inner-inner .analysis-option .channel-group-icons-holder {
    margin-left: auto;
    margin-right: 0; }
    .dropdown-menu .analysis-option .channel-group-icons-holder .icomoon-icon, .bootstrap-select .filter-option-inner-inner .analysis-option .channel-group-icons-holder .icomoon-icon {
      color: #1b03ac; }

.bootstrap-select .filter-option-inner-inner .analysis-option .icomoon-icon {
  display: none; }

.dropdown-menu .analysis-option span {
  color: #1b03ac; }

.channel-group-icons-holder .icomoon-icon {
  margin-left: 4px;
  font-size: 18px;
  color: #5545b4; }

.dropdown-menu h6 {
  font-size: 13px !important; }
.dropdown-menu ul.dropdown-menu li > a > .glyphicon {
  padding-right: 4px; }
.dropdown-menu.overflow-list {
  max-height: 300px;
  overflow-y: scroll; }
  .dropdown-menu.overflow-list::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
    height: 8px; }
  .dropdown-menu.overflow-list::-webkit-scrollbar-thumb {
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background-color: rgba(0, 0, 0, 0.175); }
    .dropdown-menu.overflow-list::-webkit-scrollbar-thumb:hover {
      background-color: rgba(0, 0, 0, 0.4); }
  .dropdown-menu.overflow-list::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 3px; }
.dropdown-menu.simple-link-list, .dropdown-menu .simple-link-list {
  padding-bottom: 1em;
  background: #F5F6FC;
  font-size: 14px; }
  .dropdown-menu.simple-link-list li, .dropdown-menu .simple-link-list li {
    text-align: left;
    width: 99%;
    padding: 0; }
    .dropdown-menu.simple-link-list li a, .dropdown-menu .simple-link-list li a {
      display: block;
      padding-left: 8px;
      text-decoration: none !important; }
      .dropdown-menu.simple-link-list li a:hover, .dropdown-menu .simple-link-list li a:hover {
        color: #1D4B7A;
        background: #92C1E9;
        border-bottom-width: 0; }
    .dropdown-menu.simple-link-list li.fake-link-holder, .dropdown-menu .simple-link-list li.fake-link-holder {
      pointer-events: none; }
      .dropdown-menu.simple-link-list li.fake-link-holder.tooltipized, .dropdown-menu .simple-link-list li.fake-link-holder.tooltipized {
        pointer-events: auto;
        cursor: default; }
        .dropdown-menu.simple-link-list li.fake-link-holder.tooltipized:hover, .dropdown-menu .simple-link-list li.fake-link-holder.tooltipized:hover {
          background: inherit !important; }
        .dropdown-menu.simple-link-list li.fake-link-holder.tooltipized a, .dropdown-menu .simple-link-list li.fake-link-holder.tooltipized a {
          cursor: default; }
          .dropdown-menu.simple-link-list li.fake-link-holder.tooltipized a:hover, .dropdown-menu .simple-link-list li.fake-link-holder.tooltipized a:hover {
            background: inherit !important; }
      .dropdown-menu.simple-link-list li.fake-link-holder a, .dropdown-menu .simple-link-list li.fake-link-holder a {
        color: #B1B2B6 !important; }
        .dropdown-menu.simple-link-list li.fake-link-holder a i.link-icon, .dropdown-menu .simple-link-list li.fake-link-holder a i.link-icon {
          color: #B1B2B6 !important; }
    .dropdown-menu.simple-link-list li.dropdown-header, .dropdown-menu .simple-link-list li.dropdown-header {
      pointer-events: none;
      text-align: center;
      display: block;
      padding: 6px 0px 6px 0px;
      margin: -5px 0 7px 0;
      background: #d8dde0;
      border-bottom: 1px solid #90949c; }
    .dropdown-menu.simple-link-list li:not(.disabled):not(.dont-highlight):not(.divider), .dropdown-menu .simple-link-list li:not(.disabled):not(.dont-highlight):not(.divider) {
      -webkit-transition: background-color 160ms ease-out;
      -moz-transition: background-color 160ms ease-out;
      -o-transition: background-color 160ms ease-out;
      -ms-transition: background-color 160ms ease-out;
      transition: background-color 160ms ease-out; }
      .dropdown-menu.simple-link-list li:not(.disabled):not(.dont-highlight):not(.divider):hover, .dropdown-menu .simple-link-list li:not(.disabled):not(.dont-highlight):not(.divider):hover {
        background: #92C1E9;
        color: #1D4B7A;
        border-bottom: none !important; }
    .dropdown-menu.simple-link-list li.disabled a:hover, .dropdown-menu .simple-link-list li.disabled a:hover {
      color: #7F8188 !important; }
    .dropdown-menu.simple-link-list li.link-holder a, .dropdown-menu .simple-link-list li.link-holder a {
      padding-left: 32px !important;
      padding-right: 0px;
      width: calc(100% - 32px); }
    .dropdown-menu.simple-link-list li.embedded-li, .dropdown-menu .simple-link-list li.embedded-li {
      padding: 3px 0px 3px 0px;
      line-height: 20px; }
    .dropdown-menu.simple-link-list li label, .dropdown-menu .simple-link-list li label {
      font-size: 11px;
      color: #33343A;
      padding-left: 8px; }
  .dropdown-menu.simple-link-list a.control label, .dropdown-menu .simple-link-list a.control label {
    cursor: pointer; }
  .dropdown-menu.simple-link-list a.control span, .dropdown-menu .simple-link-list a.control span {
    color: #1758AC;
    font-size: 10px;
    font-style: italic; }
  .dropdown-menu.simple-link-list .sample-tags-list > li, .dropdown-menu .simple-link-list .sample-tags-list > li {
    width: calc(100% - 32px); }
    .dropdown-menu.simple-link-list .sample-tags-list > li > a, .dropdown-menu .simple-link-list .sample-tags-list > li > a {
      padding-left: 32px !important;
      width: calc(100% - 32px); }
.dropdown-menu#top-sample-tags > li {
  width: calc(100% - 14px); }
.dropdown-menu.side-dropdown {
  top: 0px;
  left: 25px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .dropdown-menu.side-dropdown .triangle {
    position: absolute;
    background: #F5F6FC;
    border: 1px solid #F5F6FC;
    top: 10px;
    left: -1px; }
    .dropdown-menu.side-dropdown .triangle:after, .dropdown-menu.side-dropdown .triangle:before {
      right: 100%;
      top: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .dropdown-menu.side-dropdown .triangle:after {
      border-color: rgba(255, 255, 255, 0);
      border-right-color: #F5F6FC;
      border-width: 6px;
      margin-top: -6px; }
    .dropdown-menu.side-dropdown .triangle:before {
      border-color: rgba(180, 180, 180, 0);
      border-right-color: #b4b4b4;
      border-width: 7px;
      margin-top: -7px; }

input.list-filter {
  padding-left: 3px;
  font-family: "icomoon", arial, helvetica, clean, sans-serif; }
  input.list-filter.nice-and-round {
    border: 1px solid #bbb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: width 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.multi-linker-dropdown .dropdown-menu h3 {
  margin: 0.3em 0px 0.3em 1em;
  font-size: 0.92em; }

.click-to-edit {
  outline-color: transparent;
  padding: 1px 2px 2px 2px;
  margin-bottom: 4px;
  margin-top: -2px;
  display: inline-block; }
  .click-to-edit.dropdown-version .text-holder {
    max-width: 291px !important;
    word-wrap: break-word;
    vertical-align: middle; }
  .click-to-edit.experiment-purpose-holder, .click-to-edit.experiment-comments-holder {
    max-width: 100%; }
    .click-to-edit.experiment-purpose-holder .text-holder, .click-to-edit.experiment-comments-holder .text-holder {
      max-width: 100%; }
  .click-to-edit .text-holder {
    display: inline; }
    .click-to-edit .text-holder pre {
      display: inline;
      vertical-align: top;
      line-height: 1.2em; }

*:not(.editable-with-separate-button-holder) > .click-to-edit {
  box-shadow: 0 0 3pt 1pt transparent;
  max-width: 100%; }
  *:not(.editable-with-separate-button-holder) > .click-to-edit span {
    vertical-align: top; }
  *:not(.editable-with-separate-button-holder) > .click-to-edit:not(.editing) {
    cursor: pointer;
    -webkit-transition: box-shadow 160ms ease-out;
    -moz-transition: box-shadow 160ms ease-out;
    -o-transition: box-shadow 160ms ease-out;
    -ms-transition: box-shadow 160ms ease-out;
    transition: box-shadow 160ms ease-out; }
    *:not(.editable-with-separate-button-holder) > .click-to-edit:not(.editing) .icon-pencil {
      -webkit-transition: opacity 160ms ease-out;
      -moz-transition: opacity 160ms ease-out;
      -o-transition: opacity 160ms ease-out;
      -ms-transition: opacity 160ms ease-out;
      transition: opacity 160ms ease-out; }
  *:not(.editable-with-separate-button-holder) > .click-to-edit .icon-pencil {
    margin-bottom: -1px;
    color: #1758AC;
    opacity: 0; }
  *:not(.editable-with-separate-button-holder) > .click-to-edit:hover:not(.editing) {
    box-shadow: 0 0 2pt 1pt #5a7998; }
    *:not(.editable-with-separate-button-holder) > .click-to-edit:hover:not(.editing) .icon-pencil {
      opacity: 1; }

.editable-with-separate-button-holder:hover .remote-editable-button {
  opacity: 1; }
.editable-with-separate-button-holder .remote-editable-button {
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 160ms ease-out;
  -moz-transition: opacity 160ms ease-out;
  -o-transition: opacity 160ms ease-out;
  -ms-transition: opacity 160ms ease-out;
  transition: opacity 160ms ease-out; }
  .editable-with-separate-button-holder .remote-editable-button:hover .icon-pencil {
    color: #1758AC !important; }

.hidden-editable input {
  padding: 2px; }
.hidden-editable textarea {
  padding: 4px;
  min-width: 100%;
  min-height: 3em; }
.hidden-editable select {
  max-width: 90%; }

.no-labels-text {
  vertical-align: top;
  line-height: 28px; }

.add-another-tag-button {
  font-size: 14px;
  color: #1758AC;
  opacity: 0;
  -webkit-transition: opacity 160ms ease-out;
  -moz-transition: opacity 160ms ease-out;
  -o-transition: opacity 160ms ease-out;
  -ms-transition: opacity 160ms ease-out;
  transition: opacity 160ms ease-out; }
  .add-another-tag-button .icomoon-icon {
    font-size: 14px !important;
    color: #1758AC !important; }

.label-list-holder li.label {
  line-height: 1.1em !important; }
.label-list-holder .add-another-tag-button {
  padding: 2px 5px; }
  .label-list-holder .add-another-tag-button .icon-tag5 {
    font-size: 16px !important; }
.label-list-holder:hover .add-another-tag-button {
  opacity: 1; }

.edit-PR-form-ajax, .edit-PI-form-ajax {
  padding-left: 3px; }
  .edit-PR-form-ajax .user-name-holder, .edit-PI-form-ajax .user-name-holder {
    left: 26px;
    top: 4px; }
  .edit-PR-form-ajax .prepopulated-gravatar-span, .edit-PI-form-ajax .prepopulated-gravatar-span {
    border: none !important;
    -webkit-transition: box-shadow 160ms ease-out;
    -moz-transition: box-shadow 160ms ease-out;
    -o-transition: box-shadow 160ms ease-out;
    -ms-transition: box-shadow 160ms ease-out;
    transition: box-shadow 160ms ease-out; }
    .edit-PR-form-ajax .prepopulated-gravatar-span:hover, .edit-PI-form-ajax .prepopulated-gravatar-span:hover {
      box-shadow: 0 0 2pt 1pt #5a7998; }
  .edit-PR-form-ajax:hover .icon-pencil, .edit-PI-form-ajax:hover .icon-pencil {
    opacity: 1;
    cursor: pointer;
    color: #1758AC; }
  .edit-PR-form-ajax .icon-pencil, .edit-PI-form-ajax .icon-pencil {
    opacity: 0;
    -webkit-transition: opacity 160ms ease-out;
    -moz-transition: opacity 160ms ease-out;
    -o-transition: opacity 160ms ease-out;
    -ms-transition: opacity 160ms ease-out;
    transition: opacity 160ms ease-out; }
  .edit-PR-form-ajax .prepopulated-gravatar-span, .edit-PI-form-ajax .prepopulated-gravatar-span {
    height: 30px; }

.advanced-settings-group-holder {
  position: relative;
  display: block;
  background: #E9ECEF;
  padding: 14px 20px 20px 20px;
  border: 1px solid #E9ECEF;
  max-height: 35em;
  overflow: hidden;
  width: 41em;
  margin-top: 2em;
  -webkit-transition: max-height 400ms cubic-bezier(0.23, 1, 0.32, 1), opacity 150ms cubic-bezier(0.23, 1, 0.32, 1), border-color 150ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: max-height 400ms cubic-bezier(0.23, 1, 0.32, 1), opacity 150ms cubic-bezier(0.23, 1, 0.32, 1), border-color 150ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: max-height 400ms cubic-bezier(0.23, 1, 0.32, 1), opacity 150ms cubic-bezier(0.23, 1, 0.32, 1), border-color 150ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: max-height 400ms cubic-bezier(0.23, 1, 0.32, 1), opacity 150ms cubic-bezier(0.23, 1, 0.32, 1), border-color 150ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: max-height 400ms cubic-bezier(0.23, 1, 0.32, 1), opacity 150ms cubic-bezier(0.23, 1, 0.32, 1), border-color 150ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }
  .advanced-settings-group-holder h5 {
    font-size: 15px !important;
    margin-bottom: 0.6em; }
  .advanced-settings-group-holder .toggle-button {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    -webkit-transition: top 100ms cubic-bezier(0.23, 1, 0.32, 1), right 100ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: top 100ms cubic-bezier(0.23, 1, 0.32, 1), right 100ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: top 100ms cubic-bezier(0.23, 1, 0.32, 1), right 100ms cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: top 100ms cubic-bezier(0.23, 1, 0.32, 1), right 100ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 100ms cubic-bezier(0.23, 1, 0.32, 1), right 100ms cubic-bezier(0.23, 1, 0.32, 1); }
    .advanced-settings-group-holder .toggle-button:hover {
      color: #D0DFF1; }
    .advanced-settings-group-holder .toggle-button:active {
      top: 9px;
      right: 7px;
      color: #2D4D7B; }
  .advanced-settings-group-holder.minimized {
    max-height: 12px;
    cursor: pointer; }
    .advanced-settings-group-holder.minimized:hover {
      opacity: 0.85;
      border-color: #D0DFF1; }
      .advanced-settings-group-holder.minimized:hover:active {
        opacity: 1; }
    .advanced-settings-group-holder.minimized:active {
      box-shadow: inset 1px 2px 4px 0px rgba(0, 0, 0, 0.2); }
  .advanced-settings-group-holder input[type='checkbox'] {
    font-size: 1.5em; }
  .advanced-settings-group-holder .select-widget {
    font-size: 1.15em; }
  .advanced-settings-group-holder .final-option {
    font-size: inherit;
    margin-left: 0px; }
  .advanced-settings-group-holder table {
    float: right; }
    .advanced-settings-group-holder table td {
      border: none; }
      .advanced-settings-group-holder table td input[type='number'] {
        width: 4em; }
      .advanced-settings-group-holder table td .icon-question-6 {
        margin-left: 6px; }
      .advanced-settings-group-holder table td:first-child {
        text-align: right;
        font-weight: bold; }
      .advanced-settings-group-holder table td:last-child {
        text-align: left; }
        .advanced-settings-group-holder table td:last-child input {
          width: 6em; }

.custom-dropdown .custom-dropdown-menu {
  display: none;
  position: absolute;
  z-index: 10;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 2px solid #2B7DE1;
  background: #f5f6fc;
  padding: 5px 0 1em 5px;
  border-radius: 0px 0px 6px 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  margin-top: -2px; }
.custom-dropdown .custom-dropdownized {
  border-bottom: 2px solid rgba(0, 0, 0, 0); }
  .custom-dropdown .custom-dropdownized:hover, .custom-dropdown .custom-dropdownized:active, .custom-dropdown .custom-dropdownized:focus {
    color: #2B7DE1 !important;
    border-bottom-color: #2B7DE1; }
    .custom-dropdown .custom-dropdownized:hover .icomoon-icon, .custom-dropdown .custom-dropdownized:active .icomoon-icon, .custom-dropdown .custom-dropdownized:focus .icomoon-icon {
      color: #2B7DE1 !important; }
.custom-dropdown.open .custom-dropdown-menu {
  display: block; }
.custom-dropdown.open .custom-dropdownized {
  color: #2B7DE1 !important;
  border-bottom-color: #2B7DE1; }
  .custom-dropdown.open .custom-dropdownized .icomoon-icon {
    color: #2B7DE1 !important; }

.bootstrap-select .dropdown-menu .divider {
  margin-left: 4px; }
.bootstrap-select .dropdown-menu li.disabled a.option-title {
  margin: -4px 0 3px -6px; }
  .bootstrap-select .dropdown-menu li.disabled a.option-title span.text {
    font-size: 12px;
    color: #778594 !important; }
.bootstrap-select > .dropdown-menu.open > .popover-title {
  background: #dadada;
  border-bottom: 2px solid #0851ad;
  text-align: center;
  color: #59595a;
  font-style: italic;
  border-radius: 0px !important;
  margin-bottom: 6px; }
  .bootstrap-select > .dropdown-menu.open > .popover-title button {
    display: none; }
.bootstrap-select .filter-option-inner-inner .hidden-in-selection {
  display: none; }
.bootstrap-select.minimal button.dropdown-toggle {
  border-color: white;
  background-color: white;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none; }
  .bootstrap-select.minimal button.dropdown-toggle .filter-option-inner {
    color: #034192; }
    .bootstrap-select.minimal button.dropdown-toggle .filter-option-inner .filter-option-inner-inner {
      text-overflow: ellipsis; }
  .bootstrap-select.minimal button.dropdown-toggle:hover {
    border-color: #8c9dc2;
    background-color: #f7f8fc;
    -webkit-transition: background-color 160ms ease-out, border 160ms ease-out;
    -moz-transition: background-color 160ms ease-out, border 160ms ease-out;
    -o-transition: background-color 160ms ease-out, border 160ms ease-out;
    -ms-transition: background-color 160ms ease-out, border 160ms ease-out;
    transition: background-color 160ms ease-out, border 160ms ease-out; }
    .bootstrap-select.minimal button.dropdown-toggle:hover .filter-option-inner {
      color: #0d2443; }
    .bootstrap-select.minimal button.dropdown-toggle:hover .bs-caret {
      opacity: 1;
      -webkit-transition: opacity 130ms ease-out;
      -moz-transition: opacity 130ms ease-out;
      -o-transition: opacity 130ms ease-out;
      -ms-transition: opacity 130ms ease-out;
      transition: opacity 130ms ease-out; }
  .bootstrap-select.minimal button.dropdown-toggle .bs-caret {
    opacity: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none; }
.bootstrap-select .dropdown-menu.open .inner.open ul li a.bottom-option {
  margin-top: 16px;
  border-top: 1px solid #9597a5;
  background: #e8e8e8;
  padding-bottom: 13px;
  margin-bottom: -10px;
  padding-top: 4px;
  color: #39414c !important;
  width: 100%; }
  .bootstrap-select .dropdown-menu.open .inner.open ul li a.bottom-option .icomoon-icon {
    color: #39414c !important; }
  .bootstrap-select .dropdown-menu.open .inner.open ul li a.bottom-option:hover {
    color: #003e94 !important;
    background: #eff7ff; }
    .bootstrap-select .dropdown-menu.open .inner.open ul li a.bottom-option:hover .icomoon-icon {
      color: #003e94 !important; }

#import-gates-modal-view .dropdown-menu.open, #experiment-parent-linking-modal .dropdown-menu.open {
  min-width: unset !important; }

.filter-group .icon-search3 {
  opacity: 0.7;
  position: absolute;
  left: 5px;
  top: 6px; }
.filter-group .nice-input {
  padding-left: 25px; }
  .filter-group .nice-input::placeholder {
    color: grey;
    font-family: "Lato", "Lato-local", "trebuchet MS", helvetica, sans-serif !important;
    font-size: 13px;
    opacity: 0.6; }

.cytobank-tour {
  background-color: #f8f3e1 !important;
  border: 1px solid #EECE59 !important;
  padding: 0 0 15px 0 !important;
  color: #3F350F;
  min-width: 327px; }
  .cytobank-tour.top .arrow {
    border-top-color: #EECE59 !important; }
    .cytobank-tour.top .arrow:after {
      border-top-color: #FAEEC1 !important; }
  .cytobank-tour.right .arrow {
    border-right-color: #EECE59 !important; }
    .cytobank-tour.right .arrow:after {
      border-right-color: #FAEEC1 !important; }
  .cytobank-tour.bottom .arrow {
    border-bottom-color: #EECE59 !important; }
    .cytobank-tour.bottom .arrow:after {
      border-bottom-color: #FAEEC1 !important; }
  .cytobank-tour.left .arrow {
    border-left-color: #EECE59 !important; }
    .cytobank-tour.left .arrow:after {
      border-left-color: #FAEEC1 !important; }
  .cytobank-tour.ui-draggable-dragging {
    opacity: 0.6; }
  .cytobank-tour.wide {
    max-width: 400px; }
  .cytobank-tour.extra-wide {
    max-width: 430px; }
  .cytobank-tour.extra-narrow {
    max-width: 275px; }
  .cytobank-tour .tour-index {
    text-align: center;
    margin-top: 13px;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 16px; }
    .cytobank-tour .tour-index li {
      background: #C5DDFB;
      border: 1px solid #1758AC;
      color: #1758AC;
      cursor: pointer;
      display: inline-block;
      padding: 2px;
      text-align: center;
      min-width: 17px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .cytobank-tour .tour-index li:not(.selected):hover {
        background: #1D4B7A; }
      .cytobank-tour .tour-index li.selected {
        pointer-events: none;
        background: #3F350F;
        color: #f2ea87;
        border: 1px solid #3F350F; }
  .cytobank-tour .popover-title {
    background-color: #F2DA87 !important;
    font-size: 15px;
    font-weight: bold;
    cursor: move;
    padding: 8px 20px 8px 14px; }
  .cytobank-tour .popover-content {
    font-size: 15px;
    padding-bottom: 0px; }
    .cytobank-tour .popover-content a {
      display: block;
      width: 100%;
      text-align: center;
      font-weight: bold;
      margin-top: 10px;
      padding-top: 5px;
      padding-bottom: 5px; }
      .cytobank-tour .popover-content a:hover {
        text-decoration: underline;
        color: darkblue; }
    .cytobank-tour .popover-content a .icon-new-tab {
      color: inherit;
      font-size: 13px; }
    .cytobank-tour .popover-content .highlighted {
      color: black;
      background-color: rgba(220, 221, 8, 0.38);
      padding: 3px 6px 2px 6px;
      border-radius: 15px; }
  .cytobank-tour .end-tour {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    border: none;
    cursor: pointer; }
    .cytobank-tour .end-tour .icon-close2 {
      font-size: 20px !important; }
    .cytobank-tour .end-tour:hover .icon-close2 {
      color: black; }
    .cytobank-tour .end-tour:active .icon-close2 {
      opacity: 0.8;
      padding-top: 1px;
      padding-left: 1px; }
  .cytobank-tour .btn {
    background-color: #F9F9F9 !important;
    border-color: #B3B3B3 !important;
    padding: 5px 10px;
    line-height: 18px; }
    .cytobank-tour .btn.next-button {
      float: right;
      min-width: 143px; }
    .cytobank-tour .btn.disabled {
      visibility: hidden !important; }

.pairwise-plot-modal .buttonish-link {
  border: 1px solid #BBB;
  padding-bottom: 6px !important;
  font-size: 18px;
  font-weight: 600;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .pairwise-plot-modal .buttonish-link:active {
    box-shadow: inset 1px 2px 4px 0px rgba(0, 0, 0, 0.2); }
  .pairwise-plot-modal .buttonish-link.green:not(.disabled) {
    background: #d1ffd7;
    border: 2px solid #078dff;
    font-weight: bold; }
  .pairwise-plot-modal .buttonish-link.disabled {
    color: #777676ba;
    border-color: #777676ba;
    pointer-events: none; }
.pairwise-plot-modal .modal-body {
  padding: 0px; }
.pairwise-plot-modal h2.with-icon .modal-title-hovertip {
  margin-left: 46px; }
.pairwise-plot-modal h2.with-icon span {
  margin-left: 0px; }

.fancy-select-modal .modal-body {
  overflow: hidden; }
.fancy-select-modal .modal-header .nice-button {
  float: right;
  margin-right: 39px;
  margin-top: -24px;
  padding: 0;
  font-size: 15px; }
  .fancy-select-modal .modal-header .nice-button:hover {
    background-color: #F2F3F5; }
  .fancy-select-modal .modal-header .nice-button a {
    padding: 3px 15px 5px 15px;
    color: #515254;
    display: block; }
.fancy-select-modal .modal-footer {
  position: relative; }
  .fancy-select-modal .modal-footer .status-text {
    text-align: left;
    position: absolute;
    top: 10px;
    left: 45px;
    font-size: 14px;
    line-height: 19px; }
  .fancy-select-modal .modal-footer .button-holders {
    margin-top: 13px; }
  .fancy-select-modal .modal-footer .buttonish-link {
    border: 1px solid #BBB;
    padding-bottom: 6px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    .fancy-select-modal .modal-footer .buttonish-link:active {
      box-shadow: inset 1px 2px 4px 0px rgba(0, 0, 0, 0.2); }
    .fancy-select-modal .modal-footer .buttonish-link.green:not(.disabled) {
      background: #d1ffd7;
      border: 2px solid #078dff;
      font-weight: bold; }
    .fancy-select-modal .modal-footer .buttonish-link.disabled {
      color: #777676ba;
      border-color: #777676ba;
      pointer-events: none; }
  .fancy-select-modal .modal-footer #back-button {
    position: absolute;
    top: 15px;
    left: 20px;
    color: #323336;
    font-size: 1.4em;
    display: inline-flex;
    align-items: center;
    justify-content: center; }
    .fancy-select-modal .modal-footer #back-button .icon-arrow-left {
      margin-right: 4px; }
.fancy-select-modal .controls {
  margin-bottom: 10px; }
  .fancy-select-modal .controls .filter-holder, .fancy-select-modal .controls .select-all-none-holder, .fancy-select-modal .controls .sort-buttons-holder {
    display: inline-block;
    float: left; }
  .fancy-select-modal .controls .select-all-none-holder, .fancy-select-modal .controls .sort-buttons-holder {
    margin-top: 3px; }
  .fancy-select-modal .controls .sort-buttons-holder.alpha-sorting {
    margin-right: 11px; }
  .fancy-select-modal .controls .sort-buttons-holder .nice-button {
    width: 40px;
    height: 18px; }
    .fancy-select-modal .controls .sort-buttons-holder .nice-button .icomoon-icon {
      font-size: 18px; }
    .fancy-select-modal .controls .sort-buttons-holder .nice-button.sort-mode-button {
      font-size: 16px;
      padding: 3px 8px 4px 5px;
      width: 99px;
      white-space: nowrap; }
      .fancy-select-modal .controls .sort-buttons-holder .nice-button.sort-mode-button .icomoon-icon {
        margin-right: 3px; }
      .fancy-select-modal .controls .sort-buttons-holder .nice-button.sort-mode-button span {
        vertical-align: 1px; }
  .fancy-select-modal .controls .group-button-right {
    left: -2px; }
  .fancy-select-modal .controls #kpi-weighting-header {
    position: absolute;
    font-size: 14px;
    top: 37px;
    right: 45px;
    font-style: italic; }
  .fancy-select-modal .controls .select-all-none-holder {
    margin-right: 9px; }
    .fancy-select-modal .controls .select-all-none-holder .nice-button {
      font-size: 16px;
      padding: 3px 0px 4px 0px;
      width: 53px; }
  .fancy-select-modal .controls .filter-holder {
    width: 250px;
    margin-right: 11px; }
    .fancy-select-modal .controls .filter-holder .list-filter {
      width: 100%;
      font-size: 18px;
      margin-top: 2px;
      padding-left: 6px; }
.fancy-select-modal .selectable-list {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 226px);
  overflow-y: scroll;
  clear: both;
  padding-top: 1em;
  margin-left: -15px;
  padding-left: 15px; }
  .fancy-select-modal .selectable-list.smaller-font .fancy-option-text-holder {
    font-size: 16px; }
  .fancy-select-modal .selectable-list .ui-sortable-placeholder {
    height: 24px;
    background: #ACE; }
  .fancy-select-modal .selectable-list .pop-item .fancy-select-modal-option.hidden, .fancy-select-modal .selectable-list .pop-item .fancy-select-modal-label.hidden {
    display: inherit !important;
    background-color: #c9ced5 !important;
    visibility: visible !important;
    height: 3px;
    padding: 0px;
    overflow: hidden;
    margin-top: 2px;
    margin-bottom: 3px;
    margin-left: 22px;
    width: 300px;
    z-index: 2; }
    .fancy-select-modal .selectable-list .pop-item .fancy-select-modal-option.hidden:hover, .fancy-select-modal .selectable-list .pop-item .fancy-select-modal-label.hidden:hover {
      background-color: blue !important; }
  .fancy-select-modal .selectable-list .pop-children {
    margin-left: 2em;
    position: relative; }
    .fancy-select-modal .selectable-list .pop-children .tree-level-line {
      position: absolute;
      top: -6px;
      bottom: 0;
      right: 0;
      left: -5.5px;
      height: 100%;
      width: 3px;
      background: #c9ced5;
      cursor: pointer;
      border-left: 6px solid white;
      border-right: 6px solid white;
      border-radius: 7px; }
      .fancy-select-modal .selectable-list .pop-children .tree-level-line:hover {
        background: blue; }
    .fancy-select-modal .selectable-list .pop-children .fancy-select-modal-option, .fancy-select-modal .selectable-list .pop-children .fancy-select-modal-label {
      padding-bottom: 4px;
      margin-bottom: 0px;
      padding-left: 0px;
      margin-left: 3px;
      z-index: 1; }
      .fancy-select-modal .selectable-list .pop-children .fancy-select-modal-option .checkbox-holder .icomoon-icon, .fancy-select-modal .selectable-list .pop-children .fancy-select-modal-label .checkbox-holder .icomoon-icon {
        left: 15px; }
    .fancy-select-modal .selectable-list .pop-children .collapsed-items {
      display: none; }
    .fancy-select-modal .selectable-list .pop-children.collapsed {
      height: 23px; }
      .fancy-select-modal .selectable-list .pop-children.collapsed .tree-level-line {
        height: 13px;
        position: relative; }
      .fancy-select-modal .selectable-list .pop-children.collapsed .pop-item {
        display: none; }
      .fancy-select-modal .selectable-list .pop-children.collapsed .collapsed-items {
        display: inline-block;
        width: 19px;
        height: 19px;
        border-radius: 11px;
        text-align: center;
        font-size: 13px;
        line-height: 18px;
        color: #494747;
        background: #bfc3c9;
        position: absolute;
        top: 1px;
        left: -8px;
        cursor: pointer; }
        .fancy-select-modal .selectable-list .pop-children.collapsed .collapsed-items:hover {
          background: blue;
          color: white; }
  .fancy-select-modal .selectable-list .fancy-select-modal-option, .fancy-select-modal .selectable-list .fancy-select-modal-label {
    position: relative;
    display: block;
    font-size: 18px;
    cursor: pointer;
    padding: 2px 0 2px 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option .extra-info, .fancy-select-modal .selectable-list .fancy-select-modal-label .extra-info {
      font-style: italic;
      color: gray; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option.hidden, .fancy-select-modal .selectable-list .fancy-select-modal-label.hidden {
      display: none; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option.disabled, .fancy-select-modal .selectable-list .fancy-select-modal-label.disabled {
      cursor: not-allowed;
      opacity: 0.6; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option:hover:not(.disabled), .fancy-select-modal .selectable-list .fancy-select-modal-label:hover:not(.disabled) {
      border-color: #EEF;
      background: #E6F0FB; }
      .fancy-select-modal .selectable-list .fancy-select-modal-option:hover:not(.disabled) .fancy-option-text-holder, .fancy-select-modal .selectable-list .fancy-select-modal-option:hover:not(.disabled) .checkbox-holder .icomoon-icon, .fancy-select-modal .selectable-list .fancy-select-modal-label:hover:not(.disabled) .fancy-option-text-holder, .fancy-select-modal .selectable-list .fancy-select-modal-label:hover:not(.disabled) .checkbox-holder .icomoon-icon {
        color: #3c4048; }
      .fancy-select-modal .selectable-list .fancy-select-modal-option:hover:not(.disabled) .unselected-icon, .fancy-select-modal .selectable-list .fancy-select-modal-label:hover:not(.disabled) .unselected-icon {
        background: #233c782b;
        color: #233c78; }
      .fancy-select-modal .selectable-list .fancy-select-modal-option:hover:not(.disabled) .selected-icon, .fancy-select-modal .selectable-list .fancy-select-modal-label:hover:not(.disabled) .selected-icon {
        color: #0e3382 !important; }
      .fancy-select-modal .selectable-list .fancy-select-modal-option:hover:not(.disabled) .fancy-option-gray-text, .fancy-select-modal .selectable-list .fancy-select-modal-label:hover:not(.disabled) .fancy-option-gray-text {
        color: #5a6670; }
      .fancy-select-modal .selectable-list .fancy-select-modal-option:hover:not(.disabled) .fancy-option-label, .fancy-select-modal .selectable-list .fancy-select-modal-label:hover:not(.disabled) .fancy-option-label {
        color: #4f4d4d; }
      .fancy-select-modal .selectable-list .fancy-select-modal-option:hover:not(.disabled) .weighting-input.faded, .fancy-select-modal .selectable-list .fancy-select-modal-label:hover:not(.disabled) .weighting-input.faded {
        opacity: 1 !important; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option:active:not(:focus-within):not(.disabled), .fancy-select-modal .selectable-list .fancy-select-modal-label:active:not(:focus-within):not(.disabled) {
      box-shadow: inset 1px 2px 4px 0px rgba(0, 0, 0, 0.2); }
      .fancy-select-modal .selectable-list .fancy-select-modal-option:active:not(:focus-within):not(.disabled) .fancy-option-text-holder, .fancy-select-modal .selectable-list .fancy-select-modal-option:active:not(:focus-within):not(.disabled) .checkbox-holder .icomoon-icon, .fancy-select-modal .selectable-list .fancy-select-modal-label:active:not(:focus-within):not(.disabled) .fancy-option-text-holder, .fancy-select-modal .selectable-list .fancy-select-modal-label:active:not(:focus-within):not(.disabled) .checkbox-holder .icomoon-icon {
        color: #181892; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option.gating-group-name, .fancy-select-modal .selectable-list .fancy-select-modal-option.cluster-gate-set-group-name, .fancy-select-modal .selectable-list .fancy-select-modal-label.gating-group-name, .fancy-select-modal .selectable-list .fancy-select-modal-label.cluster-gate-set-group-name {
      pointer-events: none; }
      .fancy-select-modal .selectable-list .fancy-select-modal-option.gating-group-name:hover, .fancy-select-modal .selectable-list .fancy-select-modal-option.cluster-gate-set-group-name:hover, .fancy-select-modal .selectable-list .fancy-select-modal-label.gating-group-name:hover, .fancy-select-modal .selectable-list .fancy-select-modal-label.cluster-gate-set-group-name:hover {
        background: none;
        cursor: default; }
      .fancy-select-modal .selectable-list .fancy-select-modal-option.gating-group-name .fancy-option-text-holder, .fancy-select-modal .selectable-list .fancy-select-modal-option.cluster-gate-set-group-name .fancy-option-text-holder, .fancy-select-modal .selectable-list .fancy-select-modal-label.gating-group-name .fancy-option-text-holder, .fancy-select-modal .selectable-list .fancy-select-modal-label.cluster-gate-set-group-name .fancy-option-text-holder {
        margin-left: 20px;
        margin-bottom: 5px; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option .fancy-option-text-holder, .fancy-select-modal .selectable-list .fancy-select-modal-label .fancy-option-text-holder {
      display: flex;
      min-width: calc(100% - 110px);
      margin-left: 42px;
      margin-right: 10px;
      height: auto;
      padding-top: 1px;
      flex-wrap: wrap;
      justify-content: flex-end;
      word-break: break-word; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option .fancy-option-text, .fancy-select-modal .selectable-list .fancy-select-modal-option .fancy-option-gray-text, .fancy-select-modal .selectable-list .fancy-select-modal-label .fancy-option-text, .fancy-select-modal .selectable-list .fancy-select-modal-label .fancy-option-gray-text {
      display: inline-flex;
      align-self: flex-start;
      word-break: break-word; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option .fancy-option-text, .fancy-select-modal .selectable-list .fancy-select-modal-label .fancy-option-text {
      margin-right: 10px; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option .fancy-option-gray-text, .fancy-select-modal .selectable-list .fancy-select-modal-label .fancy-option-gray-text {
      color: #a8a3a3;
      margin-right: auto; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option .fancy-option-label, .fancy-select-modal .selectable-list .fancy-select-modal-label .fancy-option-label {
      display: inline-flex;
      color: gray;
      margin-right: 4px;
      margin-bottom: 1px;
      padding: 0 7px 1px 7px;
      font-size: 16px;
      border: 1px solid #d9d4d4;
      background: white;
      white-space: nowrap;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .fancy-select-modal .selectable-list .fancy-select-modal-option .fancy-option-label.with-icon, .fancy-select-modal .selectable-list .fancy-select-modal-label .fancy-option-label.with-icon {
        padding-left: 23px;
        position: relative; }
        .fancy-select-modal .selectable-list .fancy-select-modal-option .fancy-option-label.with-icon .icomoon-icon, .fancy-select-modal .selectable-list .fancy-select-modal-label .fancy-option-label.with-icon .icomoon-icon {
          position: absolute;
          top: 3px;
          left: 3px;
          font-size: 14px;
          opacity: 0.7; }
      .fancy-select-modal .selectable-list .fancy-select-modal-option .fancy-option-label:hover, .fancy-select-modal .selectable-list .fancy-select-modal-label .fancy-option-label:hover {
        border-color: #1739b5;
        color: #1739b5 !important; }
        .fancy-select-modal .selectable-list .fancy-select-modal-option .fancy-option-label:hover.with-icon .icomoon-icon, .fancy-select-modal .selectable-list .fancy-select-modal-label .fancy-option-label:hover.with-icon .icomoon-icon {
          opacity: 1;
          color: #1739b5; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option .checkbox-holder .icomoon-icon, .fancy-select-modal .selectable-list .fancy-select-modal-label .checkbox-holder .icomoon-icon {
      position: absolute;
      top: 6px;
      left: 35px;
      width: 16px;
      height: 16px;
      font-size: 16px; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option .checkbox-holder.selected .selected-icon, .fancy-select-modal .selectable-list .fancy-select-modal-label .checkbox-holder.selected .selected-icon {
      display: inherit;
      color: #1b346a; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option .checkbox-holder.selected .unselected-icon, .fancy-select-modal .selectable-list .fancy-select-modal-label .checkbox-holder.selected .unselected-icon {
      display: none; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option .checkbox-holder:not(.selected) .selected-icon, .fancy-select-modal .selectable-list .fancy-select-modal-label .checkbox-holder:not(.selected) .selected-icon {
      display: none; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option .checkbox-holder:not(.selected) .unselected-icon, .fancy-select-modal .selectable-list .fancy-select-modal-label .checkbox-holder:not(.selected) .unselected-icon {
      display: inherit; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option .weighting-input, .fancy-select-modal .selectable-list .fancy-select-modal-label .weighting-input {
      display: none;
      width: 3em;
      margin-right: 1.5em; }
      .fancy-select-modal .selectable-list .fancy-select-modal-option .weighting-input.faded:not(:hover):not(:active), .fancy-select-modal .selectable-list .fancy-select-modal-label .weighting-input.faded:not(:hover):not(:active) {
        opacity: 0.6; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option .item-dragger, .fancy-select-modal .selectable-list .fancy-select-modal-label .item-dragger {
      position: absolute;
      top: 0px;
      left: 6px;
      width: 22px;
      height: 24px;
      background-image: radial-gradient(circle at 5px 4px, black 1px, transparent 0);
      background-size: 6px 6px;
      opacity: 0;
      cursor: move; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option:hover .item-dragger, .fancy-select-modal .selectable-list .fancy-select-modal-label:hover .item-dragger {
      opacity: 1; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option.selected .weighting-input, .fancy-select-modal .selectable-list .fancy-select-modal-label.selected .weighting-input {
      display: block; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option.selected .fancy-option-text-holder, .fancy-select-modal .selectable-list .fancy-select-modal-label.selected .fancy-option-text-holder {
      color: #1b346a; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option.selected .fancy-option-gray-text, .fancy-select-modal .selectable-list .fancy-select-modal-label.selected .fancy-option-gray-text {
      color: #5a6670; }
    .fancy-select-modal .selectable-list .fancy-select-modal-option.selected .fancy-option-label, .fancy-select-modal .selectable-list .fancy-select-modal-label.selected .fancy-option-label {
      color: #4f4d4d;
      background: #f9fcff; }
  .fancy-select-modal .selectable-list .subsection-header {
    margin: 1.25em 0 0.4em 0;
    font-size: 17px; }

#add-new-sample-tags-modal #define-new-sample-tag-section {
  padding: 0 0 10px 20px; }
  #add-new-sample-tags-modal #define-new-sample-tag-section .bootstrap-select {
    vertical-align: top; }

#qtip-2.qtip {
  z-index: 15000 !important; }

.qtip-2 .ui-tooltip-content p {
  margin: 0.5em;
  font-size: 1.1em; }
.qtip-2 .ui-tooltip-content ul {
  margin: 0.5em;
  padding: 0.5em; }
  .qtip-2 .ui-tooltip-content ul li {
    font-size: 1.1em;
    margin: 1em 0; }

.qtip-content ul li a {
  font-size: 13px;
  color: #1758AC;
  line-height: 18px; }
.qtip-content ul li a:hover {
  color: #1D4B7A; }
.qtip-content ul li a:active {
  color: #2B7DE1; }

/* Cytobank Specific CSS ui-bg_glass_50_33aa44_1x400 */
.ui-tooltip-cytobank, .ui-tooltip-cytobank-heatmap, .ui-tooltip-cytobank-dose-response {
  min-width: 500px;
  max-width: 600px; }
  .ui-tooltip-cytobank .ui-tooltip-wrapper, .ui-tooltip-cytobank-heatmap .ui-tooltip-wrapper, .ui-tooltip-cytobank-dose-response .ui-tooltip-wrapper {
    border-width: 0px;
    border-color: #EECE59;
    -moz-box-shadow: 15px 15px 10px -10px #888;
    -webkit-box-shadow: 7px 7px 7px #888;
    box-shadow: 10px 10px 10px #888;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
  .ui-tooltip-cytobank .qtip-titlebar, .ui-tooltip-cytobank-heatmap .qtip-titlebar, .ui-tooltip-cytobank-dose-response .qtip-titlebar {
    background-color: #F2DA87 !important;
    border: 1px solid #EECE59;
    color: #3F350F;
    font-size: 1.1em;
    font-weight: bold;
    padding: 6px 10px;
    transition: border 500ms ease-in;
    -webkit-transition: border 500ms ease-in;
    -moz-transition: border 500ms ease-in;
    -o-transition: border 500ms ease-in;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px; }
  .ui-tooltip-cytobank .ui-tooltip-button.ui-state-focus, .ui-tooltip-cytobank .ui-tooltip-button.ui-state-hover, .ui-tooltip-cytobank-heatmap .ui-tooltip-button.ui-state-focus, .ui-tooltip-cytobank-heatmap .ui-tooltip-button.ui-state-hover, .ui-tooltip-cytobank-dose-response .ui-tooltip-button.ui-state-focus, .ui-tooltip-cytobank-dose-response .ui-tooltip-button.ui-state-hover {
    background-image: none !important;
    background-color: #755d00;
    border: none;
    cursor: pointer; }
  .ui-tooltip-cytobank a.ui-state-default, .ui-tooltip-cytobank-heatmap a.ui-state-default, .ui-tooltip-cytobank-dose-response a.ui-state-default {
    background: transparent;
    border: 0; }
  .ui-tooltip-cytobank .ui-tooltip-button span, .ui-tooltip-cytobank-heatmap .ui-tooltip-button span, .ui-tooltip-cytobank-dose-response .ui-tooltip-button span {
    background-image: url("/cytobank/stylesheets/cytobank-custom/images/ui-icons_ffffff_256x240.png");
    background-position: -96px -128px;
    display: block;
    height: 16px;
    width: 16px; }
  .ui-tooltip-cytobank .ui-tooltip-content, .ui-tooltip-cytobank-heatmap .ui-tooltip-content, .ui-tooltip-cytobank-dose-response .ui-tooltip-content {
    background: #f8f3e1;
    border: 1px solid #EECE59;
    transition: border 500ms ease-in;
    -webkit-transition: border 500ms ease-in;
    -moz-transition: border 500ms ease-in;
    -o-transition: border 500ms ease-in;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px; }

.ui-tooltip-cytobank:hover .qtip-titlebar, .ui-tooltip-cytobank:hover .ui-tooltip-content {
  border-color: #EECE59; }

/* Cytobank plots common viewthrough tooltip styles */
.ui-tooltip-cytobank-heatmap .ui-tooltip-wrapper, .ui-tooltip-cytobank-dose-response .ui-tooltip-wrapper {
  border-color: #b5d0e0; }
.ui-tooltip-cytobank-heatmap .ui-tooltip-titlebar, .ui-tooltip-cytobank-dose-response .ui-tooltip-titlebar {
  background-color: #d4e5f6 !important; }
.ui-tooltip-cytobank-heatmap .qtip-titlebar, .ui-tooltip-cytobank-dose-response .qtip-titlebar {
  background-color: #d4e5f6 !important;
  border: 1px solid #b5d0e0;
  color: #275482; }
.ui-tooltip-cytobank-heatmap .ui-tooltip-button.ui-state-focus, .ui-tooltip-cytobank-heatmap .ui-tooltip-button.ui-state-hover, .ui-tooltip-cytobank-dose-response .ui-tooltip-button.ui-state-focus, .ui-tooltip-cytobank-dose-response .ui-tooltip-button.ui-state-hover {
  background-image: none !important;
  background-color: #d4e5f6; }
.ui-tooltip-cytobank-heatmap .ui-tooltip-content, .ui-tooltip-cytobank-dose-response .ui-tooltip-content {
  background-color: #FFF;
  border-color: #b5d0e0; }

/* Cytobank specific plot viewthrough tooltip styles */
.ui-tooltip-cytobank-heatmap {
  min-width: 210px;
  max-width: 210px;
  width: 210px; }

.ui-tooltip-cytobank-dose-response {
  min-width: 300px;
  max-width: 800px; }

.projects-page-body-section .table-settings-holder {
  left: unset !important;
  right: 3px; }
.projects-page-body-section .experiments-table-datatables-wrapper {
  min-height: 20em; }
.projects-page-body-section .experiments-table-datatables-wrapper .dataTables_info {
  top: calc(100% - 1.5em);
  right: 6px;
  bottom: unset; }

.table-settings-holder-region {
  position: relative; }
  .table-settings-holder-region .table-settings-holder {
    position: absolute;
    top: -1.7em;
    left: calc(100vw - 337px);
    white-space: nowrap; }
    .table-settings-holder-region .table-settings-holder a.dropdownized {
      font-size: 1.45em; }
      .table-settings-holder-region .table-settings-holder a.dropdownized, .table-settings-holder-region .table-settings-holder a.dropdownized i {
        color: #1658ab !important; }
      .table-settings-holder-region .table-settings-holder a.dropdownized:hover {
        border-bottom: 2px solid #1658ab; }
    .table-settings-holder-region .table-settings-holder .dropdown-menu {
      top: 18px;
      left: -12.4em;
      border-top: 2px solid #1658ab;
      width: 18em;
      max-height: 20em;
      overflow-y: scroll; }
      .table-settings-holder-region .table-settings-holder .dropdown-menu li.selected {
        background: #307FE2; }
        .table-settings-holder-region .table-settings-holder .dropdown-menu li.selected a {
          color: white; }
          .table-settings-holder-region .table-settings-holder .dropdown-menu li.selected a .icon-checkmark {
            opacity: 1 !important; }
      .table-settings-holder-region .table-settings-holder .dropdown-menu li > label {
        font-size: 12px;
        padding-left: 8px;
        font-weight: bold;
        margin-top: 11px;
        display: block; }
      .table-settings-holder-region .table-settings-holder .dropdown-menu .icon-checkmark {
        position: absolute;
        display: inline-block;
        right: 15px;
        margin-top: 2px;
        color: white; }
      .table-settings-holder-region .table-settings-holder .dropdown-menu .experiment-limit-holder {
        padding-left: 1em;
        padding-top: 0.4em;
        width: calc(100% - 1em); }
        .table-settings-holder-region .table-settings-holder .dropdown-menu .experiment-limit-holder .nice-button {
          font-size: 15px;
          padding-right: 0.75em;
          padding-left: 0.7em; }
        .table-settings-holder-region .table-settings-holder .dropdown-menu .experiment-limit-holder .group-button-middle, .table-settings-holder-region .table-settings-holder .dropdown-menu .experiment-limit-holder .group-button-right {
          margin-left: -0.18em !important; }

#toggle-linked-experiments-region {
  position: absolute;
  top: -3px;
  left: 34em;
  z-index: 1;
  background: white;
  padding: 2px 15px 4px;
  border: 1px solid #dde0e9;
  border-radius: 4px;
  font-size: 15px; }

#experiments-divider-holder #search-bar-region {
  top: -3px;
  left: 11em;
  font-size: 16px;
  background: white;
  width: 10em;
  white-space: nowrap;
  position: absolute;
  z-index: 1; }
  #experiments-divider-holder #search-bar-region .icon-search3 {
    padding-left: 4px; }
  #experiments-divider-holder #search-bar-region input {
    width: 16em;
    margin-left: 2px; }

.experiments-table-datatables-wrapper {
  position: relative; }
  .experiments-table-datatables-wrapper .dataTables_info {
    bottom: -2em;
    right: 3px;
    position: absolute;
    width: unset;
    font-size: 13px; }
  .experiments-table-datatables-wrapper .dataTables_filter {
    left: 10em;
    top: -3.1em;
    font-size: 16px;
    background: white;
    width: 10em;
    white-space: nowrap; }
    .experiments-table-datatables-wrapper .dataTables_filter .icon-search3 {
      padding-left: 4px; }
    .experiments-table-datatables-wrapper .dataTables_filter input {
      width: 16em;
      margin-left: 2px; }
  .experiments-table-datatables-wrapper .dataTables_paginate {
    pointer-events: all;
    bottom: -26px;
    position: absolute;
    width: 100%;
    text-align: left;
    left: 1px; }
    .experiments-table-datatables-wrapper .dataTables_paginate .previous {
      margin-right: 1.5em; }
    .experiments-table-datatables-wrapper .dataTables_paginate .next {
      margin-left: 1.5em; }
    .experiments-table-datatables-wrapper .dataTables_paginate .paginate_active {
      font-size: 1.3em;
      margin: 0 0.2em 0 0.2em; }
    .experiments-table-datatables-wrapper .dataTables_paginate .paginate_button {
      color: #323336;
      padding: 6px 8px 6px 8px;
      font-size: 1.3em;
      cursor: pointer;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
      border-color: #BBB;
      background-color: white; }
      .experiments-table-datatables-wrapper .dataTables_paginate .paginate_button:hover {
        background-color: #ecebeb; }
      .experiments-table-datatables-wrapper .dataTables_paginate .paginate_button:active {
        background-image: none;
        background-color: #DBD8DB;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05); }
      .experiments-table-datatables-wrapper .dataTables_paginate .paginate_button.current {
        background-color: #edf6ff;
        font-weight: bold; }
  .experiments-table-datatables-wrapper .dataTables_length {
    pointer-events: all;
    position: absolute;
    top: -3.5em;
    right: 0em; }

.experiments-table {
  position: relative;
  pointer-events: all;
  margin-bottom: 1.5em; }
  .experiments-table li.label {
    font-size: 90%;
    line-height: 16px; }
  .experiments-table tr.expanded td:not(.expansion):not(.checkbox) {
    display: none !important; }
  .experiments-table tr.expanded td.expansion > div {
    min-height: 10em; }
  .experiments-table td.project, .experiments-table th.project {
    min-width: 10em; }
  .experiments-table td.data-size, .experiments-table th.data-size {
    min-width: 4.5em;
    padding-right: 1em; }
  .experiments-table td.pr, .experiments-table th.pr {
    width: 10em; }
  .experiments-table td.tooltipable, .experiments-table th.tooltipable {
    padding: 0; }
    .experiments-table td.tooltipable div, .experiments-table th.tooltipable div {
      padding: 0.5em 18px 0.5em 0.5em; }
  .experiments-table td.num-files, .experiments-table th.num-files {
    width: 2em; }
  .experiments-table td.updated_at, .experiments-table td.created_at, .experiments-table td.viewed_at, .experiments-table th.updated_at, .experiments-table th.created_at, .experiments-table th.viewed_at {
    width: 1em;
    white-space: nowrap; }
  .experiments-table td.descendants-column, .experiments-table th.descendants-column {
    white-space: nowrap;
    width: 52px;
    padding-right: 9px;
    padding-left: 2px; }
  .experiments-table thead tr th {
    border-left-width: 0 !important;
    border-right-width: 0 !important; }
  .experiments-table tbody tr {
    cursor: pointer;
    background-color: #fdfdfd; }
    .experiments-table tbody tr:hover td:not(.checkbox), .experiments-table tbody tr.selected td:not(.checkbox) {
      background-color: #f1f9ff; }
    .experiments-table tbody tr:hover .blue-circle, .experiments-table tbody tr:hover .purple-circle, .experiments-table tbody tr:hover .icon-link-holder, .experiments-table tbody tr.selected .blue-circle, .experiments-table tbody tr.selected .purple-circle, .experiments-table tbody tr.selected .icon-link-holder {
      opacity: 1; }
    .experiments-table tbody tr.selected td.experiment-name {
      border-right: 4px solid #307FE2 !important; }
  .experiments-table tbody td {
    cursor: pointer;
    border-bottom: 1px solid #c6d2e0 !important; }
    .experiments-table tbody td a {
      color: #01042E; }
      .experiments-table tbody td a:hover {
        text-decoration: underline; }
    .experiments-table tbody td:last-child {
      border-right: none; }
    .experiments-table tbody td:first-child {
      border-left: none; }
    .experiments-table tbody td.experiment-name {
      padding-left: 0;
      min-width: 15em;
      max-width: 35em;
      line-height: 23px;
      font-size: 1.1em;
      word-break: break-word; }
      .experiments-table tbody td.experiment-name .experiment-td-wrapper .to-sign {
        background: #027501;
        border-radius: 4px;
        font-size: 0.65rem;
        padding: 2px 1px 1px 1px;
        margin-right: 3px;
        color: #fff;
        vertical-align: bottom; }
        .experiments-table tbody td.experiment-name .experiment-td-wrapper .to-sign .icon-pen {
          color: #fff;
          font-size: 0.65rem; }
      .experiments-table tbody td.experiment-name .icon-new {
        font-size: 22px;
        vertical-align: -4px;
        margin-right: 3px;
        color: #2a7ce5 !important; }
      .experiments-table tbody td.experiment-name .round-icon-button {
        opacity: 0;
        -webkit-transition: opacity 130ms ease-out;
        -moz-transition: opacity 130ms ease-out;
        -o-transition: opacity 130ms ease-out;
        -ms-transition: opacity 130ms ease-out;
        transition: opacity 130ms ease-out; }
      .experiments-table tbody td.experiment-name:hover .round-icon-button, .experiments-table tbody td.experiment-name .dropdown.open .round-icon-button {
        opacity: 1; }
      .experiments-table tbody td.experiment-name .popover {
        padding: 0;
        border: none; }
        .experiments-table tbody td.experiment-name .popover .popover-content {
          padding: 0; }
          .experiments-table tbody td.experiment-name .popover .popover-content ul li a {
            color: inherit; }
          .experiments-table tbody td.experiment-name .popover .popover-content .dropdown-menu {
            display: inherit;
            position: relative;
            left: 0; }
      .experiments-table tbody td.experiment-name .multi-linker-placeholder {
        display: inline-block;
        height: 22px;
        width: 21px;
        opacity: 0; }
      .experiments-table tbody td.experiment-name .multi-linker-added .multi-linker-placeholder {
        display: none; }
  .experiments-table tbody .dataTables_empty {
    height: 10em;
    vertical-align: middle; }
  .experiments-table.user-connection-table button {
    padding: 4px 10px; }
  .experiments-table.user-connection-table .accept-button i {
    color: #ffffff; }
  .experiments-table.user-connection-table .decline-button {
    margin-left: 10px; }
    .experiments-table.user-connection-table .decline-button i {
      font-size: 0.88em; }
  .experiments-table.user-connection-table thead th:last-child {
    width: 250px; }

.experiments-table td.checkbox, .experiments-table th.checkbox, .experiments-table.fixedHeader-floating td.checkbox, .experiments-table.fixedHeader-floating th.checkbox, .experiments-table.fixedHeader-locked td.checkbox, .experiments-table.fixedHeader-locked th.checkbox {
  cursor: pointer;
  width: 0.5em;
  padding: 0em !important;
  text-align: center; }
  .experiments-table td.checkbox input, .experiments-table th.checkbox input, .experiments-table.fixedHeader-floating td.checkbox input, .experiments-table.fixedHeader-floating th.checkbox input, .experiments-table.fixedHeader-locked td.checkbox input, .experiments-table.fixedHeader-locked th.checkbox input {
    cursor: pointer;
    pointer-events: none;
    font-size: 2em; }
  .experiments-table td.checkbox:hover:not(.hidden-checkbox), .experiments-table th.checkbox:hover:not(.hidden-checkbox), .experiments-table.fixedHeader-floating td.checkbox:hover:not(.hidden-checkbox), .experiments-table.fixedHeader-floating th.checkbox:hover:not(.hidden-checkbox), .experiments-table.fixedHeader-locked td.checkbox:hover:not(.hidden-checkbox), .experiments-table.fixedHeader-locked th.checkbox:hover:not(.hidden-checkbox) {
    background-color: #aaccee61; }
  .experiments-table td.checkbox:active:not(.hidden-checkbox), .experiments-table th.checkbox:active:not(.hidden-checkbox), .experiments-table.fixedHeader-floating td.checkbox:active:not(.hidden-checkbox), .experiments-table.fixedHeader-floating th.checkbox:active:not(.hidden-checkbox), .experiments-table.fixedHeader-locked td.checkbox:active:not(.hidden-checkbox), .experiments-table.fixedHeader-locked th.checkbox:active:not(.hidden-checkbox) {
    background-color: #def;
    box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05); }
.experiments-table th.checkbox label, .experiments-table.fixedHeader-floating th.checkbox label, .experiments-table.fixedHeader-locked th.checkbox label {
  display: inline-block;
  padding: 0em 0.4em 0.5em 0.55em; }
.experiments-table th.checkbox.hidden-checkbox, .experiments-table.fixedHeader-floating th.checkbox.hidden-checkbox, .experiments-table.fixedHeader-locked th.checkbox.hidden-checkbox {
  cursor: default !important; }
  .experiments-table th.checkbox.hidden-checkbox label, .experiments-table th.checkbox.hidden-checkbox span, .experiments-table.fixedHeader-floating th.checkbox.hidden-checkbox label, .experiments-table.fixedHeader-floating th.checkbox.hidden-checkbox span, .experiments-table.fixedHeader-locked th.checkbox.hidden-checkbox label, .experiments-table.fixedHeader-locked th.checkbox.hidden-checkbox span {
    opacity: 0;
    pointer-events: none; }
.experiments-table td.secret-column, .experiments-table th.secret-column, .experiments-table td.secret-ancestor-column, .experiments-table th.secret-ancestor-column, .experiments-table.fixedHeader-floating td.secret-column, .experiments-table.fixedHeader-floating th.secret-column, .experiments-table.fixedHeader-floating td.secret-ancestor-column, .experiments-table.fixedHeader-floating th.secret-ancestor-column, .experiments-table.fixedHeader-locked td.secret-column, .experiments-table.fixedHeader-locked th.secret-column, .experiments-table.fixedHeader-locked td.secret-ancestor-column, .experiments-table.fixedHeader-locked th.secret-ancestor-column {
  display: none; }
.experiments-table thead, .experiments-table.fixedHeader-floating thead, .experiments-table.fixedHeader-locked thead {
  background: none; }
  .experiments-table thead th, .experiments-table.fixedHeader-floating thead th, .experiments-table.fixedHeader-locked thead th {
    text-align: left;
    border: none;
    border-bottom: 1px solid #bbbbbb !important; }
    .experiments-table thead th.sorting, .experiments-table.fixedHeader-floating thead th.sorting, .experiments-table.fixedHeader-locked thead th.sorting {
      background: none; }
      .experiments-table thead th.sorting:hover, .experiments-table.fixedHeader-floating thead th.sorting:hover, .experiments-table.fixedHeader-locked thead th.sorting:hover {
        background: #eef2f9; }
    .experiments-table thead th.sorting_asc, .experiments-table.fixedHeader-floating thead th.sorting_asc, .experiments-table.fixedHeader-locked thead th.sorting_asc {
      border-bottom: 1px solid #155fff !important;
      background: url("../images/sort_asc.svg") no-repeat center right;
      background-size: 27% 46%;
      background-position-x: 102%; }
      .experiments-table thead th.sorting_asc:hover, .experiments-table.fixedHeader-floating thead th.sorting_asc:hover, .experiments-table.fixedHeader-locked thead th.sorting_asc:hover {
        background: #eef2f9 url("../images/sort_asc.svg") no-repeat center right;
        background-size: 27% 46%;
        background-position-x: 102%; }
    .experiments-table thead th.sorting_desc, .experiments-table.fixedHeader-floating thead th.sorting_desc, .experiments-table.fixedHeader-locked thead th.sorting_desc {
      border-bottom: 1px solid #155fff !important;
      background: url("../images/sort_desc.svg") no-repeat center right;
      background-size: 27% 46%;
      background-position-x: 102%; }
      .experiments-table thead th.sorting_desc:hover, .experiments-table.fixedHeader-floating thead th.sorting_desc:hover, .experiments-table.fixedHeader-locked thead th.sorting_desc:hover {
        background: #eef2f9 url("../images/sort_desc.svg") no-repeat center right;
        background-size: 27% 46%;
        background-position-x: 102%; }
  .experiments-table thead th.empty, .experiments-table.fixedHeader-floating thead th.empty, .experiments-table.fixedHeader-locked thead th.empty {
    padding: 0; }
  .experiments-table thead th.select-all-none-checkbox-holder, .experiments-table.fixedHeader-floating thead th.select-all-none-checkbox-holder, .experiments-table.fixedHeader-locked thead th.select-all-none-checkbox-holder {
    max-width: 2em;
    padding: 0 0 3px 6px;
    white-space: nowrap; }
    .experiments-table thead th.select-all-none-checkbox-holder input, .experiments-table.fixedHeader-floating thead th.select-all-none-checkbox-holder input, .experiments-table.fixedHeader-locked thead th.select-all-none-checkbox-holder input {
      display: inline-block;
      margin-top: 4px; }
    .experiments-table thead th.select-all-none-checkbox-holder span, .experiments-table.fixedHeader-floating thead th.select-all-none-checkbox-holder span, .experiments-table.fixedHeader-locked thead th.select-all-none-checkbox-holder span {
      display: inline-block;
      opacity: 0;
      padding: 4px 4px 4px 0px;
      font-size: 12px;
      font-weight: normal;
      color: #535358;
      margin-left: -3px; }
    .experiments-table thead th.select-all-none-checkbox-holder:not(.hidden-checkbox):hover span, .experiments-table thead th.select-all-none-checkbox-holder:not(.hidden-checkbox):focus span, .experiments-table.fixedHeader-floating thead th.select-all-none-checkbox-holder:not(.hidden-checkbox):hover span, .experiments-table.fixedHeader-floating thead th.select-all-none-checkbox-holder:not(.hidden-checkbox):focus span, .experiments-table.fixedHeader-locked thead th.select-all-none-checkbox-holder:not(.hidden-checkbox):hover span, .experiments-table.fixedHeader-locked thead th.select-all-none-checkbox-holder:not(.hidden-checkbox):focus span {
      opacity: 1; }
  .experiments-table thead th .beta-icon-holder, .experiments-table.fixedHeader-floating thead th .beta-icon-holder, .experiments-table.fixedHeader-locked thead th .beta-icon-holder {
    position: relative; }
    .experiments-table thead th .beta-icon-holder .icon-beta, .experiments-table.fixedHeader-floating thead th .beta-icon-holder .icon-beta, .experiments-table.fixedHeader-locked thead th .beta-icon-holder .icon-beta {
      position: absolute;
      top: -0.75em;
      left: -0.25em; }

.information-table .secondary-info {
  color: #999; }
.information-table tbody tr {
  background-color: inherit;
  -webkit-transition: background-color 160ms ease-out;
  -moz-transition: background-color 160ms ease-out;
  -o-transition: background-color 160ms ease-out;
  -ms-transition: background-color 160ms ease-out;
  transition: background-color 160ms ease-out; }
.information-table tbody tr:hover {
  outline: 1px solid #dcdee6; }

table td.editable-td {
  padding: 0;
  cursor: pointer;
  position: relative; }
  table td.editable-td div {
    padding: 0.5em;
    padding-right: 20px; }
  table td.editable-td span {
    padding: 0.5em;
    padding-right: 20px; }
  table td.editable-td form, table td.editable-td input {
    min-width: inherit !important;
    width: 90% !important; }
  table td.editable-td .icon-pencil {
    position: absolute;
    right: 4px;
    top: 26%;
    pointer-events: none; }
table td.editable-td:hover {
  background-color: #D8D8D8; }
  table td.editable-td:hover div {
    text-decoration: underline; }
  table td.editable-td:hover span {
    text-decoration: underline; }
  table td.editable-td:hover .icon-pencil {
    opacity: 1;
    color: #999 !important;
    text-decoration: none !important; }
table td.icon-holder-td {
  text-align: center; }
  table td.icon-holder-td a {
    text-decoration: none; }
  table td.icon-holder-td .standalone-icon {
    color: #4780c7; }
  table td.icon-holder-td .standalone-icon:hover {
    color: #164c7a; }
  table td.icon-holder-td .standalone-icon:active {
    color: #d7e5f4; }
table th.centered-text, table td.centered-text {
  text-align: center; }
table td.selectable, table th.selectable, table tr.selectable {
  -webkit-transition: background-color 160ms ease-out;
  -moz-transition: background-color 160ms ease-out;
  -o-transition: background-color 160ms ease-out;
  -ms-transition: background-color 160ms ease-out;
  transition: background-color 160ms ease-out; }
  table td.selectable.selected, table th.selectable.selected, table tr.selectable.selected {
    background-color: #D8ECFF; }
  table td.selectable:not(.selected), table td.selectable.checkbox-td, table th.selectable:not(.selected), table th.selectable.checkbox-td, table tr.selectable:not(.selected), table tr.selectable.checkbox-td {
    cursor: pointer; }
    table td.selectable:not(.selected):active, table td.selectable.checkbox-td:active, table th.selectable:not(.selected):active, table th.selectable.checkbox-td:active, table tr.selectable:not(.selected):active, table tr.selectable.checkbox-td:active {
      background-color: #ACE !important;
      -webkit-transition: none;
      -moz-transition: none;
      -o-transition: none;
      -ms-transition: none;
      transition: none; }
  table td.selectable:not(.selected):hover, table th.selectable:not(.selected):hover, table tr.selectable:not(.selected):hover {
    background-color: #EBEEF3; }
    table td.selectable:not(.selected):hover .icomoon-icon, table th.selectable:not(.selected):hover .icomoon-icon, table tr.selectable:not(.selected):hover .icomoon-icon {
      color: #092644 !important; }
  table td.selectable.checkbox-td.selected:hover, table th.selectable.checkbox-td.selected:hover, table tr.selectable.checkbox-td.selected:hover {
    opacity: 0.8; }
    table td.selectable.checkbox-td.selected:hover .icomoon-icon, table th.selectable.checkbox-td.selected:hover .icomoon-icon, table tr.selectable.checkbox-td.selected:hover .icomoon-icon {
      color: #092644 !important; }

.indented-experiment-counts li.label {
  padding-left: 2em; }
.indented-experiment-counts li.experiment-count {
  margin-left: -2em; }

#project-experiments-table tbody td.experiment-name .round-icon-button {
  opacity: 0;
  -webkit-transition: opacity 130ms ease-out;
  -moz-transition: opacity 130ms ease-out;
  -o-transition: opacity 130ms ease-out;
  -ms-transition: opacity 130ms ease-out;
  transition: opacity 130ms ease-out; }
#project-experiments-table tbody td.experiment-name:hover .round-icon-button, #project-experiments-table tbody td.experiment-name .dropdown.open .round-icon-button {
  opacity: 1; }

#project-experiments-table_filter {
  top: -2px; }

#project-experiments-table_info {
  left: -24px;
  top: 24px; }

#projects-table {
  margin-top: 2em;
  border-bottom: 1px solid #bbbbbb; }
  #projects-table td:not(:first-child) {
    text-align: center; }

#projects-table_filter {
  top: 1.6em;
  left: 3.5em;
  font-size: 16px; }
  #projects-table_filter input {
    width: 20em; }

#projects-table_info {
  top: 14px;
  left: 20px;
  text-align: left;
  width: 20em;
  height: 2em;
  font-size: 13px; }

.minimal-table {
  width: 100%;
  font-size: 15px !important;
  border-collapse: separate !important; }
  .minimal-table tbody {
    border-left: 1px solid #BBB;
    border-right: 1px solid #BBB; }
  .minimal-table a:hover {
    color: #1758AC !important; }
  .minimal-table a:active {
    color: #ACE !important; }
  .minimal-table th, .minimal-table td {
    border: 0;
    padding-right: 18px;
    border-color: #BBB !important; }
  .minimal-table td:first-child {
    border-left: 1px solid; }
  .minimal-table td:last-child {
    border-right: 1px solid; }
  .minimal-table td.center {
    font-size: 0.9em;
    text-align: center; }
  .minimal-table th {
    border-top: 1px solid;
    border-bottom: 1px solid; }
    .minimal-table th:first-child {
      border-left: 1px solid;
      -webkit-border-radius: 5px 0px 0px 0px;
      -moz-border-radius: 5px 0px 0px 0px;
      -o-border-radius: 5px 0px 0px 0px;
      border-radius: 5px 0px 0px 0px; }
    .minimal-table th:last-child {
      border-right: 1px solid;
      -webkit-border-radius: 0px 5px 0px 0px;
      -moz-border-radius: 0px 5px 0px 0px;
      -o-border-radius: 0px 5px 0px 0px;
      border-radius: 0px 5px 0px 0px; }

table#bulk-edit-scales {
  border-collapse: collapse;
  border-style: hidden;
  font-size: 1.2em;
  margin: 0em 0em 1.5em 1em; }
  table#bulk-edit-scales th, table#bulk-edit-scales td {
    border-style: hidden;
    padding: 0.1em 0.5em;
    vertical-align: bottom; }

#import-from-experiment-region .bootstrap-select {
  margin-left: 1em; }
  #import-from-experiment-region .bootstrap-select .dropdown-menu.open {
    max-width: 900px;
    min-width: auto !important; }
#import-from-experiment-region .nice-button {
  padding: 0.4em 2em;
  display: inline-block;
  line-height: 1.3em;
  margin-top: 0.2em;
  margin-left: 0.7em; }
#import-from-experiment-region #import-information {
  display: none;
  margin-left: 1.2em;
  border: 1px solid #ccc;
  margin-top: -1px;
  padding: 0.5em 1em;
  background: #f6f8fc;
  min-height: 4em;
  -webkit-border-radius: 0px 5px 5px 5px;
  -moz-border-radius: 0px 5px 5px 5px;
  -o-border-radius: 0px 5px 5px 5px;
  border-radius: 0px 5px 5px 5px; }
  #import-from-experiment-region #import-information li {
    list-style-type: disc;
    margin-left: 2em; }
#import-from-experiment-region #import-scales-button {
  display: none;
  margin-left: 1.1em;
  width: 15em;
  margin-bottom: 3em;
  color: #275482; }
#import-from-experiment-region #cancel-import-scales-button {
  display: none;
  margin-left: 1.1em;
  width: 12em;
  margin-bottom: 3em; }

table.scales .scale_type button {
  display: none; }

#experiment-scales-modal .modal-body {
  min-height: 52em; }
  #experiment-scales-modal .modal-body .error-message {
    cursor: pointer; }
    #experiment-scales-modal .modal-body .error-message:hover {
      opacity: 0.9; }
    #experiment-scales-modal .modal-body .error-message:active {
      box-shadow: inset 1px 2px 4px 0px rgba(0, 0, 0, 0.2); }

#scales {
  display: inline-block;
  width: calc(100% - 30.5em); }
  #scales.view-only #click-to-edit-scales-text {
    visibility: hidden; }
  #scales.view-only .editable-td {
    pointer-events: none; }
  #scales #scale-edit-region {
    position: relative; }
    #scales #scale-edit-region #scales-table-header-holder table, #scales #scale-edit-region #scales-table-holder table {
      font-size: 1.2em;
      border-collapse: separate;
      display: table-header-group;
      width: 50em; }
      #scales #scale-edit-region #scales-table-header-holder table td, #scales #scale-edit-region #scales-table-holder table td {
        border-left: 1px solid rgba(0, 0, 0, 0);
        border-right: 1px solid rgba(0, 0, 0, 0);
        border-bottom: none; }
      #scales #scale-edit-region #scales-table-header-holder table th, #scales #scale-edit-region #scales-table-holder table th {
        padding: 0.75em 0em 0.75em 0em; }
      #scales #scale-edit-region #scales-table-header-holder table td.checkbox-holder, #scales #scale-edit-region #scales-table-header-holder table th.checkbox-holder, #scales #scale-edit-region #scales-table-holder table td.checkbox-holder, #scales #scale-edit-region #scales-table-holder table th.checkbox-holder {
        width: 3em;
        max-width: 3em;
        padding: 0.75em 0em 0.75em 0em;
        cursor: pointer;
        -webkit-transition: background-color 160ms ease-out;
        -moz-transition: background-color 160ms ease-out;
        -o-transition: background-color 160ms ease-out;
        -ms-transition: background-color 160ms ease-out;
        transition: background-color 160ms ease-out; }
        #scales #scale-edit-region #scales-table-header-holder table td.checkbox-holder:hover, #scales #scale-edit-region #scales-table-header-holder table td.checkbox-holder:active, #scales #scale-edit-region #scales-table-header-holder table th.checkbox-holder:hover, #scales #scale-edit-region #scales-table-header-holder table th.checkbox-holder:active, #scales #scale-edit-region #scales-table-holder table td.checkbox-holder:hover, #scales #scale-edit-region #scales-table-holder table td.checkbox-holder:active, #scales #scale-edit-region #scales-table-holder table th.checkbox-holder:hover, #scales #scale-edit-region #scales-table-holder table th.checkbox-holder:active {
          color: #4488CC;
          background-color: #E9F4FF !important; }
          #scales #scale-edit-region #scales-table-header-holder table td.checkbox-holder:hover i, #scales #scale-edit-region #scales-table-header-holder table td.checkbox-holder:active i, #scales #scale-edit-region #scales-table-header-holder table th.checkbox-holder:hover i, #scales #scale-edit-region #scales-table-header-holder table th.checkbox-holder:active i, #scales #scale-edit-region #scales-table-holder table td.checkbox-holder:hover i, #scales #scale-edit-region #scales-table-holder table td.checkbox-holder:active i, #scales #scale-edit-region #scales-table-holder table th.checkbox-holder:hover i, #scales #scale-edit-region #scales-table-holder table th.checkbox-holder:active i {
            color: #4488CC; }
        #scales #scale-edit-region #scales-table-header-holder table td.checkbox-holder:active, #scales #scale-edit-region #scales-table-header-holder table th.checkbox-holder:active, #scales #scale-edit-region #scales-table-holder table td.checkbox-holder:active, #scales #scale-edit-region #scales-table-holder table th.checkbox-holder:active {
          box-shadow: inset 3px 3px 6px 1px rgba(0, 0, 0, 0.125); }
        #scales #scale-edit-region #scales-table-header-holder table td.checkbox-holder i, #scales #scale-edit-region #scales-table-header-holder table th.checkbox-holder i, #scales #scale-edit-region #scales-table-holder table td.checkbox-holder i, #scales #scale-edit-region #scales-table-holder table th.checkbox-holder i {
          padding-left: 3px; }
      #scales #scale-edit-region #scales-table-header-holder table td.channel-name, #scales #scale-edit-region #scales-table-header-holder table th.channel-name, #scales #scale-edit-region #scales-table-holder table td.channel-name, #scales #scale-edit-region #scales-table-holder table th.channel-name {
        width: 20.75em;
        max-width: 20.75em;
        padding-left: 1em; }
      #scales #scale-edit-region #scales-table-header-holder table td.scale-type, #scales #scale-edit-region #scales-table-header-holder table th.scale-type, #scales #scale-edit-region #scales-table-holder table td.scale-type, #scales #scale-edit-region #scales-table-holder table th.scale-type {
        width: 6em;
        max-width: 6em; }
      #scales #scale-edit-region #scales-table-header-holder table td.scale-arg, #scales #scale-edit-region #scales-table-header-holder table th.scale-arg, #scales #scale-edit-region #scales-table-holder table td.scale-arg, #scales #scale-edit-region #scales-table-holder table th.scale-arg {
        width: 3.3em;
        max-width: 3.3em; }
      #scales #scale-edit-region #scales-table-header-holder table td.min-max, #scales #scale-edit-region #scales-table-header-holder table th.min-max, #scales #scale-edit-region #scales-table-holder table td.min-max, #scales #scale-edit-region #scales-table-holder table th.min-max {
        width: 5.4em;
        max-width: 5.4em; }
      #scales #scale-edit-region #scales-table-header-holder table td.editable-td .edit-text, #scales #scale-edit-region #scales-table-header-holder table td.editable-td .edit-select, #scales #scale-edit-region #scales-table-holder table td.editable-td .edit-text, #scales #scale-edit-region #scales-table-holder table td.editable-td .edit-select {
        height: 20px;
        line-height: 25px;
        padding-top: 1px; }
        #scales #scale-edit-region #scales-table-header-holder table td.editable-td .edit-text input, #scales #scale-edit-region #scales-table-header-holder table td.editable-td .edit-select input, #scales #scale-edit-region #scales-table-holder table td.editable-td .edit-text input, #scales #scale-edit-region #scales-table-holder table td.editable-td .edit-select input {
          text-align: center; }
        #scales #scale-edit-region #scales-table-header-holder table td.editable-td .edit-text .icon-pencil, #scales #scale-edit-region #scales-table-header-holder table td.editable-td .edit-select .icon-pencil, #scales #scale-edit-region #scales-table-holder table td.editable-td .edit-text .icon-pencil, #scales #scale-edit-region #scales-table-holder table td.editable-td .edit-select .icon-pencil {
          right: 2px;
          top: 1px; }
      #scales #scale-edit-region #scales-table-header-holder table td.channel-name, #scales #scale-edit-region #scales-table-holder table td.channel-name {
        cursor: pointer;
        word-break: break-all;
        padding: 0.2em 0em 0.2em 1em; }
        #scales #scale-edit-region #scales-table-header-holder table td.channel-name .icon-eye, #scales #scale-edit-region #scales-table-holder table td.channel-name .icon-eye {
          color: rgba(0, 0, 0, 0);
          float: right;
          margin-right: 2px; }
        #scales #scale-edit-region #scales-table-header-holder table td.channel-name:hover, #scales #scale-edit-region #scales-table-holder table td.channel-name:hover {
          color: #023F81;
          background-color: #dbe6f2; }
          #scales #scale-edit-region #scales-table-header-holder table td.channel-name:hover .icon-eye, #scales #scale-edit-region #scales-table-holder table td.channel-name:hover .icon-eye {
            color: #023F81; }
        #scales #scale-edit-region #scales-table-header-holder table td.channel-name:active, #scales #scale-edit-region #scales-table-holder table td.channel-name:active {
          color: #d7e5f4;
          background-color: #8ba1b7; }
          #scales #scale-edit-region #scales-table-header-holder table td.channel-name:active .icon-eye, #scales #scale-edit-region #scales-table-holder table td.channel-name:active .icon-eye {
            color: #d7e5f4; }
      #scales #scale-edit-region #scales-table-header-holder table td:not(.channel-name), #scales #scale-edit-region #scales-table-holder table td:not(.channel-name) {
        text-align: center; }
    #scales #scale-edit-region #scales-table-holder {
      max-height: 60vh;
      margin-top: -1px;
      margin-bottom: 2.5em;
      border: 1px solid #BBB;
      border-top: none;
      border-right: none;
      overflow-y: scroll;
      -webkit-border-radius: 0px 0px 5px 5px;
      -moz-border-radius: 0px 0px 5px 5px;
      -o-border-radius: 0px 0px 5px 5px;
      border-radius: 0px 0px 5px 5px; }
    #scales #scale-edit-region .input-group {
      position: absolute;
      top: 0;
      right: 30px; }
      #scales #scale-edit-region .input-group #scale-filter-search {
        font-size: 1.2em; }
  #scales #scale-reset-region {
    margin-top: 13px;
    margin-left: 13px; }

.mac-html #scales-table-holder::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px; }
.mac-html #scales-table-holder::-webkit-scrollbar-thumb {
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  background-color: rgba(0, 0, 0, 0.175); }
  .mac-html #scales-table-holder::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.4); }
.mac-html #scales-table-holder::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 3px; }

#experiment-scales-modal #scales-app-spinner-holder {
  display: flex; }
  #experiment-scales-modal #scales-app-spinner-holder .spinning-icon {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em; }
#experiment-scales-modal #scales, #experiment-scales-modal #scales-plot-region {
  opacity: 0; }
#experiment-scales-modal .standalone-plot-viewer-holder {
  position: absolute;
  top: 67px;
  right: 1.5em;
  width: 25.5em; }
  #experiment-scales-modal .standalone-plot-viewer-holder .plot-controls-holder:first-child {
    padding-left: 2.7em; }
  #experiment-scales-modal .standalone-plot-viewer-holder .plot-image-and-axes-holder .standalone-plot-image-holder .plot-image.plot-image-placeholder {
    width: 319px !important; }
  #experiment-scales-modal .standalone-plot-viewer-holder .plot-image-and-axes-holder .standalone-plot-image-holder .error-message {
    margin: 20px 10px 120px; }
  #experiment-scales-modal .standalone-plot-viewer-holder .fcs-file-selector-label {
    float: left;
    max-width: 95%;
    margin-left: 24px;
    margin-bottom: 2px; }

#sidebar.yui-b {
  padding-top: 4px; }
#sidebar .content-box {
  display: block;
  margin: 0 0 1.2em 0;
  word-wrap: break-word; }
  #sidebar .content-box h3 {
    display: inline-block;
    min-width: 93.5%;
    background-color: #5a7998;
    color: #FFF;
    border: solid 1px #5a7998;
    border-bottom: none;
    font-size: 13px;
    font-weight: normal;
    padding: 0.15em 0.5em 0.25em 0.5em; }
    #sidebar .content-box h3 span.toggle {
      left: 5px;
      background-image: url("/cytobank/stylesheets/cytobank-custom/images/ui-icons_ffffff_256x240.png"); }
    #sidebar .content-box h3 .icomoon-icon {
      color: white; }
    #sidebar .content-box h3 .collapsible {
      min-width: 10em; }
    #sidebar .content-box h3 a {
      color: #FFF; }
  #sidebar .content-box h3:not(.uncollapsible-header):hover {
    background-color: #7992ab; }
    #sidebar .content-box h3:not(.uncollapsible-header):hover a:hover {
      color: #FFF; }
  #sidebar .content-box h3.uncollapsible-header .info-button {
    top: 2px; }
  #sidebar .content-box.pseudo-box .body {
    border: none; }
  #sidebar .content-box:not(.pseudo-box) .body {
    border: solid #99AFBE 1px;
    border-top: none;
    transition: border 500ms ease-in;
    -webkit-transition: border 500ms ease-in;
    -moz-transition: border 500ms ease-in;
    -o-transition: border 500ms ease-in;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px; }
  #sidebar .content-box.new-style-sidebar-content-box .body {
    font-size: 1.2em; }
    #sidebar .content-box.new-style-sidebar-content-box .body select {
      width: 100%;
      height: 1.7em; }
    #sidebar .content-box.new-style-sidebar-content-box .body input[type='text'], #sidebar .content-box.new-style-sidebar-content-box .body input[type='password'] {
      width: 90%; }
  #sidebar .content-box .body {
    padding-top: 0.4em;
    font-size: 1.1em;
    background: #FDFDFD; }
    #sidebar .content-box .body input[type='text'], #sidebar .content-box .body input[type='password'] {
      width: 15.75em;
      margin-left: 0.8em; }
    #sidebar .content-box .body input[type='text'] {
      margin-top: 0.2em; }
    #sidebar .content-box .body h5 {
      margin: 0.75em 0.25em; }
      #sidebar .content-box .body h5 .control {
        color: #4585c5;
        cursor: pointer;
        font-size: 0.9em;
        font-weight: normal; }
  #sidebar .content-box li {
    margin-top: 0.25em;
    margin-bottom: 0; }
    #sidebar .content-box li a, #sidebar .content-box li a:link, #sidebar .content-box li a:visited {
      display: block;
      text-decoration: none;
      color: #1758AC;
      font-size: 14px;
      padding-left: 2px;
      padding-bottom: 2px;
      margin-top: -3px;
      vertical-align: top;
      line-height: 23px; }
    #sidebar .content-box li a:not(.ui-state-default), #sidebar .content-box li a:link:not(.ui-state-default), #sidebar .content-box li a:visited:not(.ui-state-default) {
      margin-top: -3px;
      border-bottom: none !important; }
    #sidebar .content-box li .ui-slider {
      margin-top: 4px; }
      #sidebar .content-box li .ui-slider .ui-slider-handle {
        margin-top: -1px;
        cursor: pointer; }
    #sidebar .content-box li i.link-icon {
      line-height: 1.1; }
    #sidebar .content-box li a:hover {
      color: #023F81;
      background-color: #dbe6f2; }
      #sidebar .content-box li a:hover i {
        color: #164c7a; }
    #sidebar .content-box li a:active {
      color: #d7e5f4;
      background-color: #8ba1b7; }
      #sidebar .content-box li a:active i {
        color: #d7e5f4; }
  #sidebar .content-box li.right-oriented-link-holder a.link-with-icon {
    text-align: right;
    padding-right: 11px; }
  #sidebar .content-box a.link-with-icon {
    line-height: 16px; }
  #sidebar .content-box a.standalone-link, #sidebar .content-box .standalone-link a {
    display: inline !important;
    padding: 0; }
    #sidebar .content-box a.standalone-link i, #sidebar .content-box .standalone-link a i {
      color: #4780c7; }
  #sidebar .content-box .suppress-menu-list li a, #sidebar .content-box .suppress-menu-list li a:link, #sidebar .content-box .suppress-menu-list li a:visited {
    display: inline; }
  #sidebar .content-box .suppress-menu-list li a:hover, #sidebar .content-box .suppress-menu-list li a:active {
    color: #1D4B7A;
    background-color: inherit;
    text-decoration: underline; }
  #sidebar .content-box .suppress-menu-list li a:active {
    color: #2B7DE1; }
  #sidebar .content-box ul:not(.suppress-menu-list) li:not(.link-with-icon-holder) a:not(.link-with-icon):not(.standalone-link) {
    line-height: 18px;
    padding-left: 23px; }
  #sidebar .content-box li.extra-space-on-top {
    margin-top: 4px; }
  #sidebar .content-box li.extra-space-on-bottom {
    margin-bottom: 4px; }
  #sidebar .content-box li.center-content {
    text-align: center; }
  #sidebar .content-box #save-illustration-holder {
    margin: -0.6em 0 3px 6px; }
  #sidebar .content-box#tagging-page-sidebar .nice-button {
    font-size: 14px;
    width: 70%;
    margin-left: auto;
    padding: 4px 8px;
    margin-right: auto;
    display: block; }
  #sidebar .content-box#tagging-page-sidebar input.nice-button.small {
    height: 25px !important; }
  #sidebar .content-box#tagging-page-sidebar #import-sample-tags-button.loading {
    background: white;
    pointer-events: none; }
  #sidebar .content-box#tagging-page-sidebar #import-tags-from-experiment-form {
    max-height: 1px;
    opacity: 0;
    display: none; }
  #sidebar .content-box .sidebar-section-holder {
    position: relative;
    padding: 4px;
    margin: 4px;
    width: 92%;
    border: 1px solid #EEE;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; }
    #sidebar .content-box .sidebar-section-holder select, #sidebar .content-box .sidebar-section-holder input[type='text'] {
      margin-left: 0.8em; }
    #sidebar .content-box .sidebar-section-holder select {
      width: 13em;
      margin-top: 1px; }
    #sidebar .content-box .sidebar-section-holder input[type='text'] {
      width: 12.65em;
      margin-top: 0.2em; }
    #sidebar .content-box .sidebar-section-holder .info-button:not(.info-button-grey) {
      color: #5a7998 !important; }
    #sidebar .content-box .sidebar-section-holder .sp-replacer {
      vertical-align: top;
      height: 16px; }
      #sidebar .content-box .sidebar-section-holder .sp-replacer .sp-dd {
        margin-right: 3px; }
  #sidebar .content-box span.toggle {
    top: 2px; }
  #sidebar .content-box .info-button, #sidebar .content-box .close-button {
    right: 4px;
    top: 2px;
    width: 16px;
    color: #dee4f8 !important; }
  #sidebar .content-box .info-button:hover {
    color: #F2DA87 !important; }
  #sidebar .content-box .info-button:active {
    color: #F4E19E !important; }
#sidebar .content-box:hover .body {
  border-color: #3f7296; }
#sidebar .closed-box {
  display: block;
  min-width: 100%; }
  #sidebar .closed-box h3 {
    border-bottom: 1px solid #3f7296 !important; }
  #sidebar .closed-box h3:hover {
    border-bottom-color: #3f7296 !important; }
#sidebar .overflowable-box .body {
  overflow: visible; }
#sidebar .sectioned-content-box {
  padding: 0; }
  #sidebar .sectioned-content-box .body {
    padding: 0.5em 0em; }
  #sidebar .sectioned-content-box .section {
    padding: 0em 0.5em; }
  #sidebar .sectioned-content-box .last-section {
    border-bottom: 0; }
#sidebar .back-box, #sidebar .forward-box, #sidebar .action-box, #sidebar .update-illustration {
  border: solid 1px;
  font-size: 1.1em;
  font-weight: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 0.45em;
  text-align: center;
  cursor: pointer; }
  #sidebar .back-box a, #sidebar .back-box a:link, #sidebar .back-box a:visited, #sidebar .forward-box a, #sidebar .forward-box a:link, #sidebar .forward-box a:visited, #sidebar .action-box a, #sidebar .action-box a:link, #sidebar .action-box a:visited, #sidebar .update-illustration a, #sidebar .update-illustration a:link, #sidebar .update-illustration a:visited {
    text-decoration: none;
    display: block;
    padding: 0.5em; }
#sidebar .back-box {
  background-color: #FED;
  border-color: #F81; }
  #sidebar .back-box a, #sidebar .back-box a:link, #sidebar .back-box a:visited {
    color: #F81; }
#sidebar .back-box:hover {
  background-color: #FCF5ED; }
#sidebar .back-box:active {
  box-shadow: 1px 1px 2px #FCA548 inset !important; }
#sidebar .action-box, #sidebar .forward-box, #sidebar .update-illustration {
  background-color: #B8EBC0;
  border-color: #129700; }
  #sidebar .action-box a, #sidebar .action-box a:link, #sidebar .action-box a:visited, #sidebar .forward-box a, #sidebar .forward-box a:link, #sidebar .forward-box a:visited, #sidebar .update-illustration a, #sidebar .update-illustration a:link, #sidebar .update-illustration a:visited {
    color: #09490C; }
#sidebar .action-box:hover, #sidebar .forward-box:hover, #sidebar .update-illustration:hover {
  background-color: #D4F5DA; }
#sidebar .action-box:active, #sidebar .forward-box:active, #sidebar .update-illustration:active {
  box-shadow: 1px 1px 1px #8DB493 inset !important; }
#sidebar li {
  padding-bottom: 0.25em; }
#sidebar select {
  width: 17.5em; }
#sidebar input:not(.sample-tag-type-toggle), #sidebar .centered-button {
  display: block;
  margin: 0.5em auto 0; }
#sidebar input.text {
  width: 17.75em; }
#sidebar .note {
  color: #666;
  font-style: italic; }
#sidebar .input-and-submit-widget input:first-child, #sidebar .input-and-submit-widget select:first-child {
  width: 13em !important;
  display: inline !important; }
#sidebar .input-and-submit-widget input[type='submit'] {
  display: inline !important; }

#controls-form .content-box .body select {
  width: 11em;
  margin-left: 0.2em;
  margin-top: 5px; }

#did-you-know-box ul li {
  font-size: 1em; }

#import-sample-tags-form {
  border: 1px solid #EEE;
  padding-bottom: 6px; }

.safari-html #sidebar .content-box h3 {
  min-width: 94%; }

#illustration-plot-styles .entry-with-color-picker select {
  width: 81% !important; }

#plot-type-specific-controls-box .dot-plot-menu-subsection, #general-plot-controls-box .dot-plot-menu-subsection {
  display: none; }
#plot-type-specific-controls-box i.info-button.icomoon-icon, #general-plot-controls-box i.info-button.icomoon-icon {
  position: relative;
  display: inline;
  margin-left: 14px;
  left: initial;
  top: initial;
  color: #275482 !important; }
  #plot-type-specific-controls-box i.info-button.icomoon-icon.info-button-inline, #general-plot-controls-box i.info-button.icomoon-icon.info-button-inline {
    line-height: 30px; }

.sp-palette-row-selection {
  width: 60px; }

.tour-launcher {
  position: absolute;
  width: 40px;
  height: 35px;
  padding-top: 10px;
  top: 0px;
  right: -2px;
  border-bottom: 1px solid #bbbbbb;
  text-align: center;
  font-size: 12px;
  background-color: #f8f3e1; }
  .tour-launcher:hover {
    background-color: #F2DA87;
    color: #3F350F;
    border-bottom-color: #EECE59; }
  .tour-launcher#launch-tour-button-2 {
    top: 46px; }

.onoffswitch {
  display: inline-block;
  position: relative;
  width: 46px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  text-align: left;
  cursor: pointer; }
  .onoffswitch.disabled {
    opacity: 0.4;
    pointer-events: none; }
  .onoffswitch.transitioning {
    pointer-events: none;
    cursor: pointer !important; }

.onoffswitch-checkbox {
  display: none !important; }
  .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    left: 21px; }

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #999;
  border-radius: 20px;
  height: 16px; }

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  -webkit-transition: margin 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  -o-transition: margin 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  transition: margin 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s; }
  .onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 17px;
    font-size: 12px;
    color: white;
    white-space: nowrap;
    font-family: Trebuchet, Arial, sans-serif;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .onoffswitch-inner:before {
    font-family: "icomoon";
    content: "";
    padding-left: 10px;
    background-color: #4585c5;
    color: white;
    font-size: 10px; }
  .onoffswitch-inner:after {
    content: "";
    padding-right: 10px;
    background-color: #e2e2e2; }

.onoffswitch-switch {
  display: block;
  margin: 6px;
  background: white !important;
  border: 1px solid #999;
  border-radius: 20px;
  position: absolute;
  top: -6px;
  bottom: 0;
  height: 16px;
  width: 17px;
  left: -7px;
  padding: 0 !important;
  -moz-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) 0s; }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0; }

#histogram_orientation_toggle_label .onoffswitch-inner:before {
  content: "X"; }
#histogram_orientation_toggle_label .onoffswitch-inner:after {
  content: "Y"; }
#histogram_orientation_toggle_label .onoffswitch-inner:before, #histogram_orientation_toggle_label .onoffswitch-inner:after {
  color: #2B7DE1;
  background-color: #D8ECFF;
  font-size: 12px; }

.onoffswitch.wide {
  width: 57px !important; }
  .onoffswitch.wide .onoffswitch-switch {
    left: 32px !important; }
  .onoffswitch.wide .onoffswitch-inner:before {
    margin-left: -15px; }
  .onoffswitch.wide .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    left: -6px !important; }
  .onoffswitch.wide .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner:before {
    margin-left: 13px; }

.onoffswitch-inner.custom-content:after {
  color: #27629f;
  padding-left: 23px; }
.onoffswitch-inner.custom-content:before, .onoffswitch-inner.custom-content:after {
  font-family: 'Lato', 'Lato-local', Arial, sans-serif;
  font-size: 12px;
  margin-top: -1px; }
.onoffswitch-inner.custom-content.blue-content:before, .onoffswitch-inner.custom-content.blue-content:after {
  background-color: #cbe5ff;
  color: #12184e; }
.onoffswitch-inner.custom-content.content-x:before {
  content: "X"; }
.onoffswitch-inner.custom-content.content-x:after {
  content: "X"; }
.onoffswitch-inner.custom-content.content-y:before {
  content: "Y"; }
.onoffswitch-inner.custom-content.content-y:after {
  content: "Y"; }
.onoffswitch-inner.custom-content.content-xy:before {
  content: "X"; }
.onoffswitch-inner.custom-content.content-xy:after {
  content: "Y"; }

.dialog {
  margin: 0;
  padding: 1.5em;
  text-align: left; }
  .dialog div {
    margin: 0;
    padding: 0; }

.no-close, .ui-dialog-titlebar-close {
  display: none; }

.instruction {
  font-style: italic; }

.message-error {
  margin: 0 auto 0.5em !important;
  padding: 0;
  color: #D43;
  visibility: hidden; }

.dialog-error-icon {
  font-size: 1.5em; }

.submit {
  margin: 1em 0 1em;
  display: inline;
  float: right;
  font-size: 1.15em;
  text-align: center; }
  .submit button {
    margin-left: 0.5em; }
  .submit .spinner-text {
    margin: 2em 0 0 2em;
    text-align: right;
    font-style: italic;
    color: #999;
    visibility: hidden; }

.multiselect-widget {
  margin: 0.5em 0 0.5em;
  text-align: left; }
  .multiselect-widget .select-control, .multiselect-widget .select-list, .multiselect-widget .select-number {
    margin: 0.5em 0 0.5em; }
    .multiselect-widget .select-control input, .multiselect-widget .select-list input, .multiselect-widget .select-number input {
      float: left; }
    .multiselect-widget .select-control .select-none-button, .multiselect-widget .select-control .select-all-button, .multiselect-widget .select-list .select-none-button, .multiselect-widget .select-list .select-all-button, .multiselect-widget .select-number .select-none-button, .multiselect-widget .select-number .select-all-button {
      margin-left: 0.25em;
      float: right; }
  .multiselect-widget .select-list {
    margin: 0.5em 0 0.5em;
    width: 100%;
    font-size: 1.1em;
    overflow: auto; }
  .multiselect-widget .select-number {
    margin: 0 0 1em; }

.radio-wrapper .radio-button {
  display: inline !important; }
  .radio-wrapper .radio-button:first-child label {
    -webkit-border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -o-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px; }
  .radio-wrapper .radio-button:last-child label {
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -o-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px; }
.radio-wrapper .radio-button-label {
  display: inline !important;
  margin: 0.5em 0 !important;
  padding: 0.35em 1.5em !important;
  font-size: 1em;
  font-weight: normal !important; }
.radio-wrapper .ui-button-text {
  display: inline !important; }
.radio-wrapper .ui-state-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc !important;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  border-color: #ccc; }
.radio-wrapper .ui-state-hover {
  border: 1px solid #adadad !important;
  background-color: #e0e0e0 !important; }
.radio-wrapper .ui-state-active {
  color: #333333;
  border: 1px solid #adadad !important;
  background-color: #e5e5e5 !important;
  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); }
.radio-wrapper .ui-state-disabled, .radio-wrapper .ui-widget-content .ui-state-disabled, .radio-wrapper .ui-widget-header .ui-state-disabled {
  opacity: 0.7 !important; }

.ui-widget {
  font-family: 'Lato', 'Lato-local', Arial, Helvetica, sans-serif; }

.ui-dialog {
  font-family: 'Lato', 'Lato-local', "trebuchet MS", helvetica, sans-serif;
  font-size: 1.2em;
  box-shadow: rgba(0, 0, 0, 0.34) 3px 3px 13px; }
  .ui-dialog .dialog-text {
    display: block;
    text-align: left;
    font-size: 13px; }
  .ui-dialog .ui-dialog-titlebar {
    background: #CCDFF3;
    margin: -3px;
    padding: 10px;
    color: #002855;
    font-size: 14px;
    text-align: left;
    padding-left: 1em; }
  .ui-dialog .ui-dialog-buttonpane {
    background: #F6F8FC; }
    .ui-dialog .ui-dialog-buttonpane button {
      font-size: 14px;
      padding: 7px 15px; }
  .ui-dialog .ui-dialog-content {
    padding-top: 1em; }
    .ui-dialog .ui-dialog-content input, .ui-dialog .ui-dialog-content textarea, .ui-dialog .ui-dialog-content select {
      padding: 5px 7px;
      font-size: 14px;
      border: 1px solid #BBB;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px; }

.ui-widget-overlay {
  opacity: 0.4; }

.ui-tabs {
  font-family: 'Lato', 'Lato-local', "trebuchet MS", helvetica, sans-serif !important;
  font-size: 1.1em;
  border: none !important; }
  .ui-tabs .ui-state-default, .ui-tabs .ui-widget-content .ui-state-default, .ui-tabs .ui-widget-header .ui-state-default {
    border: 1px solid #73b2d8;
    background: #d4e5f6 url(images/ui-bg_flat_85_d4e5f6_40x100.png) 50% 50% repeat-x;
    color: #275482 !important; }
  .ui-tabs .ui-state-active, .ui-tabs .ui-widget-content .ui-state-active, .ui-tabs .ui-widget-header .ui-state-active {
    border: 1px solid #79b7e7;
    background: #f5f8f9 url(images/ui-bg_flat_100_f5f8f9_40x100.png) 50% 50% repeat-x;
    color: #e17009 !important; }
    .ui-tabs .ui-state-active a.ui-tabs-anchor, .ui-tabs .ui-widget-content .ui-state-active a.ui-tabs-anchor, .ui-tabs .ui-widget-header .ui-state-active a.ui-tabs-anchor {
      color: #e17009 !important; }
  .ui-tabs .ui-tabs-tab {
    border-bottom: none !important; }
    .ui-tabs .ui-tabs-tab a.ui-tabs-anchor {
      outline: none; }

.identity-modal-container .post-custom-html {
  margin: 1rem 0 0 0; }
  .identity-modal-container .post-custom-html .signing-tips {
    font-size: 0.88rem;
    font-style: italic; }
    .identity-modal-container .post-custom-html .signing-tips .role-name {
      color: #35526F;
      font-weight: bold; }

.send-verify-email h2 {
  margin: 0.5em;
  font-weight: bold;
  font-size: 1.6em; }
.send-verify-email h4 {
  margin: 0.85em 0.5em 0.5em 0.5em;
  font-style: italic; }
.send-verify-email p {
  margin: 1em;
  font-size: 1.2em; }
.send-verify-email .button-header {
  margin: 1.85em 0em 0em 1em; }
.send-verify-email .verification-button {
  margin: 0em 0em 2em 0em; }
.send-verify-email hr {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  width: 95%; }
.send-verify-email ul li {
  list-style-type: circle;
  margin: 0.5em 2em;
  font-size: 1.1em; }

.login-page-legal-text {
  background-color: #EEE;
  font-size: 1.1em;
  font-style: italic;
  margin: 1.5em auto 0 auto;
  width: 53em;
  padding: 0.75em;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

.login-box, .register-box, .payment-box {
  display: block;
  margin: 8vh auto 20px auto; }
  .login-box.login-box, .login-box.register-box, .register-box.login-box, .register-box.register-box, .payment-box.login-box, .payment-box.register-box {
    width: 370px;
    min-width: 370px; }
  .login-box.payment-box, .register-box.payment-box, .payment-box.payment-box {
    width: 450px;
    min-width: 450px; }
    .login-box.payment-box .body, .register-box.payment-box .body, .payment-box.payment-box .body {
      padding-top: 20px; }
      .login-box.payment-box .body h4, .register-box.payment-box .body h4, .payment-box.payment-box .body h4 {
        margin: 0px 0 10px 2px !important;
        font-size: 16px;
        text-align: left; }
    .login-box.payment-box h4.select-card, .register-box.payment-box h4.select-card, .payment-box.payment-box h4.select-card {
      margin-left: 4px;
      font-size: 15px;
      width: 400px; }
      .login-box.payment-box h4.select-card input, .register-box.payment-box h4.select-card input, .payment-box.payment-box h4.select-card input {
        cursor: pointer; }
      .login-box.payment-box h4.select-card label, .register-box.payment-box h4.select-card label, .payment-box.payment-box h4.select-card label {
        cursor: pointer;
        display: inline-block;
        padding: 8px 4px;
        border-radius: 7px;
        width: 375px; }
        .login-box.payment-box h4.select-card label:hover, .register-box.payment-box h4.select-card label:hover, .payment-box.payment-box h4.select-card label:hover {
          background: #e7f3ff; }
        .login-box.payment-box h4.select-card label:active, .register-box.payment-box h4.select-card label:active, .payment-box.payment-box h4.select-card label:active {
          box-shadow: inset 1px 2px 4px 0px rgba(0, 0, 0, 0.2); }
    .login-box.payment-box .box-top-section, .register-box.payment-box .box-top-section, .payment-box.payment-box .box-top-section {
      text-align: left;
      padding-left: 17px;
      margin-top: -20px; }
    .login-box.payment-box #site-name, .register-box.payment-box #site-name, .payment-box.payment-box #site-name {
      left: 118px !important; }
    .login-box.payment-box .stripe-seal, .register-box.payment-box .stripe-seal, .payment-box.payment-box .stripe-seal {
      position: absolute;
      right: 22px;
      bottom: 16px;
      width: 148px;
      background: #e2f6fe;
      opacity: 0.8; }
      .login-box.payment-box .stripe-seal:hover, .register-box.payment-box .stripe-seal:hover, .payment-box.payment-box .stripe-seal:hover {
        opacity: 1; }
    .login-box.payment-box .secure-lock-icon, .register-box.payment-box .secure-lock-icon, .payment-box.payment-box .secure-lock-icon {
      font-size: 20px;
      color: #7e8a8b;
      position: absolute;
      right: 145px;
      top: 13px; }
    .login-box.payment-box #payment-title, .register-box.payment-box #payment-title, .payment-box.payment-box #payment-title {
      position: absolute;
      top: 16px;
      right: 37px;
      font-size: 15px;
      color: #042a56; }
    .login-box.payment-box form fieldset, .register-box.payment-box form fieldset, .payment-box.payment-box form fieldset {
      display: inline;
      float: left;
      margin-right: 2px; }
      .login-box.payment-box form fieldset input, .register-box.payment-box form fieldset input, .payment-box.payment-box form fieldset input {
        margin: 0 3px;
        width: 100%;
        background: #e2e7ec;
        border: 2px solid #e2e7ec;
        box-shadow: none;
        padding: 4px 10px; }
        .login-box.payment-box form fieldset input:hover, .register-box.payment-box form fieldset input:hover, .payment-box.payment-box form fieldset input:hover {
          background: #e2e7eb99; }
        .login-box.payment-box form fieldset input::placeholder, .register-box.payment-box form fieldset input::placeholder, .payment-box.payment-box form fieldset input::placeholder {
          color: #212e3ce6;
          opacity: 1; }
  .login-box h3, .register-box h3, .payment-box h3 {
    width: 25.3em;
    min-width: 25.3em; }
  .login-box .openid-fields, .register-box .openid-fields, .payment-box .openid-fields {
    display: none; }
  .login-box .username-password-fields, .register-box .username-password-fields, .payment-box .username-password-fields {
    display: none; }
  .login-box .body, .register-box .body, .payment-box .body {
    font-size: 14px;
    line-height: 15px;
    padding-top: 1em;
    text-align: center;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px; }
    .login-box .body .password-auth, .register-box .body .password-auth, .payment-box .body .password-auth {
      color: #4585c5;
      font-size: 11px;
      text-align: right;
      padding-right: 0;
      margin-right: -9px;
      margin-top: -8px; }
    .login-box .body .sso-button a:hover, .register-box .body .sso-button a:hover, .payment-box .body .sso-button a:hover {
      text-decoration: none; }
    .login-box .body a, .login-box .body a:link, .login-box .body a:visited, .register-box .body a, .register-box .body a:link, .register-box .body a:visited, .payment-box .body a, .payment-box .body a:link, .payment-box .body a:visited {
      color: #4585c5;
      text-decoration: none; }
    .login-box .body a:hover, .register-box .body a:hover, .payment-box .body a:hover {
      color: #F81;
      text-decoration: underline; }
    .login-box .body h4, .register-box .body h4, .payment-box .body h4 {
      margin: 0.5em;
      text-align: center; }
    .login-box .body h4.register-link, .register-box .body h4.register-link, .payment-box .body h4.register-link {
      margin: 2em auto; }
    .login-box .body p, .login-box .body p.highlight, .login-box .body p.signup, .register-box .body p, .register-box .body p.highlight, .register-box .body p.signup, .payment-box .body p, .payment-box .body p.highlight, .payment-box .body p.signup {
      font-size: 1em;
      margin: 1em; }
    .login-box .body p.signup, .register-box .body p.signup, .payment-box .body p.signup {
      margin: 1em auto 2em; }
    .login-box .body p.highlight, .register-box .body p.highlight, .payment-box .body p.highlight {
      background-color: #EEE;
      font-size: 14px;
      margin-top: 1.5em;
      padding: 1em 3em;
      text-align: center;
      line-height: 16px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
    .login-box .body #contact-email-input, .register-box .body #contact-email-input, .payment-box .body #contact-email-input {
      margin-bottom: 12px;
      margin-top: 9px; }
    .login-box .body .providers-wrapper, .register-box .body .providers-wrapper, .payment-box .body .providers-wrapper {
      height: 3em;
      margin-left: 8.5em; }
    .login-box .body fieldset, .register-box .body fieldset, .payment-box .body fieldset {
      text-align: center;
      padding: 0; }
      .login-box .body fieldset label, .register-box .body fieldset label, .payment-box .body fieldset label {
        width: 158px;
        margin-right: 0.5em;
        margin-left: -6px; }
    .login-box .body #recaptcha_widget_div, .register-box .body #recaptcha_widget_div, .payment-box .body #recaptcha_widget_div {
      margin-bottom: 0.5em;
      margin-left: 1.5em; }
  .login-box #user_session_login, .login-box #user_session_password, .register-box #user_session_login, .register-box #user_session_password, .payment-box #user_session_login, .payment-box #user_session_password {
    width: 165px;
    float: right;
    padding-right: 0 !important; }
  .login-box #login-submit-button, .register-box #login-submit-button, .payment-box #login-submit-button {
    height: 34px;
    width: 181px !important;
    float: right;
    margin-bottom: 9px; }
  .login-box .link, .register-box .link, .payment-box .link {
    text-align: right;
    margin-top: 3px;
    margin-bottom: 2px; }

.login-box .body, .payment-box .body {
  min-height: 15em;
  padding-right: 16px;
  padding-left: 16px;
  border-width: 2px;
  border-color: #92c6ff;
  border-radius: 11px !important; }
  .login-box .body .box-top-section, .payment-box .body .box-top-section {
    border-radius: 9px 9px 0 0; }
  .login-box .body:before, .payment-box .body:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 3;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border: 1px solid #bad5f3;
    border-radius: 11px;
    pointer-events: none; }

#recaptcha .grecaptcha-badge {
  bottom: 45px !important; }

.logout-box {
  margin: 15em auto;
  text-align: center; }
  .logout-box p {
    font-size: 1.5em;
    margin: 3em; }
  .logout-box h2 .login {
    font-weight: normal; }

.premium-promo-box {
  display: block;
  margin: 1em auto 1em;
  text-align: center;
  width: 370px;
  max-width: 370px;
  font-size: 13px;
  line-height: 1.5em;
  color: #333; }
  .premium-promo-box .body {
    margin: 1em auto 1em !important;
    padding: 0.65em 1em !important; }
    .premium-promo-box .body ul li {
      font-size: 13px !important; }
  .premium-promo-box .learn-more {
    margin: 0.2em auto 0;
    text-align: center; }
  .premium-promo-box .support-link-title {
    text-align: right;
    width: 13em;
    display: inline-block; }

.cytof-compatible-text {
  font-size: 1.25em;
  text-align: center;
  color: #002855; }

.centered-logo {
  display: table;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .centered-logo .box-top-section {
    position: relative; }
    .centered-logo .box-top-section #site-name {
      top: 44px;
      left: 131px;
      position: absolute;
      font-size: 12px;
      white-space: nowrap; }

#sign-in-again-text {
  display: block;
  padding: 13px; }

.beckman-logo {
  position: absolute;
  z-index: 1; }
  .beckman-logo img {
    height: 80px; }

#recaptcha_area {
  margin: 0 auto !important; }

.forgot-password .send-email-button {
  margin: 0.5em 0em 2em 0em; }
.forgot-password h5 {
  text-align: left;
  font-style: italic; }
.forgot-password hr {
  clear: both;
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  width: 95%; }
.forgot-password ul {
  text-align: left; }
  .forgot-password ul li {
    list-style-type: circle;
    font-size: 0.9em; }

.experiment-products-page .page-title {
  border: 3px solid #BBB;
  padding: 0px;
  margin-top: 7px;
  margin-bottom: 6px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .experiment-products-page .page-title h1 {
    font-weight: bold;
    font-size: 1.8em;
    background: #EEE;
    display: block;
    padding: 0.25em;
    border-bottom: 1px solid #BBB;
    margin: 0; }
  .experiment-products-page .page-title .controls {
    padding: 0.25em 0.5em 0.5em; }
.experiment-products-page .reagent-search {
  margin: 2em 0; }
  .experiment-products-page .reagent-search td, .experiment-products-page .reagent-search th {
    border: 0;
    padding: 0 1em 1em 0;
    vertical-align: top;
    text-align: left; }
  .experiment-products-page .reagent-search th {
    width: 150px; }
  .experiment-products-page .reagent-search input[type="text"] {
    width: 400px; }
  .experiment-products-page .reagent-search .add-reagent-form {
    margin-top: 1em; }
  .experiment-products-page .reagent-search .note {
    color: #BBB; }
  .experiment-products-page .reagent-search .search-results {
    margin-top: 1em; }
    .experiment-products-page .reagent-search .search-results td {
      padding: 0px 1em 0.25em 0px; }
    .experiment-products-page .reagent-search .search-results .description {
      color: #999; }
    .experiment-products-page .reagent-search .search-results .catalog-id {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px;
      font-size: 90%;
      font-weight: normal;
      padding: 1px 5px;
      background: #999;
      color: #FFF; }
    .experiment-products-page .reagent-search .search-results .title {
      font-weight: bold;
      white-space: nowrap; }

.body-section {
  padding: 1.6em;
  font-size: 1.1em !important; }
  .body-section .information-table {
    width: 98%; }
    .body-section .information-table .editable-advanced-analysis-name-holder, .body-section .information-table .editable-spade-name-holder {
      max-width: 500px;
      word-wrap: break-word; }
  .body-section .description-text {
    margin-left: 1em;
    color: #47484c; }
  .body-section .note {
    font-style: italic;
    font-size: 14px;
    color: #5b5b61; }
  .body-section .description-text, .body-section .project-members {
    font-size: 15px; }
    .body-section .description-text .link-icon, .body-section .project-members .link-icon {
      font-size: 18px !important; }
    .body-section .description-text .icon-search3, .body-section .project-members .icon-search3 {
      font-size: 13px !important; }
  .body-section ul.info-list.full-width {
    width: 90%; }
  .body-section ul.info-list.bigger-left-side {
    width: 60%; }
    .body-section ul.info-list.bigger-left-side li ul > li {
      line-height: 1.6em; }
    .body-section ul.info-list.bigger-left-side li.label .icon-cancel-circle {
      font-size: 16px !important; }
  .body-section ul.info-list.smaller-right-side {
    width: 25%;
    min-width: 38em; }
    .body-section ul.info-list.smaller-right-side li ul:not(.label-list) > li.label {
      width: 5.2em; }

#experiment-summary-wrapped-body .body-section .icomoon-icon:not(.sixteen-px-icon):not(.medium-icon), #experiment-summary-wrapped-body .body-section .link-icon:not(.sixteen-px-icon):not(.medium-icon) {
  font-size: 18px !important; }
  #experiment-summary-wrapped-body .body-section .icomoon-icon:not(.sixteen-px-icon):not(.medium-icon).icon-pencil, #experiment-summary-wrapped-body .body-section .link-icon:not(.sixteen-px-icon):not(.medium-icon).icon-pencil {
    font-size: 16px !important; }
#experiment-summary-wrapped-body .body-section .icomoon-icon.icon-menu2, #experiment-summary-wrapped-body .body-section .icomoon-icon.icon-pencil, #experiment-summary-wrapped-body .body-section .link-icon.icon-menu2, #experiment-summary-wrapped-body .body-section .link-icon.icon-pencil {
  font-size: 16px !important; }

.body-section-anchor-link {
  clear: both;
  height: 1px;
  margin-bottom: 6em; }

.header-divider-holder {
  position: relative;
  height: 2.3em; }
  .header-divider-holder .header-divider-link {
    position: absolute;
    left: 140px;
    font-size: 16px;
    background: white;
    padding: 0px 9px 2px 9px;
    padding-right: 9px;
    border: 1px solid #dfe2eb;
    border-radius: 8px;
    top: -1px;
    color: inherit; }
    .header-divider-holder .header-divider-link:hover {
      color: #1758AC; }
    .header-divider-holder .header-divider-link .icon-plus-circle {
      vertical-align: 1px; }
  .header-divider-holder h3, .header-divider-holder .header-divider {
    position: absolute; }
  .header-divider-holder h3 {
    left: -1.1em;
    z-index: 1;
    background: white;
    padding-right: 0.5em;
    font-size: 1.6em; }
    .header-divider-holder h3 > span {
      vertical-align: 4px; }
  .header-divider-holder .header-divider {
    top: 10px;
    width: 100%;
    height: 1px;
    background: #F5F6FC;
    border-bottom: 1px solid #DDE0EA; }

form.edit_experiment input#experiment_experimentName, form#new_experiment input#experiment_experimentName {
  width: 400px; }
form.edit_experiment #invite-new-user-link, form#new_experiment #invite-new-user-link {
  display: block;
  margin-left: 180px; }
form.edit_experiment #primary-investigator-id-fieldset, form#new_experiment #primary-investigator-id-fieldset {
  margin-bottom: 3px; }

.prepopulated-name-field {
  display: none; }

.prepopulated-gravatar-span {
  display: inline-block;
  border: 1px solid white;
  cursor: pointer;
  height: 50px;
  min-width: 183px;
  position: relative; }
  .prepopulated-gravatar-span span {
    position: absolute;
    top: 20px;
    left: 55px; }

.prepopulated-gravatar-span:hover {
  border: 1px solid #ACE; }

.prepopulated-gravatar-span:active {
  opacity: 0.8;
  border: 1px solid #ffc890; }

#new_experiment fieldset {
  position: relative; }
#new_experiment #experiment-name-message {
  top: -11px; }

.protocols-table td {
  vertical-align: top; }
.protocols-table th {
  white-space: nowrap; }
.protocols-table .filename label {
  display: inline;
  font-weight: bold; }
.protocols-table .note {
  text-align: center;
  padding: 10px;
  color: #999; }
.protocols-table .protocol-date {
  white-space: nowrap; }
.protocols-table .protocol-text {
  border: 1px solid #BBB;
  padding: 5px;
  margin-right: 18px; }
  .protocols-table .protocol-text .text-preview:hover {
    cursor: pointer; }

.add-protocols-form, .add-sample-tags-form {
  margin-top: 10px; }
  .add-protocols-form input[type="text"], .add-sample-tags-form input[type="text"] {
    width: 90%; }
  .add-protocols-form textarea, .add-sample-tags-form textarea {
    width: 90%;
    height: 10em; }
  .add-protocols-form .controls, .add-sample-tags-form .controls {
    margin: 10px 0px; }
    .add-protocols-form .controls label, .add-sample-tags-form .controls label {
      margin-right: 10px; }

p.remote-experiment-message {
  font-size: 1.35em;
  margin: 0.5em 0.25em 1.5em; }

p.remote-experiment-label {
  margin: 0.25em; }

#ancestry-tree-region .original-experiment {
  font-weight: bold;
  background: #e2ecf9b3;
  color: #050723;
  border-radius: 9px;
  padding: 0.2em 1em 0.3em 1em;
  margin-left: 0em; }
#ancestry-tree-region p {
  display: inline-block;
  line-height: 18px;
  text-overflow: ellipsis;
  max-height: 3.5em;
  word-break: break-word;
  width: 13em;
  text-align: center; }
  #ancestry-tree-region p .icomoon-icon {
    font-size: 16px !important;
    vertical-align: -1px;
    margin-right: 4px; }

#experiment-setup-wrapper {
  opacity: 0;
  -webkit-transition: opacity 160ms ease-out;
  -moz-transition: opacity 160ms ease-out;
  -o-transition: opacity 160ms ease-out;
  -ms-transition: opacity 160ms ease-out;
  transition: opacity 160ms ease-out; }
  #experiment-setup-wrapper.loaded {
    opacity: 1; }
  #experiment-setup-wrapper #next-steps-boxes {
    display: none; }
    #experiment-setup-wrapper #next-steps-boxes.active {
      display: block; }
    #experiment-setup-wrapper #next-steps-boxes > div {
      vertical-align: top;
      display: inline-block;
      border: 1px solid #0051a6;
      width: 31em;
      border-radius: 8px;
      padding-bottom: 10px;
      background: #f3f9ff; }
      #experiment-setup-wrapper #next-steps-boxes > div .title {
        text-align: center;
        font-size: 17px;
        padding-top: 6px; }
      #experiment-setup-wrapper #next-steps-boxes > div .link-holder {
        text-align: center; }
      #experiment-setup-wrapper #next-steps-boxes > div .info-link {
        display: inline-block;
        vertical-align: 10px; }
      #experiment-setup-wrapper #next-steps-boxes > div .link-with-icon {
        display: inline-block;
        font-size: 17px;
        border-bottom: 1px solid transparent;
        margin: 13px 10px 10px 10px; }
        #experiment-setup-wrapper #next-steps-boxes > div .link-with-icon:hover {
          font-weight: bold; }
      #experiment-setup-wrapper #next-steps-boxes > div #launch-analysis-links-holder .link-with-icon {
        text-align: left;
        margin-left: 3.5em;
        width: 15em;
        padding-left: 1em; }
    #experiment-setup-wrapper #next-steps-boxes .left-box {
      margin-right: 2em;
      margin-bottom: 2em; }

#experiment-setup-pane {
  margin-left: 63px; }
  #experiment-setup-pane .setup-question-answer-section {
    position: relative;
    padding-bottom: 1em;
    padding-top: 1em;
    margin-bottom: 1em;
    border-radius: 7px;
    background: #fbf8ef;
    width: 200px;
    border: 1px solid;
    border-color: transparent;
    cursor: pointer; }
    #experiment-setup-pane .setup-question-answer-section .info-link {
      position: absolute;
      right: 10px;
      top: 12px; }
      #experiment-setup-pane .setup-question-answer-section .info-link .icomoon-icon {
        color: #877105; }
      #experiment-setup-pane .setup-question-answer-section .info-link:hover .icomoon-icon {
        color: #1758AC !important; }
    #experiment-setup-pane .setup-question-answer-section:hover {
      border-color: #d6ad00; }
      #experiment-setup-pane .setup-question-answer-section:hover .question-section-icon {
        background: #f0ce31; }
        #experiment-setup-pane .setup-question-answer-section:hover .question-section-icon .icomoon-icon {
          color: #6a5b14; }
    #experiment-setup-pane .setup-question-answer-section .icon-checkmark {
      position: absolute;
      right: -29px;
      top: 12px;
      color: #289e02; }
    #experiment-setup-pane .setup-question-answer-section .question, #experiment-setup-pane .setup-question-answer-section .answer-section {
      display: block;
      padding-left: 41px;
      width: 300px;
      white-space: nowrap; }
    #experiment-setup-pane .setup-question-answer-section .question-section-icon {
      position: absolute;
      top: 0px;
      left: 0px;
      padding: 12px 10px 3px 11px;
      border-radius: 7px 0 0 7px;
      background: #f7e9b9;
      height: calc(100% - 15px); }
      #experiment-setup-pane .setup-question-answer-section .question-section-icon .icomoon-icon {
        color: #ad8f00;
        font-size: 20px !important; }
    #experiment-setup-pane .setup-question-answer-section .label {
      width: 100%;
      text-align: left;
      padding-left: 3.6em;
      padding-right: 0;
      color: #4A4C50; }
    #experiment-setup-pane .setup-question-answer-section .icon-question-6 {
      font-size: 14px !important;
      margin-right: 6px;
      color: #2d49b3; }
    #experiment-setup-pane .setup-question-answer-section .completed-answer {
      border: 1px solid transparent;
      border-radius: 6px;
      padding: 4px 20px 4px 4px;
      margin-left: 36px;
      cursor: pointer; }
      #experiment-setup-pane .setup-question-answer-section .completed-answer:hover {
        background: #fbf8ee;
        border-color: #d9b300;
        color: #2b45b6; }
    #experiment-setup-pane .setup-question-answer-section .content.answer {
      font-style: italic; }
      #experiment-setup-pane .setup-question-answer-section .content.answer .icomoon-icon {
        padding-right: 8px; }
    #experiment-setup-pane .setup-question-answer-section .answer-section {
      margin-left: 183px; }
    #experiment-setup-pane .setup-question-answer-section .optional-section {
      margin-left: 225px; }
    #experiment-setup-pane .setup-question-answer-section .answer-section, #experiment-setup-pane .setup-question-answer-section .optional-section {
      font-size: 17px;
      clear: both; }
      #experiment-setup-pane .setup-question-answer-section .answer-section .content, #experiment-setup-pane .setup-question-answer-section .optional-section .content {
        padding-top: 14px;
        margin-left: -7px; }
      #experiment-setup-pane .setup-question-answer-section .answer-section .nice-subtle-button, #experiment-setup-pane .setup-question-answer-section .optional-section .nice-subtle-button {
        display: inline-block;
        padding-left: 20px;
        padding-right: 20px;
        margin-right: 15px;
        margin-bottom: 5px;
        font-size: 17px; }
        #experiment-setup-pane .setup-question-answer-section .answer-section .nice-subtle-button:hover, #experiment-setup-pane .setup-question-answer-section .optional-section .nice-subtle-button:hover {
          background: white; }
      #experiment-setup-pane .setup-question-answer-section .answer-section .link-with-icon, #experiment-setup-pane .setup-question-answer-section .optional-section .link-with-icon {
        float: left;
        font-size: 17px;
        border-bottom: 2px solid;
        margin-top: 1em;
        margin-bottom: 1em;
        padding-left: 10px;
        padding-right: 10px; }

#first-page-after-upload-header-holder .dropdown-menu {
  min-width: 185px; }

.new-illustration2-link.disabled-nice-button {
  pointer-events: none;
  color: #747579; }
  .new-illustration2-link.disabled-nice-button .link-icon.icon-illustration {
    color: #747579; }

body {
  -webkit-print-color-adjust: exact;
  background-color: #F7F8FC; }

#plates-getting-started-link {
  cursor: help;
  z-index: 100;
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #EECE59;
  padding: 8px;
  background-color: #f8f3e1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  #plates-getting-started-link:hover {
    border-color: #D3B548;
    opacity: 0.85; }
  #plates-getting-started-link:active {
    box-shadow: inset 1px 2px 4px 0px rgba(0, 0, 0, 0.2); }

.return_link li {
  margin-left: 10px; }

.plate_title {
  font-size: 110%;
  font-weight: bold; }

#loading-print-view {
  position: absolute;
  left: 569px;
  top: 49px;
  font-size: 1.2em;
  font-style: italic;
  color: #5E5E5E; }

#footer-padder {
  position: absolute;
  width: 100%;
  height: 14px;
  left: 0px;
  z-index: 5; }

#left-padder {
  position: fixed;
  width: 10px;
  height: 100%;
  left: 0px;
  z-index: 5; }

#right-padder {
  position: fixed;
  width: 10px;
  height: 100%;
  right: 0px;
  z-index: 6; }

.plate-annotations-show {
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .plate-annotations-show #doc3 {
    height: 100%;
    overflow-y: hidden;
    overflow-x: auto; }
  .plate-annotations-show #bd {
    opacity: 0;
    padding: 20px 30px; }
    .plate-annotations-show #bd #yui-main {
      left: 316px;
      height: calc(100vh - 108px);
      width: calc(100vw - 318px);
      overflow: scroll; }
    .plate-annotations-show #bd #sidebar {
      top: 11px; }
  .plate-annotations-show .annotation {
    position: relative; }
  .plate-annotations-show #sidebar, .plate-annotations-show #yui-main {
    display: none; }
  .plate-annotations-show #yui-main::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
    height: 8px; }
  .plate-annotations-show #yui-main::-webkit-scrollbar-thumb {
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    background-color: rgba(0, 0, 0, 0.175); }
    .plate-annotations-show #yui-main::-webkit-scrollbar-thumb:hover {
      background-color: rgba(0, 0, 0, 0.4); }
  .plate-annotations-show #yui-main::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 3px; }
  .plate-annotations-show #plates-sidebar-box {
    z-index: 100;
    position: relative;
    background-color: #F7F8FC; }
  .plate-annotations-show #plates-sidebar-box.fixed {
    position: fixed;
    min-width: inherit; }
  .plate-annotations-show #plate-listing-spacer {
    height: 0px; }
  .plate-annotations-show #plate-pushpin {
    float: right;
    cursor: pointer; }
  .plate-annotations-show #sidebar, .plate-annotations-show #yui-main, .plate-annotations-show .yui-t1 #yui-main, .plate-annotations-show .yui-t2 #yui-main, .plate-annotations-show .yui-t3 #yui-main {
    position: absolute;
    float: none;
    margin: 0;
    left: 0; }
    .plate-annotations-show #sidebar span.plate-toggle-column-header, .plate-annotations-show #yui-main span.plate-toggle-column-header, .plate-annotations-show .yui-t1 #yui-main span.plate-toggle-column-header, .plate-annotations-show .yui-t2 #yui-main span.plate-toggle-column-header, .plate-annotations-show .yui-t3 #yui-main span.plate-toggle-column-header {
      padding: 3px 0px 0px 0px;
      vertical-align: middle; }
    .plate-annotations-show #sidebar span.annotation-toggle-column-header, .plate-annotations-show #yui-main span.annotation-toggle-column-header, .plate-annotations-show .yui-t1 #yui-main span.annotation-toggle-column-header, .plate-annotations-show .yui-t2 #yui-main span.annotation-toggle-column-header, .plate-annotations-show .yui-t3 #yui-main span.annotation-toggle-column-header {
      padding: 0px 0px 4px 0px;
      vertical-align: middle; }
  .plate-annotations-show #yui-main, .plate-annotations-show .yui-t1 #yui-main, .plate-annotations-show .yui-t2 #yui-main, .plate-annotations-show .yui-t3 #yui-main {
    overflow: auto; }
  .plate-annotations-show #sidebar, .plate-annotations-show #hd, .plate-annotations-show #ft {
    background-color: #F7F8FC;
    z-index: 3; }
  .plate-annotations-show #hd {
    margin-right: 10px; }
  .plate-annotations-show #ft {
    display: none; }
  .plate-annotations-show #sidebar {
    overflow: hidden;
    padding-right: 1em; }
    .plate-annotations-show #sidebar .nav-helpers {
      padding-bottom: 0.5em; }
    .plate-annotations-show #sidebar .scrollable-overflow {
      overflow-y: scroll;
      position: absolute;
      padding-right: 1em;
      left: 7px;
      width: 279px;
      height: calc(100vh - 103px); }
  .plate-annotations-show .yui-t3 .yui-b {
    width: 283px; }
  .plate-annotations-show .yui-t1 #yui-main .yui-b, .plate-annotations-show .yui-t2 #yui-main .yui-b, .plate-annotations-show .yui-t3 #yui-main .yui-b {
    margin: 0; }
  .plate-annotations-show .no-plates-message {
    text-align: center;
    padding: 5em 0;
    width: 400px;
    margin: 3em auto; }
  .plate-annotations-show #sidebar .plate-annotations-experiment-sidebar h3 {
    width: 257px; }
  .plate-annotations-show #sidebar .plate-annotations-experiment-sidebar .body {
    width: 258px;
    padding-left: 6px;
    padding-right: 6px; }
  .plate-annotations-show #sidebar .plate-annotations-experiment-sidebar table {
    border: 0;
    border-collapse: separate;
    border-spacing: 2px; }
  .plate-annotations-show #sidebar .plate-annotations-experiment-sidebar td, .plate-annotations-show #sidebar .plate-annotations-experiment-sidebar th {
    border: 0;
    font-size: 0.9em;
    padding: 0 0.5em 0.25em 0; }
  .plate-annotations-show #sidebar .plate-annotations-experiment-sidebar thead {
    background: inherit !important; }
    .plate-annotations-show #sidebar .plate-annotations-experiment-sidebar thead th {
      font-size: 10px;
      border-bottom: 2px solid #BBB;
      padding: 0; }
  .plate-annotations-show #sidebar .plate-annotations-experiment-info th {
    text-align: left; }
  .plate-annotations-show #sidebar .plate-annotations-plates-listing #plate_print_view_link,
  .plate-annotations-show #sidebar .plate-annotations-annotations-listing #plate_print_view_link {
    text-align: right;
    font-weight: normal;
    font-size: 90%; }
  .plate-annotations-show #sidebar .plate-annotations-plates-listing table,
  .plate-annotations-show #sidebar .plate-annotations-annotations-listing table {
    width: 100%; }
  .plate-annotations-show #sidebar .plate-annotations-plates-listing table, .plate-annotations-show #sidebar .plate-annotations-plates-listing td, .plate-annotations-show #sidebar .plate-annotations-plates-listing th,
  .plate-annotations-show #sidebar .plate-annotations-annotations-listing table,
  .plate-annotations-show #sidebar .plate-annotations-annotations-listing td,
  .plate-annotations-show #sidebar .plate-annotations-annotations-listing th {
    border: 0; }
  .plate-annotations-show #sidebar .plate-annotations-plates-listing td, .plate-annotations-show #sidebar .plate-annotations-plates-listing th,
  .plate-annotations-show #sidebar .plate-annotations-annotations-listing td,
  .plate-annotations-show #sidebar .plate-annotations-annotations-listing th {
    vertical-align: top;
    text-align: left;
    padding: 0em 0.5em 0.1em 0em; }
    .plate-annotations-show #sidebar .plate-annotations-plates-listing td label, .plate-annotations-show #sidebar .plate-annotations-plates-listing th label,
    .plate-annotations-show #sidebar .plate-annotations-annotations-listing td label,
    .plate-annotations-show #sidebar .plate-annotations-annotations-listing th label {
      display: block; }
      .plate-annotations-show #sidebar .plate-annotations-plates-listing td label:hover, .plate-annotations-show #sidebar .plate-annotations-plates-listing th label:hover,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing td label:hover,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing th label:hover {
        cursor: pointer; }
      .plate-annotations-show #sidebar .plate-annotations-plates-listing td label .controls, .plate-annotations-show #sidebar .plate-annotations-plates-listing th label .controls,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing td label .controls,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing th label .controls {
        font-size: 0.9em;
        margin-top: 5px; }
      .plate-annotations-show #sidebar .plate-annotations-plates-listing td label .type-name, .plate-annotations-show #sidebar .plate-annotations-plates-listing th label .type-name,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing td label .type-name,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing th label .type-name {
        font-weight: bold; }
  .plate-annotations-show #sidebar .plate-annotations-plates-listing td.checkbox-values, .plate-annotations-show #sidebar .plate-annotations-plates-listing th.checkbox-values,
  .plate-annotations-show #sidebar .plate-annotations-annotations-listing td.checkbox-values,
  .plate-annotations-show #sidebar .plate-annotations-annotations-listing th.checkbox-values {
    padding-top: 0.5em; }
  .plate-annotations-show #sidebar .plate-annotations-plates-listing ul,
  .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul {
    margin-top: 0.5em;
    list-style: none; }
    .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li,
    .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li {
      list-style: none;
      margin-top: 0;
      padding: 0;
      padding-bottom: 3px; }
    .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li .annotation,
    .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li .annotation {
      width: 77.5%;
      border: 1px solid #999;
      padding: 0.2em 0.5em 0.2em 2.5em;
      font-weight: normal;
      background: #f8f8f8 url("/cytobank/images/btn_bg.gif") 0px 0px repeat-x;
      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li .annotation .row-text,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li .annotation .row-text {
        width: 174px;
        word-wrap: break-word;
        display: inline-block; }
      .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li .annotation:hover,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li .annotation:hover {
        border-color: #000; }
      .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li .annotation:active,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li .annotation:active {
        background: #ddd; }
      .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li .annotation.annotation-conditions,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li .annotation.annotation-conditions {
        background: #0073c5 url("/cytobank/images/cyto_colorkeys_conditions.gif") left center; }
      .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li .annotation.annotation-doses,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li .annotation.annotation-doses {
        background: #007030 url("/cytobank/images/cyto_colorkeys_doses.gif") left center; }
      .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li .annotation.annotation-timepoints,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li .annotation.annotation-timepoints {
        background: #f59100 url("/cytobank/images/cyto_colorkeys_timepoints.gif") left center; }
      .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li .annotation.annotation-individuals,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li .annotation.annotation-individuals {
        background: #633698 url("/cytobank/images/cyto_colorkeys_individuals.gif") left center; }
      .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li .annotation.annotation-sample_types,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li .annotation.annotation-sample_types {
        background: #e92352 url("/cytobank/images/cyto_colorkeys_sample_types.gif") left center; }
      .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li .annotation.annotation-conditions,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li .annotation.annotation-conditions {
        background-image: url("/cytobank/images/cyto_colorkeys_conditions2p.gif"); }
      .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li .annotation.annotation-doses,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li .annotation.annotation-doses {
        background-image: url("/cytobank/images/cyto_colorkeys_doses2p.gif"); }
      .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li .annotation.annotation-timepoints,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li .annotation.annotation-timepoints {
        background-image: url("/cytobank/images/cyto_colorkeys_timepoints2p.gif"); }
      .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li .annotation.annotation-individuals,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li .annotation.annotation-individuals {
        background-image: url("/cytobank/images/cyto_colorkeys_individuals2p.gif"); }
      .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li .annotation.annotation-sample_types,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li .annotation.annotation-sample_types {
        background-image: url("/cytobank/images/cyto_colorkeys_sample_types2p.gif"); }
      .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li .annotation .annotation-count,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li .annotation .annotation-count {
        position: absolute;
        top: 2px;
        right: 18px;
        font-size: 11px;
        color: #888;
        font-weight: normal; }
      .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li .annotation .delete-annotation-button,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li .annotation .delete-annotation-button {
        background-image: url("/cytobank/images/plates_x_button.png");
        position: absolute;
        opacity: 0.3;
        top: 4px;
        right: 3px;
        height: 10px;
        width: 10px; }
      .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li .annotation .delete-annotation-button:hover,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li .annotation .delete-annotation-button:hover {
        opacity: 1; }
    .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li .annotation-buttons,
    .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li .annotation-buttons {
      text-align: right;
      position: absolute;
      top: -2px;
      right: 0;
      height: 1.5em;
      width: 5em; }
      .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li .annotation-buttons .annotation-button,
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li .annotation-buttons .annotation-button {
        float: right;
        margin: 0 2px;
        width: 20px;
        text-align: center;
        border-bottom: 1px solid #777;
        border-right: 1px solid #777;
        border-left: 1px solid #ddd;
        border-top: 1px solid #ddd;
        padding: 0.25em;
        background: #999;
        font-weight: bold;
        font-family: 'Lato', 'Lato-local', "trebuchet MS", helvetica, sans-serif;
        color: #fff;
        text-shadow: 0px -1px #888;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        padding: 0px 2px; }
        .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li .annotation-buttons .annotation-button:hover,
        .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li .annotation-buttons .annotation-button:hover {
          background: #666;
          cursor: pointer; }
        .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li .annotation-buttons .annotation-button:active,
        .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li .annotation-buttons .annotation-button:active {
          background: #333;
          color: #fff; }
      .plate-annotations-show #sidebar .plate-annotations-plates-listing ul li .annotation-buttons .annotation-button[disabled],
      .plate-annotations-show #sidebar .plate-annotations-annotations-listing ul li .annotation-buttons .annotation-button[disabled] {
        border: 1px solid #999;
        background: #fff;
        text-shadow: none;
        color: #999; }
  .plate-annotations-show #sidebar .plate-annotations-plates-listing .note,
  .plate-annotations-show #sidebar .plate-annotations-annotations-listing .note {
    color: #999;
    padding: 6px 2px 10px; }
    .plate-annotations-show #sidebar .plate-annotations-plates-listing .note input[type="button"],
    .plate-annotations-show #sidebar .plate-annotations-annotations-listing .note input[type="button"] {
      display: inline; }
  .plate-annotations-show #sidebar .plate-annotations-plates-listing #well_select_all_label,
  .plate-annotations-show #sidebar .plate-annotations-annotations-listing #well_select_all_label {
    font-weight: bold; }
  .plate-annotations-show #sidebar .plate-annotations-plates-listing #plate_filter_box,
  .plate-annotations-show #sidebar .plate-annotations-annotations-listing #plate_filter_box {
    margin: 0px 0px 1px 44px; }
  .plate-annotations-show #sidebar .plate-annotations-plates-listing input.filter-box,
  .plate-annotations-show #sidebar .plate-annotations-annotations-listing input.filter-box {
    width: 100px;
    display: inline; }
  .plate-annotations-show #sidebar .plate-annotations-plates-listing input.annotations-filter-box,
  .plate-annotations-show #sidebar .plate-annotations-annotations-listing input.annotations-filter-box {
    float: right;
    vertical-align: top;
    margin-top: 0px;
    font-size: 80%; }
  .plate-annotations-show .plate-annotations-interface {
    position: relative; }
    .plate-annotations-show .plate-annotations-interface div {
      position: relative; }
    .plate-annotations-show .plate-annotations-interface .instructions {
      font-size: 1.2em; }
    .plate-annotations-show .plate-annotations-interface .plate {
      margin-bottom: 0.5em;
      padding: 1px;
      float: left; }
      .plate-annotations-show .plate-annotations-interface .plate .plate-name {
        padding-bottom: 0.5em;
        font-size: 2em; }
      .plate-annotations-show .plate-annotations-interface .plate .plate-grid {
        border-collapse: separate;
        table-layout: fixed; }
        .plate-annotations-show .plate-annotations-interface .plate .plate-grid tbody {
          background-color: #D8D8D8; }
        .plate-annotations-show .plate-annotations-interface .plate .plate-grid tr.fixed-header {
          position: fixed !important;
          z-index: 2; }
        .plate-annotations-show .plate-annotations-interface .plate .plate-grid th {
          vertical-align: middle; }
        .plate-annotations-show .plate-annotations-interface .plate .plate-grid th.fixed-th {
          position: fixed;
          z-index: 1;
          border: 1px solid #D8D8D8;
          margin: 0; }
        .plate-annotations-show .plate-annotations-interface .plate .plate-grid th.hidden-th {
          background: white;
          border-color: white; }
        .plate-annotations-show .plate-annotations-interface .plate .plate-grid td {
          min-width: 100px;
          height: 35px;
          vertical-align: top;
          border: 1px solid;
          border-color: #D8D8D8;
          background: white;
          padding: 1px;
          font-size: 0.9em;
          cursor: pointer;
          user-select: none;
          -moz-user-select: none;
          -webkit-user-select: none;
          -o-user-select: none; }
          .plate-annotations-show .plate-annotations-interface .plate .plate-grid td .contents .well-annotation {
            font-weight: bold;
            border: 1px solid #BBB;
            padding: 3px 3px 3px 15px;
            margin: 2px 3px 1px 3px;
            word-break: break-all;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px; }
            .plate-annotations-show .plate-annotations-interface .plate .plate-grid td .contents .well-annotation.annotation-conditions {
              background: #0073c5 url("/cytobank/images/cyto_colorkeys_conditions.gif") left center; }
            .plate-annotations-show .plate-annotations-interface .plate .plate-grid td .contents .well-annotation.annotation-doses {
              background: #007030 url("/cytobank/images/cyto_colorkeys_doses.gif") left center; }
            .plate-annotations-show .plate-annotations-interface .plate .plate-grid td .contents .well-annotation.annotation-timepoints {
              background: #f59100 url("/cytobank/images/cyto_colorkeys_timepoints.gif") left center; }
            .plate-annotations-show .plate-annotations-interface .plate .plate-grid td .contents .well-annotation.annotation-individuals {
              background: #633698 url("/cytobank/images/cyto_colorkeys_individuals.gif") left center; }
            .plate-annotations-show .plate-annotations-interface .plate .plate-grid td .contents .well-annotation.annotation-sample_types {
              background: #e92352 url("/cytobank/images/cyto_colorkeys_sample_types.gif") left center; }
          .plate-annotations-show .plate-annotations-interface .plate .plate-grid td .contents .well-annotation[data-sample-tag-type-id="fcs_filename"] {
            color: #000; }
          .plate-annotations-show .plate-annotations-interface .plate .plate-grid td .contents .well-annotation[data-sample-tag-type-id="sample_name"] {
            font-style: italic;
            color: #555; }
          .plate-annotations-show .plate-annotations-interface .plate .plate-grid td .contents .well-annotation[data-sample-tag-type-id="fcs_filename"],
          .plate-annotations-show .plate-annotations-interface .plate .plate-grid td .contents .well-annotation[data-sample-tag-type-id="sample_name"] {
            font-weight: normal;
            font-size: 13px;
            border: 0px;
            padding: 1px;
            margin: 0px;
            word-wrap: break-word;
            word-break: break-all;
            text-align: center;
            opacity: 0.9;
            filter: alpha(opacity=90); }
          .plate-annotations-show .plate-annotations-interface .plate .plate-grid td .contents .well-annotation-updating {
            border: 1px dotted #999;
            background: #D8D8D8;
            color: #999;
            font-weight: normal;
            font-style: italic; }
          .plate-annotations-show .plate-annotations-interface .plate .plate-grid td .contents .well-annotation-deleting {
            border: 1px dotted #999;
            background: #D8D8D8;
            color: #999;
            font-weight: normal;
            font-style: italic;
            text-decoration: line-through; }
          .plate-annotations-show .plate-annotations-interface .plate .plate-grid td .overloaded_wells_message {
            background-color: #FED;
            border-color: #F81;
            border-style: solid;
            border-width: 2px;
            color: #F81;
            margin: 0px;
            padding: 0px;
            text-align: center;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px; }
            .plate-annotations-show .plate-annotations-interface .plate .plate-grid td .overloaded_wells_message:hover {
              color: #FF3300; }
        .plate-annotations-show .plate-annotations-interface .plate .plate-grid td.filename-and-sample-name-selected .well-annotation[data-sample-tag-type-id="fcs_filename"] {
          margin-bottom: 0;
          border-bottom: 0;
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0;
          padding-bottom: 3px; }
        .plate-annotations-show .plate-annotations-interface .plate .plate-grid td.filename-and-sample-name-selected .well-annotation[data-sample-tag-type-id="sample_name"] {
          margin-top: 0;
          border: 1px dotted #ccc;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -o-border-radius: 5px;
          border-radius: 5px;
          padding-top: 3px;
          margin-left: 3px;
          margin-right: 3px; }
        .plate-annotations-show .plate-annotations-interface .plate .plate-grid td.empty-well .contents {
          color: #D8D8D8;
          background: transparent; }
        .plate-annotations-show .plate-annotations-interface .plate .plate-grid td.disabled .contents {
          background: transparent;
          border: 1px dashed #c00; }
        .plate-annotations-show .plate-annotations-interface .plate .plate-grid th {
          background: #D8D8D8;
          font-weight: bold;
          text-align: center;
          padding: 1px;
          border: none;
          min-width: 35px;
          border: 1px solid;
          border-color: #D8D8D8;
          font-size: 0.9em; }
        .plate-annotations-show .plate-annotations-interface .plate .plate-grid td:hover {
          background: #EBF0F5; }
          .plate-annotations-show .plate-annotations-interface .plate .plate-grid td:hover .contents {
            background: #EBF0F5; }
        .plate-annotations-show .plate-annotations-interface .plate .plate-grid td:active {
          background: #7FABF5; }
          .plate-annotations-show .plate-annotations-interface .plate .plate-grid td:active .contents {
            background: #7FABF5; }
        .plate-annotations-show .plate-annotations-interface .plate .plate-grid td.well-selected {
          background: #D4E4FF; }
          .plate-annotations-show .plate-annotations-interface .plate .plate-grid td.well-selected .contents {
            background: #D4E4FF; }
        .plate-annotations-show .plate-annotations-interface .plate .plate-grid td.well-selected:hover {
          background: #BFCDE6; }
          .plate-annotations-show .plate-annotations-interface .plate .plate-grid td.well-selected:hover .contents {
            background: #BFCDE6; }
        .plate-annotations-show .plate-annotations-interface .plate .plate-grid td.well-move-add, .plate-annotations-show .plate-annotations-interface .plate .plate-grid td.well-move-add:hover {
          background: #DDFAFF;
          border-color: #ABECF7; }
          .plate-annotations-show .plate-annotations-interface .plate .plate-grid td.well-move-add .contents, .plate-annotations-show .plate-annotations-interface .plate .plate-grid td.well-move-add .contents:hover, .plate-annotations-show .plate-annotations-interface .plate .plate-grid td.well-move-add:hover .contents, .plate-annotations-show .plate-annotations-interface .plate .plate-grid td.well-move-add:hover .contents:hover {
            background: #DDFAFF; }
        .plate-annotations-show .plate-annotations-interface .plate .plate-grid td.empty-well .contents {
          color: #D8D8D8;
          background: transparent; }
      .plate-annotations-show .plate-annotations-interface .plate .plate-title {
        padding-bottom: 0.5em; }
    .plate-annotations-show .plate-annotations-interface .spacer-div {
      height: 61px; }
    .plate-annotations-show .plate-annotations-interface #plate-controls.fixed {
      position: fixed; }
    .plate-annotations-show .plate-annotations-interface #plate-controls {
      background: rgba(244, 244, 244, 0.8);
      padding-left: 10px;
      padding-bottom: 2px;
      border-radius: 10px;
      border: 1px solid #64A1CE;
      color: #ddd;
      font-weight: bold;
      margin-bottom: 3px;
      min-width: 320px;
      z-index: 3;
      float: left;
      color: black;
      line-height: 180%;
      pointer-events: none; }
      .plate-annotations-show .plate-annotations-interface #plate-controls .control-button:enabled {
        pointer-events: visible;
        opacity: 0.95; }
      .plate-annotations-show .plate-annotations-interface #plate-controls .status {
        font-weight: bold;
        font-style: italic;
        font-size: 110%;
        color: #1D4B7A;
        float: left; }
      .plate-annotations-show .plate-annotations-interface #plate-controls #plate-controls-menu {
        position: absolute;
        top: 22px;
        background: #F4F4F4;
        opacity: 0.95;
        border: 1px solid #64A1CE;
        border-radius: 10px;
        max-width: 210px;
        padding: 6px;
        display: none;
        pointer-events: visible; }
        .plate-annotations-show .plate-annotations-interface #plate-controls #plate-controls-menu #menu-plates-listing {
          max-height: 104px;
          overflow-y: scroll;
          padding-left: 4px;
          white-space: nowrap; }
        .plate-annotations-show .plate-annotations-interface #plate-controls #plate-controls-menu .controls-menu-button {
          font-size: 90%; }
        .plate-annotations-show .plate-annotations-interface #plate-controls #plate-controls-menu .plates-menu-entry {
          padding-right: 6px; }
        .plate-annotations-show .plate-annotations-interface #plate-controls #plate-controls-menu .disabled-plates-menu-entry {
          color: #999;
          font-style: italic; }
    .plate-annotations-show .plate-annotations-interface .top-link-action {
      float: right; }
      .plate-annotations-show .plate-annotations-interface .top-link-action a:link, .plate-annotations-show .plate-annotations-interface .top-link-action a:visited {
        text-decoration: none; }
      .plate-annotations-show .plate-annotations-interface .top-link-action a:hover {
        text-decoration: underline; }
  .plate-annotations-show .plate-content-box {
    width: auto;
    min-width: 95%; }
    .plate-annotations-show .plate-content-box .body {
      padding: 2px; }
  .plate-annotations-show .content-blocker {
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    vertical-align: center;
    display: none;
    z-index: 7; }
    .plate-annotations-show .content-blocker .message {
      background: rgba(255, 255, 255, 0.8);
      padding: 10px;
      position: fixed;
      border-radius: 10px;
      border: 1px solid #64A1CE; }
      .plate-annotations-show .content-blocker .message .image-holder {
        height: 100%;
        vertical-align: middle;
        display: inline-block; }

.publications-page .page-title {
  border: 3px solid #BBB;
  padding: 0px;
  margin-top: 7px;
  margin-bottom: 6px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  .publications-page .page-title h1 {
    font-weight: bold;
    font-size: 1.8em;
    background: #EEE;
    display: block;
    padding: 0.25em;
    border-bottom: 1px solid #BBB;
    margin: 0; }
  .publications-page .page-title .controls {
    padding: 0.25em 0.5em 0.5em; }
.publications-page .publications-table {
  width: 100%;
  border-collapse: collapse; }
  .publications-page .publications-table td {
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #BBB;
    border-bottom: 1px solid #BBB;
    padding: 5px 10px; }
  .publications-page .publications-table th {
    border: 0; }
  .publications-page .publications-table .actions {
    width: 130px;
    text-align: center; }
  .publications-page .publications-table .title {
    border: 0;
    padding: 0;
    background: 0;
    font-size: 150%; }
  .publications-page .publications-table a:link, .publications-page .publications-table a:visited {
    color: #1D4B7A; }

#population-tree-pane, #boolean-editor-pane {
  background: inherit; }
  #population-tree-pane .pop-manager-tr.selected, #boolean-editor-pane .pop-manager-tr.selected {
    background: #e8f3ff !important; }
  #population-tree-pane .pop-manager-tr.disabled .population-checkbox, #population-tree-pane .pop-manager-tr.disabled .boolean-insert-element, #boolean-editor-pane .pop-manager-tr.disabled .population-checkbox, #boolean-editor-pane .pop-manager-tr.disabled .boolean-insert-element {
    display: none; }
  #population-tree-pane .pop-manager-tr.population-ungated button.rename-population,
  #population-tree-pane .pop-manager-tr.population-ungated button.copy-population,
  #population-tree-pane .pop-manager-tr.population-ungated button.remove-population, #boolean-editor-pane .pop-manager-tr.population-ungated button.rename-population,
  #boolean-editor-pane .pop-manager-tr.population-ungated button.copy-population,
  #boolean-editor-pane .pop-manager-tr.population-ungated button.remove-population {
    display: none !important; }
  #population-tree-pane .pop-manager-tr.selected-gating-group.gating-group-tr .gate-item-name, #boolean-editor-pane .pop-manager-tr.selected-gating-group.gating-group-tr .gate-item-name {
    color: #1c3d75; }
  #population-tree-pane .pop-manager-tr.selected-gating-group.cluster-pops-group-tr .gate-item-name, #boolean-editor-pane .pop-manager-tr.selected-gating-group.cluster-pops-group-tr .gate-item-name {
    color: #1c3d75; }
  #population-tree-pane .pop-manager-tr.selected-gating-group.empty-gating-group .gate-item-statistics, #boolean-editor-pane .pop-manager-tr.selected-gating-group.empty-gating-group .gate-item-statistics {
    display: none; }
  #population-tree-pane .pop-manager-tr.unselected-gating-group, #boolean-editor-pane .pop-manager-tr.unselected-gating-group {
    opacity: 0.8; }
    #population-tree-pane .pop-manager-tr.unselected-gating-group .gate-item-statistics, #boolean-editor-pane .pop-manager-tr.unselected-gating-group .gate-item-statistics {
      display: none; }
  #population-tree-pane .pop-manager-tr.error-state .population-checkbox, #boolean-editor-pane .pop-manager-tr.error-state .population-checkbox {
    display: none; }
  #population-tree-pane .pop-manager-tr.cluster-pops-group-tr, #boolean-editor-pane .pop-manager-tr.cluster-pops-group-tr {
    font-size: 16px;
    color: #758397; }
    #population-tree-pane .pop-manager-tr.cluster-pops-group-tr .gate-item-name, #boolean-editor-pane .pop-manager-tr.cluster-pops-group-tr .gate-item-name {
      font-weight: bold; }
  #population-tree-pane .gating-group-tr .gate-item-name, #boolean-editor-pane .gating-group-tr .gate-item-name {
    color: #758397;
    font-weight: 600; }
  #population-tree-pane .population-filter-group, #boolean-editor-pane .population-filter-group {
    position: absolute;
    width: 210px;
    left: -10px; }
    #population-tree-pane .population-filter-group .icon-search3, #boolean-editor-pane .population-filter-group .icon-search3 {
      position: relative;
      left: 38px;
      top: -3px;
      opacity: 0.7;
      vertical-align: middle; }
    #population-tree-pane .population-filter-group .population-filter, #boolean-editor-pane .population-filter-group .population-filter {
      margin-left: 14px;
      padding: 7px 7px 5px 26px;
      margin-top: -2px;
      width: 162px;
      font-size: 14px; }
      #population-tree-pane .population-filter-group .population-filter::placeholder, #boolean-editor-pane .population-filter-group .population-filter::placeholder {
        color: grey;
        font-family: "Lato", "Lato-local", "trebuchet MS", helvetica, sans-serif !important;
        font-size: 13px;
        opacity: 0.6; }
  #population-tree-pane .population-batch-operation-buttons, #boolean-editor-pane .population-batch-operation-buttons {
    position: absolute;
    user-select: none;
    white-space: nowrap;
    left: 20px; }
    #population-tree-pane .population-batch-operation-buttons .icon-copy5, #population-tree-pane .population-batch-operation-buttons .icon-copy-to, #boolean-editor-pane .population-batch-operation-buttons .icon-copy5, #boolean-editor-pane .population-batch-operation-buttons .icon-copy-to {
      font-weight: bold; }
    #population-tree-pane .population-batch-operation-buttons .nice-subtle-button, #boolean-editor-pane .population-batch-operation-buttons .nice-subtle-button {
      font-size: 14px;
      padding: 4px 0;
      width: 90px;
      display: inline-block;
      text-align: center;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0%, rgba(244, 242, 242, 0.6) 100%);
      border-color: rgba(198, 197, 197, 0.65); }
      #population-tree-pane .population-batch-operation-buttons .nice-subtle-button:hover:not(.disabled-nice-button), #boolean-editor-pane .population-batch-operation-buttons .nice-subtle-button:hover:not(.disabled-nice-button) {
        background: rgba(189, 216, 241, 0.32);
        border-color: #e6e6e6; }
      #population-tree-pane .population-batch-operation-buttons .nice-subtle-button span, #boolean-editor-pane .population-batch-operation-buttons .nice-subtle-button span {
        margin-left: 5px; }
      #population-tree-pane .population-batch-operation-buttons .nice-subtle-button .icomoon-icon, #boolean-editor-pane .population-batch-operation-buttons .nice-subtle-button .icomoon-icon {
        color: #1c57a0; }
      #population-tree-pane .population-batch-operation-buttons .nice-subtle-button .icon-next, #boolean-editor-pane .population-batch-operation-buttons .nice-subtle-button .icon-next {
        margin-right: -7px;
        font-size: 12px; }
      #population-tree-pane .population-batch-operation-buttons .nice-subtle-button .icon-previous, #boolean-editor-pane .population-batch-operation-buttons .nice-subtle-button .icon-previous {
        margin-left: -7px;
        font-size: 12px;
        margin-right: -4px; }
    #population-tree-pane .population-batch-operation-buttons:not(.hide), #boolean-editor-pane .population-batch-operation-buttons:not(.hide) {
      margin-bottom: -28px; }
    #population-tree-pane .population-batch-operation-buttons:not(.hide) ~ #population-tree-holder .statistics-loading-icon.spinning-icon, #boolean-editor-pane .population-batch-operation-buttons:not(.hide) ~ #population-tree-holder .statistics-loading-icon.spinning-icon {
      display: none; }
    #population-tree-pane .population-batch-operation-buttons .copy-button, #boolean-editor-pane .population-batch-operation-buttons .copy-button {
      width: 100px; }
  #population-tree-pane .population-manager-control-area, #boolean-editor-pane .population-manager-control-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 520px;
    width: calc(100vw - 1100px); }
    #population-tree-pane .population-manager-control-area.hide, #boolean-editor-pane .population-manager-control-area.hide {
      display: none; }
    #population-tree-pane .population-manager-control-area #add-population-button, #boolean-editor-pane .population-manager-control-area #add-population-button {
      display: inline-block;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(244, 242, 242, 0.3) 100%);
      border-color: rgba(198, 197, 197, 0.65);
      font-size: 14px;
      padding: 5px 10px;
      margin-left: 193px;
      margin-top: -2px; }
      #population-tree-pane .population-manager-control-area #add-population-button i, #boolean-editor-pane .population-manager-control-area #add-population-button i {
        vertical-align: bottom; }
      #population-tree-pane .population-manager-control-area #add-population-button:hover:not(.disabled-nice-button), #boolean-editor-pane .population-manager-control-area #add-population-button:hover:not(.disabled-nice-button) {
        background: rgba(189, 216, 241, 0.32);
        border-color: #e6e6e6; }
      #population-tree-pane .population-manager-control-area #add-population-button.disabled-nice-button, #boolean-editor-pane .population-manager-control-area #add-population-button.disabled-nice-button {
        pointer-events: none; }
    #population-tree-pane .population-manager-control-area .hierarchy-view-switcher, #boolean-editor-pane .population-manager-control-area .hierarchy-view-switcher {
      display: inline-block; }
      #population-tree-pane .population-manager-control-area .hierarchy-view-switcher .plot-setting-label, #boolean-editor-pane .population-manager-control-area .hierarchy-view-switcher .plot-setting-label {
        margin-right: 5px; }
      #population-tree-pane .population-manager-control-area .hierarchy-view-switcher .onoffswitch, #boolean-editor-pane .population-manager-control-area .hierarchy-view-switcher .onoffswitch {
        vertical-align: middle; }
  #population-tree-pane .population-manager-table-wrapper .information-table.population-tree, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager {
    margin: 10px 0;
    min-width: 400px;
    width: calc(100vw - 1100px); }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree thead th:first-child, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager thead th:first-child, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree thead th:first-child, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager thead th:first-child {
      border-radius: 0; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tbody tr:hover, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tbody tr:hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tbody tr:hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tbody tr:hover {
      outline: none; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree th, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree td, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager th, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager td, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree th, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree td, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager th, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager td, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr {
      border: 1px solid #d5d6dc; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree td, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager td, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree td, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager td {
      white-space: nowrap; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr {
      vertical-align: top; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr .population-name .name, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr .population-name .name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr .population-name .name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr .population-name .name {
        max-width: 100%; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr .population-name .exclamation-mark, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr .population-name .exclamation-mark, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr .population-name .exclamation-mark, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr .population-name .exclamation-mark {
        color: #D43; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed:not(.search-matched), #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.filtered, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed:not(.search-matched), #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.filtered, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed:not(.search-matched), #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.filtered, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed:not(.search-matched), #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.filtered {
        font-size: 0px;
        display: none; }
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed:not(.search-matched) .tree-node-arrow, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed:not(.search-matched) .tree-node-placeholder, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed:not(.search-matched) .tree-level-line,
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed:not(.search-matched) .update-population-button-group, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed:not(.search-matched) .edit-population-name,
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed:not(.search-matched) .population-selection .population-checkbox, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.filtered .tree-node-arrow, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.filtered .tree-node-placeholder, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.filtered .tree-level-line,
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.filtered .update-population-button-group, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.filtered .edit-population-name,
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.filtered .population-selection .population-checkbox, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed:not(.search-matched) .tree-node-arrow, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed:not(.search-matched) .tree-node-placeholder, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed:not(.search-matched) .tree-level-line,
        #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed:not(.search-matched) .update-population-button-group, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed:not(.search-matched) .edit-population-name,
        #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed:not(.search-matched) .population-selection .population-checkbox, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.filtered .tree-node-arrow, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.filtered .tree-node-placeholder, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.filtered .tree-level-line,
        #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.filtered .update-population-button-group, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.filtered .edit-population-name,
        #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.filtered .population-selection .population-checkbox, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed:not(.search-matched) .tree-node-arrow, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed:not(.search-matched) .tree-node-placeholder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed:not(.search-matched) .tree-level-line,
        #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed:not(.search-matched) .update-population-button-group, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed:not(.search-matched) .edit-population-name,
        #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed:not(.search-matched) .population-selection .population-checkbox, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.filtered .tree-node-arrow, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.filtered .tree-node-placeholder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.filtered .tree-level-line,
        #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.filtered .update-population-button-group, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.filtered .edit-population-name,
        #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.filtered .population-selection .population-checkbox, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed:not(.search-matched) .tree-node-arrow, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed:not(.search-matched) .tree-node-placeholder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed:not(.search-matched) .tree-level-line,
        #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed:not(.search-matched) .update-population-button-group, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed:not(.search-matched) .edit-population-name,
        #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed:not(.search-matched) .population-selection .population-checkbox, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.filtered .tree-node-arrow, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.filtered .tree-node-placeholder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.filtered .tree-level-line,
        #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.filtered .update-population-button-group, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.filtered .edit-population-name,
        #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.filtered .population-selection .population-checkbox {
          display: none; }
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed:not(.search-matched) .population-name, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.filtered .population-name, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed:not(.search-matched) .population-name, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.filtered .population-name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed:not(.search-matched) .population-name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.filtered .population-name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed:not(.search-matched) .population-name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.filtered .population-name {
          position: relative; }
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed:not(.search-matched) .indented-contents-holder, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.filtered .indented-contents-holder, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed:not(.search-matched) .indented-contents-holder, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.filtered .indented-contents-holder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed:not(.search-matched) .indented-contents-holder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.filtered .indented-contents-holder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed:not(.search-matched) .indented-contents-holder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.filtered .indented-contents-holder {
          width: 400px;
          padding-bottom: 2px; }
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed:not(.search-matched).filtered .population-name .indented-contents-holder, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.filtered.filtered .population-name .indented-contents-holder, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed:not(.search-matched).filtered .population-name .indented-contents-holder, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.filtered.filtered .population-name .indented-contents-holder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed:not(.search-matched).filtered .population-name .indented-contents-holder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.filtered.filtered .population-name .indented-contents-holder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed:not(.search-matched).filtered .population-name .indented-contents-holder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.filtered.filtered .population-name .indented-contents-holder {
          padding-bottom: 2px; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed.search-matched, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed.search-matched, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed.search-matched, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed.search-matched {
        cursor: pointer; }
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed.search-matched:hover, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed.search-matched:hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.collapsed.search-matched:hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.collapsed.search-matched:hover {
          background: #e9f4ffb8; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr:not(.disabled, .collapsed, .filtered, #pop-tree-population-0), #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr:not(.disabled, .collapsed, .filtered, #pop-tree-population-0), #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr:not(.disabled, .collapsed, .filtered, #pop-tree-population-0), #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr:not(.disabled, .collapsed, .filtered, #pop-tree-population-0) {
        cursor: pointer; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.hidden-div, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.hidden-div, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.hidden-div, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.hidden-div {
        display: none !important; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr:hover .gating-group-element, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.selected .gating-group-element, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.editing .gating-group-element, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.sync-editing .gating-group-element, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr:hover .gating-group-element, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.selected .gating-group-element, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.editing .gating-group-element, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.sync-editing .gating-group-element, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr:hover .gating-group-element, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.selected .gating-group-element, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.editing .gating-group-element, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.sync-editing .gating-group-element, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr:hover .gating-group-element, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.selected .gating-group-element, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.editing .gating-group-element, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.sync-editing .gating-group-element {
        background-color: #fbfbfb; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr:hover .add-gating-group-element, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.selected .add-gating-group-element, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.editing .add-gating-group-element, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.sync-editing .add-gating-group-element, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr:hover .add-gating-group-element, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.selected .add-gating-group-element, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.editing .add-gating-group-element, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.sync-editing .add-gating-group-element, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr:hover .add-gating-group-element, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.selected .add-gating-group-element, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.editing .add-gating-group-element, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.sync-editing .add-gating-group-element, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr:hover .add-gating-group-element, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.selected .add-gating-group-element, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.editing .add-gating-group-element, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.sync-editing .add-gating-group-element {
        opacity: 0.7 !important; }
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr:hover .add-gating-group-element:hover, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.selected .add-gating-group-element:hover, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.editing .add-gating-group-element:hover, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.sync-editing .add-gating-group-element:hover, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr:hover .add-gating-group-element:hover, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.selected .add-gating-group-element:hover, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.editing .add-gating-group-element:hover, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.sync-editing .add-gating-group-element:hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr:hover .add-gating-group-element:hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.selected .add-gating-group-element:hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.editing .add-gating-group-element:hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.sync-editing .add-gating-group-element:hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr:hover .add-gating-group-element:hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.selected .add-gating-group-element:hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.editing .add-gating-group-element:hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.sync-editing .add-gating-group-element:hover {
          opacity: 1 !important; }
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr:hover .add-gating-group-element.disabled, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.selected .add-gating-group-element.disabled, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.editing .add-gating-group-element.disabled, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree tr.sync-editing .add-gating-group-element.disabled, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr:hover .add-gating-group-element.disabled, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.selected .add-gating-group-element.disabled, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.editing .add-gating-group-element.disabled, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager tr.sync-editing .add-gating-group-element.disabled, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr:hover .add-gating-group-element.disabled, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.selected .add-gating-group-element.disabled, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.editing .add-gating-group-element.disabled, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree tr.sync-editing .add-gating-group-element.disabled, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr:hover .add-gating-group-element.disabled, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.selected .add-gating-group-element.disabled, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.editing .add-gating-group-element.disabled, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager tr.sync-editing .add-gating-group-element.disabled {
          opacity: 0.2 !important; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.buttons-above, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.buttons-above, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.buttons-above, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.buttons-above {
      margin-top: 38px; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.hierarchy-mode .tree-node-arrow, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.hierarchy-mode .tree-node-arrow, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.hierarchy-mode .tree-node-arrow, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.hierarchy-mode .tree-node-arrow {
      padding: 2px 3px 5px 6px;
      margin-left: -6px;
      border-radius: 6px;
      margin-right: -3px;
      user-select: none;
      vertical-align: top; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.hierarchy-mode .tree-node-arrow:hover, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.hierarchy-mode .tree-node-arrow:hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.hierarchy-mode .tree-node-arrow:hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.hierarchy-mode .tree-node-arrow:hover {
        background: #e9f4ffb8;
        color: darkblue;
        box-shadow: 0 0 5px 0 #8eaece; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.hierarchy-mode .tree-node-arrow:active, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.hierarchy-mode .tree-node-arrow:active, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.hierarchy-mode .tree-node-arrow:active, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.hierarchy-mode .tree-node-arrow:active {
        box-shadow: inset 0 1px 2px #D9DADD; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.hierarchy-mode .population-name, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.hierarchy-mode .population-name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.hierarchy-mode .population-name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.hierarchy-mode .population-name {
      position: relative;
      width: calc(100% - 22px); }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.hierarchy-mode .population-name .name:first-child:before, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.hierarchy-mode .population-name .name:first-child:before, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.hierarchy-mode .population-name .name:first-child:before, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.hierarchy-mode .population-name .name:first-child:before {
        content: ' '; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.hierarchy-mode .population-name .tree-node-arrow, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.hierarchy-mode .population-name .tree-node-arrow + .name, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.hierarchy-mode .population-name .tree-node-arrow, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.hierarchy-mode .population-name .tree-node-arrow + .name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.hierarchy-mode .population-name .tree-node-arrow, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.hierarchy-mode .population-name .tree-node-arrow + .name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.hierarchy-mode .population-name .tree-node-arrow, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.hierarchy-mode .population-name .tree-node-arrow + .name {
        cursor: pointer; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.hierarchy-mode .population-name .tree-node-placeholder, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.hierarchy-mode .population-name .tree-node-placeholder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.hierarchy-mode .population-name .tree-node-placeholder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.hierarchy-mode .population-name .tree-node-placeholder {
        user-select: none;
        opacity: 0; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode {
      border-collapse: separate; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode thead, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode thead, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode thead, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode thead {
        display: none; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode th, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode td, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode th, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode td, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode th, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode td, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode th, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode td {
        padding: 0; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr {
        border-width: 0; }
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr td, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr td, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr td, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr td {
          border-width: 1px 0 1px 0;
          border-color: transparent;
          border-style: solid; }
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.selected, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.selected, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.selected, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.selected {
          background-color: #e3effc; }
          #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.selected:hover, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.selected:hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.selected:hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.selected:hover {
            background-color: #dde8f3; }
          #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.selected td, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.selected td, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.selected td, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.selected td {
            border-color: #0461be54; }
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.collapsed:not(.search-matched), #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.filtered, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.collapsed:not(.search-matched), #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.filtered, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.collapsed:not(.search-matched), #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.filtered, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.collapsed:not(.search-matched), #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.filtered {
          display: table-row; }
          #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.collapsed:not(.search-matched) .population-name, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.filtered .population-name, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.collapsed:not(.search-matched) .population-name, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.filtered .population-name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.collapsed:not(.search-matched) .population-name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.filtered .population-name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.collapsed:not(.search-matched) .population-name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.filtered .population-name {
            position: relative; }
            #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.collapsed:not(.search-matched) .population-name .name, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.filtered .population-name .name, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.collapsed:not(.search-matched) .population-name .name, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.filtered .population-name .name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.collapsed:not(.search-matched) .population-name .name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.filtered .population-name .name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.collapsed:not(.search-matched) .population-name .name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.filtered .population-name .name {
              position: absolute;
              background: #999999c4;
              width: 120px;
              height: 0px;
              top: -2px; }
            #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.collapsed:not(.search-matched) .population-name .indented-contents-holder, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.filtered .population-name .indented-contents-holder, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.collapsed:not(.search-matched) .population-name .indented-contents-holder, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.filtered .population-name .indented-contents-holder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.collapsed:not(.search-matched) .population-name .indented-contents-holder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.filtered .population-name .indented-contents-holder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.collapsed:not(.search-matched) .population-name .indented-contents-holder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.filtered .population-name .indented-contents-holder {
              width: 400px;
              padding-bottom: 2px; }
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.hover:not(.disabled, .selected, .collapsed, .filtered, #pop-tree-population-0, .cluster-pops-group-tr), #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.hover:not(.disabled, .selected, .collapsed, .filtered, #pop-tree-population-0, .cluster-pops-group-tr), #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode tr.hover:not(.disabled, .selected, .collapsed, .filtered, #pop-tree-population-0, .cluster-pops-group-tr), #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode tr.hover:not(.disabled, .selected, .collapsed, .filtered, #pop-tree-population-0, .cluster-pops-group-tr) {
          background: #e9f4ffb8; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode .tree-level-line, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode .tree-level-line, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode .tree-level-line, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode .tree-level-line {
        position: absolute;
        top: 16px;
        background: #5d697a96;
        width: 3px;
        border-radius: 4px; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode .icon-arrow-right3 + .tree-level-line, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode .icon-arrow-right3 + .tree-level-line, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode .icon-arrow-right3 + .tree-level-line, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode .icon-arrow-right3 + .tree-level-line {
        opacity: 0; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode .population-selection, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode .population-selection, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode .population-selection, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode .population-selection {
        display: none; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode .population-expression-header, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode .population-expression, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode .population-expression-header, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode .population-expression, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode .population-expression-header, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode .population-expression, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode .population-expression-header, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode .population-expression {
        width: 0px;
        visibility: hidden; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode .population-expression, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode .population-expression, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-tree.hierarchy-mode .population-expression, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-tree.hierarchy-mode .population-expression {
        display: none; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-manager .population-selection-header, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-manager .population-selection-header, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-manager .population-selection-header, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-manager .population-selection-header {
      box-sizing: border-box;
      width: 30px; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-manager .population-name-header, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-manager .population-name-header, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-manager .population-name-header, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-manager .population-name-header {
      min-width: 100px; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-manager .population-group-sync-header, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-manager .population-group-sync-header, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-manager .population-group-sync-header, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-manager .population-group-sync-header {
      min-width: 111px; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-manager .population-expression-header, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-manager .population-expression-header, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-manager .population-expression-header, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-manager .population-expression-header {
      min-width: 350px; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-manager .edit-name-wrapper, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-manager .edit-name-wrapper, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-manager .edit-name-wrapper, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-manager .edit-name-wrapper {
      height: 100%;
      padding: 8px; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-manager tr:not(.error-state) .edit-name-wrapper:hover .name, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-manager tr:not(.error-state) .edit-name-wrapper:hover .name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-manager tr:not(.error-state) .edit-name-wrapper:hover .name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-manager tr:not(.error-state) .edit-name-wrapper:hover .name {
      text-decoration: underline; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-manager tr:not(.error-state) .edit-name-wrapper:hover .operation-buttons .standalone-edit-icon, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-manager tr:not(.error-state) .edit-name-wrapper:hover .operation-buttons .standalone-edit-icon, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-manager tr:not(.error-state) .edit-name-wrapper:hover .operation-buttons .standalone-edit-icon, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-manager tr:not(.error-state) .edit-name-wrapper:hover .operation-buttons .standalone-edit-icon {
      opacity: 1; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-manager .population-name, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-manager .population-name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-manager .population-name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-manager .population-name {
      cursor: pointer;
      padding: 0; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-manager .population-name .operation-buttons, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-manager .population-name .operation-buttons, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-manager .population-name .operation-buttons, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-manager .population-name .operation-buttons {
        position: absolute;
        right: -8px;
        top: 0;
        width: 66px;
        height: 32px;
        font-size: 18px;
        text-align: right; }
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-manager .population-name .operation-buttons .standalone-edit-icon, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-manager .population-name .operation-buttons .standalone-edit-icon, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-manager .population-name .operation-buttons .standalone-edit-icon, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-manager .population-name .operation-buttons .standalone-edit-icon {
          color: darkblue;
          background: #ffffff82;
          padding: 7px;
          opacity: 0; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-manager.hierarchy-mode .edit-name-wrapper, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-manager.hierarchy-mode .edit-name-wrapper, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-manager.hierarchy-mode .edit-name-wrapper, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-manager.hierarchy-mode .edit-name-wrapper {
      display: inline-block;
      width: calc(100% - 18px);
      box-sizing: border-box; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-manager.hierarchy-mode .population-name, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-manager.hierarchy-mode .population-name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-manager.hierarchy-mode .population-name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-manager.hierarchy-mode .population-name {
      cursor: default;
      white-space: normal; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-manager.hierarchy-mode .population-name .flex-container, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-manager.hierarchy-mode .population-name .flex-container, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-manager.hierarchy-mode .population-name .flex-container, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-manager.hierarchy-mode .population-name .flex-container {
        display: flex;
        height: 100%;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center; }
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-manager.hierarchy-mode .population-name .flex-container .operation-buttons .refresh-button, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-manager.hierarchy-mode .population-name .flex-container .operation-buttons .refresh-button, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-manager.hierarchy-mode .population-name .flex-container .operation-buttons .refresh-button, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-manager.hierarchy-mode .population-name .flex-container .operation-buttons .refresh-button {
          color: darkblue;
          background: #ffffff;
          padding: 7px;
          border: 1px solid #2a7de1;
          border-radius: 5px;
          opacity: 0.8; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree.population-manager.hierarchy-mode .population-name .edit-name-wrapper, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager.population-manager.hierarchy-mode .population-name .edit-name-wrapper, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree.population-manager.hierarchy-mode .population-name .edit-name-wrapper, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager.population-manager.hierarchy-mode .population-name .edit-name-wrapper {
        cursor: pointer; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-selection, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-selection, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-selection, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-selection {
      cursor: pointer;
      box-sizing: border-box;
      vertical-align: middle; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-selection:hover, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-selection:hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-selection:hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-selection:hover {
        background: #eaeef3; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-selection:active, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-selection:active, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-selection:active, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-selection:active {
        box-shadow: inset 0 1px 2px #D9DADD; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-selection .population-checkbox, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-selection .population-checkbox, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-selection .population-checkbox, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-selection .population-checkbox {
        margin-left: 2px; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .gate-item-statistics, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .gate-item-statistics, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .gate-item-statistics, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .gate-item-statistics {
      color: grey;
      white-space: nowrap; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .gate-item-statistics .gate-item-event-count, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .gate-item-statistics .gate-item-event-count, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .gate-item-statistics .gate-item-event-count, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .gate-item-statistics .gate-item-event-count {
        max-width: 100px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        vertical-align: bottom;
        display: inline-block; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .gate-item-statistics.stale, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .gate-item-statistics.stale, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .gate-item-statistics.stale, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .gate-item-statistics.stale {
        opacity: 0.5;
        text-decoration: line-through; }
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .gate-item-statistics.stale .gate-item-event-count, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .gate-item-statistics.stale .gate-item-event-count, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .gate-item-statistics.stale .gate-item-event-count, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .gate-item-statistics.stale .gate-item-event-count {
          text-decoration: line-through; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name {
      border: none;
      box-sizing: border-box;
      vertical-align: middle; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name.disabled, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name.disabled, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name.disabled, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name.disabled {
        cursor: default;
        color: #747579; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name .indented-contents-holder, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name .indented-contents-holder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name .indented-contents-holder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name .indented-contents-holder {
        display: inline-block;
        position: relative;
        width: 98%; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name .name, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name .name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name .name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name .name {
        max-width: calc(100% - 106px);
        word-break: break-word;
        white-space: break-spaces;
        display: inline-block;
        padding-bottom: 2px;
        min-width: 200px; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group {
        position: absolute;
        top: -3px;
        left: 240px;
        cursor: pointer;
        opacity: 0;
        margin-left: 5px;
        display: inline-flex; }
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group i:not(:first-child), #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group i:not(:first-child), #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group i:not(:first-child), #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group i:not(:first-child) {
          margin-left: 5px; }
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group.disabled, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group.disabled, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group.disabled, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group.disabled {
          display: none; }
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group .nice-subtle-button, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group .nice-subtle-button, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group .nice-subtle-button, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group .nice-subtle-button {
          padding: 3px 8px;
          display: inline-block;
          align-items: center; }
          #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group .nice-subtle-button:not([disabled], .disabled):hover, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group .nice-subtle-button:not([disabled], .disabled):hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group .nice-subtle-button:not([disabled], .disabled):hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group .nice-subtle-button:not([disabled], .disabled):hover {
            background: white !important; }
          #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group .nice-subtle-button.disabled-nice-button .icomoon-icon, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group .nice-subtle-button.disabled-nice-button .icomoon-icon, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group .nice-subtle-button.disabled-nice-button .icomoon-icon, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group .nice-subtle-button.disabled-nice-button .icomoon-icon {
            color: #bbbbbb !important; }
          #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group .nice-subtle-button.disabled, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group .nice-subtle-button.disabled, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group .nice-subtle-button.disabled, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group .nice-subtle-button.disabled {
            opacity: 1; }
            #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group .nice-subtle-button.disabled .icon-copy-to, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group .nice-subtle-button.disabled .icon-copy-to, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group .nice-subtle-button.disabled .icon-copy-to, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group .nice-subtle-button.disabled .icon-copy-to {
              opacity: 0.7; }
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group .copy-population, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group .copy-gate-to-population, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group .copy-population, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group .copy-gate-to-population, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group .copy-population, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group .copy-gate-to-population, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group .copy-population, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group .copy-gate-to-population {
          padding: 0px 6px 1px 8px; }
          #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group .copy-population .icon-copy5, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group .copy-population .icon-copy-to, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group .copy-gate-to-population .icon-copy5, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group .copy-gate-to-population .icon-copy-to, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group .copy-population .icon-copy5, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group .copy-population .icon-copy-to, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group .copy-gate-to-population .icon-copy5, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group .copy-gate-to-population .icon-copy-to, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group .copy-population .icon-copy5, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group .copy-population .icon-copy-to, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group .copy-gate-to-population .icon-copy5, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group .copy-gate-to-population .icon-copy-to, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group .copy-population .icon-copy5, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group .copy-population .icon-copy-to, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group .copy-gate-to-population .icon-copy5, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group .copy-gate-to-population .icon-copy-to {
            font-size: 20px; }
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group.error-state, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group.error-state, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group.error-state, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group.error-state {
          cursor: not-allowed; }
          #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group.error-state .rename-population, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group.error-state .copy-population, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group.error-state .rename-population, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group.error-state .copy-population, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group.error-state .rename-population, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name .update-population-button-group.error-state .copy-population, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group.error-state .rename-population, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name .update-population-button-group.error-state .copy-population {
            pointer-events: none;
            color: #747579; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name:hover .update-population-button-group:not(.disabled), #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name:hover .update-population-button-group:not(.disabled), #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name:hover .update-population-button-group:not(.disabled), #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name:hover .update-population-button-group:not(.disabled) {
        opacity: 1; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name.display-mode .edit-population-name, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name.display-mode .edit-population-name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name.display-mode .edit-population-name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name.display-mode .edit-population-name {
        display: none; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name.edit-mode .edit-population-name, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name.edit-mode .edit-population-name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name.edit-mode .edit-population-name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name.edit-mode .edit-population-name {
        flex-basis: 100%; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name.edit-mode .name, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name.edit-mode .update-population-button-group, #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name.edit-mode .operation-buttons, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name.edit-mode .name, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name.edit-mode .update-population-button-group, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name.edit-mode .operation-buttons, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name.edit-mode .name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name.edit-mode .update-population-button-group, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name.edit-mode .operation-buttons, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name.edit-mode .name, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name.edit-mode .update-population-button-group, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name.edit-mode .operation-buttons {
        display: none; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-name.edit-mode:not(.hierarchy-mode) .edit-name-wrapper:hover .operation-buttons .standalone-edit-icon, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-name.edit-mode:not(.hierarchy-mode) .edit-name-wrapper:hover .operation-buttons .standalone-edit-icon, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-name.edit-mode:not(.hierarchy-mode) .edit-name-wrapper:hover .operation-buttons .standalone-edit-icon, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-name.edit-mode:not(.hierarchy-mode) .edit-name-wrapper:hover .operation-buttons .standalone-edit-icon {
        opacity: 0; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .synced-gating-groups, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .synced-gating-groups, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .synced-gating-groups, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .synced-gating-groups {
      padding: 1px 8px 2px; }
      #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .synced-gating-groups .group-sync-builder, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .synced-gating-groups .group-sync-builder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .synced-gating-groups .group-sync-builder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .synced-gating-groups .group-sync-builder {
        display: inline-flex;
        flex-direction: row;
        justify-content: left;
        flex-wrap: wrap;
        align-items: center; }
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .synced-gating-groups .group-sync-builder .gating-group-element, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .synced-gating-groups .group-sync-builder .gating-group-element, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .synced-gating-groups .group-sync-builder .gating-group-element, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .synced-gating-groups .group-sync-builder .gating-group-element {
          background: #f4f4f4;
          display: inline-block;
          cursor: pointer;
          border: 1px solid transparent;
          border-radius: 5px;
          padding: 2px 4px;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 100px;
          white-space: no-wrap;
          min-height: 25px;
          line-height: 25px;
          box-sizing: content-box;
          margin-right: 5px;
          margin-top: 3px; }
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .synced-gating-groups .group-sync-builder .gating-group-element:hover, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .synced-gating-groups .group-sync-builder .gating-group-element:hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .synced-gating-groups .group-sync-builder .gating-group-element:hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .synced-gating-groups .group-sync-builder .gating-group-element:hover {
          border: 1px solid #fbfbfb; }
        #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .synced-gating-groups .group-sync-builder .add-gating-group-element, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .synced-gating-groups .group-sync-builder .add-gating-group-element, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .synced-gating-groups .group-sync-builder .add-gating-group-element, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .synced-gating-groups .group-sync-builder .add-gating-group-element {
          display: inline-block;
          cursor: pointer;
          box-sizing: content-box;
          margin-top: 3px;
          opacity: 0; }
          #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .synced-gating-groups .group-sync-builder .add-gating-group-element:hover, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .synced-gating-groups .group-sync-builder .add-gating-group-element:hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .synced-gating-groups .group-sync-builder .add-gating-group-element:hover, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .synced-gating-groups .group-sync-builder .add-gating-group-element:hover {
            opacity: 1; }
          #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .synced-gating-groups .group-sync-builder .add-gating-group-element.disabled, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .synced-gating-groups .group-sync-builder .add-gating-group-element.disabled, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .synced-gating-groups .group-sync-builder .add-gating-group-element.disabled, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .synced-gating-groups .group-sync-builder .add-gating-group-element.disabled {
            opacity: 0.2; }
    #population-tree-pane .population-manager-table-wrapper .information-table.population-tree .population-expression .expression-builder, #population-tree-pane .population-manager-table-wrapper .information-table.population-manager .population-expression .expression-builder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-tree .population-expression .expression-builder, #boolean-editor-pane .population-manager-table-wrapper .information-table.population-manager .population-expression .expression-builder {
      line-height: 35px;
      white-space: normal; }
  #population-tree-pane .population-manager-table-wrapper .dataTables_wrapper, #boolean-editor-pane .population-manager-table-wrapper .dataTables_wrapper {
    min-height: auto; }
  #population-tree-pane .population-manager-table-wrapper .population-not-found, #boolean-editor-pane .population-manager-table-wrapper .population-not-found {
    font-size: 1rem;
    margin: 10px 0; }
  #population-tree-pane .population-manager-table-wrapper .populations-filtered-info, #boolean-editor-pane .population-manager-table-wrapper .populations-filtered-info {
    display: none;
    font-size: 16px;
    width: 100%;
    text-align: center;
    padding-top: 1em;
    color: grey;
    font-style: italic; }
  #population-tree-pane .population-manager-table-wrapper .clear-populations-filtered, #boolean-editor-pane .population-manager-table-wrapper .clear-populations-filtered {
    display: none;
    font-size: 16px;
    width: 100%;
    text-align: center;
    color: #1758AC;
    text-decoration: underline;
    cursor: pointer; }
  #population-tree-pane .population-manager-table-wrapper .statistics-loading-icon, #boolean-editor-pane .population-manager-table-wrapper .statistics-loading-icon {
    display: none;
    position: absolute;
    top: 58px;
    left: 190px;
    margin: 0 2px;
    color: #0051a3; }
    #population-tree-pane .population-manager-table-wrapper .statistics-loading-icon.spinning-icon, #boolean-editor-pane .population-manager-table-wrapper .statistics-loading-icon.spinning-icon {
      display: inline-block; }

.group-sync-builder-popover.popover {
  background-color: #FFF;
  color: #303133;
  padding: 0;
  max-width: 450px;
  min-width: 180px; }
  .group-sync-builder-popover.popover.bottom {
    margin-top: 4px; }
  .group-sync-builder-popover.popover .close-button {
    position: absolute;
    display: inline-block;
    top: 12px;
    right: 0;
    padding: 3px 5px;
    border: 1px solid transparent;
    margin-top: -4px;
    margin-right: 0px;
    border-radius: 6px;
    opacity: 0.3;
    cursor: pointer; }
    .group-sync-builder-popover.popover .close-button:hover {
      opacity: 1; }
  .group-sync-builder-popover.popover .popover-title {
    font-weight: bold; }
  .group-sync-builder-popover.popover .popover-content {
    padding: 0;
    font-size: 0.88rem; }
    .group-sync-builder-popover.popover .popover-content .group-sync-builder-dropdown .gating-group-search-box {
      padding: 9px 14px; }
      .group-sync-builder-popover.popover .popover-content .group-sync-builder-dropdown .gating-group-search-box input {
        width: 100%; }
    .group-sync-builder-popover.popover .popover-content .group-sync-builder-dropdown .gating-group-options {
      user-select: none;
      max-height: 350px;
      overflow-y: auto;
      overflow-x: hidden;
      padding-bottom: 10px; }
      .group-sync-builder-popover.popover .popover-content .group-sync-builder-dropdown .gating-group-options .gating-group-option-group {
        cursor: default;
        padding: 9px 14px 3px 18px;
        font-weight: 800; }
      .group-sync-builder-popover.popover .popover-content .group-sync-builder-dropdown .gating-group-options .gating-group-option {
        cursor: pointer;
        padding: 3px 14px 3px 30px;
        overflow-wrap: anywhere; }
        .group-sync-builder-popover.popover .popover-content .group-sync-builder-dropdown .gating-group-options .gating-group-option.active {
          background-color: #0081c2;
          color: #FFF; }
          .group-sync-builder-popover.popover .popover-content .group-sync-builder-dropdown .gating-group-options .gating-group-option.active:hover {
            background-color: #307FE2; }
        .group-sync-builder-popover.popover .popover-content .group-sync-builder-dropdown .gating-group-options .gating-group-option:hover {
          background-color: #F5F5F5; }

#population-tree-pane .gating-group-tr:not(:first-child) {
  margin-top: 8px; }

#boolean-editor-pane .ui-tabs.ui-widget.ui-widget-content .ui-tabs-nav.ui-widget-header.loaded {
  max-width: 550px;
  margin-bottom: 20px; }
#boolean-editor-pane .gating-group-population-manager {
  margin-left: 15px; }
  #boolean-editor-pane .gating-group-population-manager.no-defined-gating-groups .ui-tabs-nav.loaded {
    margin-bottom: 0px !important; }
    #boolean-editor-pane .gating-group-population-manager.no-defined-gating-groups .ui-tabs-nav.loaded li {
      display: none; }
  #boolean-editor-pane .gating-group-population-manager.no-defined-gating-groups .gating-group-pane {
    padding-left: 0px; }
  #boolean-editor-pane .gating-group-population-manager.no-defined-gating-groups .population-filter-group {
    left: -10px; }
  #boolean-editor-pane .gating-group-population-manager .ui-tabs-nav.loaded .ui-tabs-tab.ui-state-default.ui-tab a.ui-tabs-anchor {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  #boolean-editor-pane .gating-group-population-manager .gating-group-pane {
    margin-top: -10px; }
  #boolean-editor-pane .gating-group-population-manager .population-filter-group {
    left: 3px; }

#boolean-editor-holder {
  min-width: calc(100vw - 1072px);
  margin-left: -15px; }

#population-tree-holder {
  min-width: 709px;
  margin-top: 36px; }
  #population-tree-holder .population-manager-table-wrapper .information-table.population-tree:not(.hierarchy-mode), #population-tree-holder .population-manager-table-wrapper .information-table.population-manager:not(.hierarchy-mode) {
    width: max-content; }

.gating-group-name-info-tooltip.tooltip.in .tooltip-inner {
  background-color: #FFF;
  color: #303133; }

#gating-plot-pane {
  position: relative;
  font-size: 13px;
  margin: 15px;
  display: inline-block; }
  #gating-plot-pane.dot-color-by-z-axis-channel .plot-image-container.plot-image-loaded #plots .plot-image {
    width: 480px;
    margin-left: 51px; }
  #gating-plot-pane.dot-color-by-z-axis-channel .plot-image-container.plot-image-loaded .plot-settings-popout-holder {
    top: 21px;
    right: 33px; }
  #gating-plot-pane .channel-label {
    font-size: 14px;
    vertical-align: bottom;
    padding-bottom: 3px;
    margin-left: -17px;
    display: inline-block;
    text-align: right;
    font-weight: bold;
    margin: 0.25em; }
  #gating-plot-pane .z-channel {
    width: 180px; }
  #gating-plot-pane #z-axis-scale {
    position: absolute;
    top: 4.9em;
    right: -3.9em; }
  #gating-plot-pane .selector-holder {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    margin-left: 17px;
    z-index: 1; }
    #gating-plot-pane .selector-holder .btn {
      border-color: rgba(198, 197, 197, 0.65);
      border-radius: 4px 0 0 4px; }
      #gating-plot-pane .selector-holder .btn:hover {
        border-color: rgba(189, 216, 241, 0.32); }
    #gating-plot-pane .selector-holder label {
      width: 100px;
      display: inline-block;
      text-align: right;
      margin-right: 8px;
      font-size: 14px; }
    #gating-plot-pane .selector-holder .bootstrap-select {
      width: 264px; }
  #gating-plot-pane .gate-set-selector-holder {
    position: relative;
    z-index: 2; }
    #gating-plot-pane .gate-set-selector-holder .active-gate-set-down-button {
      margin-left: -4px !important;
      -webkit-border-radius: 0px 0px 5px 0px;
      -moz-border-radius: 0px 0px 5px 0px;
      -o-border-radius: 0px 0px 5px 0px;
      border-radius: 0px 0px 5px 0px; }
    #gating-plot-pane .gate-set-selector-holder .tooltip {
      background: none;
      border: none; }
  #gating-plot-pane .fcs-file-selector-region .buttons-holder {
    margin-left: -4px;
    vertical-align: -3px; }
    #gating-plot-pane .fcs-file-selector-region .buttons-holder .fcs-file-next-button {
      margin-left: unset !important; }
  #gating-plot-pane .buttons-holder {
    margin-left: -1px; }
    #gating-plot-pane .buttons-holder button {
      width: 44px;
      padding: 0px 6px 1px 6px !important;
      color: rgba(51, 51, 51, 0.82);
      height: 28px;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(244, 242, 242, 0.3) 100%);
      border-color: rgba(198, 197, 197, 0.65); }
      #gating-plot-pane .buttons-holder button.disabled-nice-button {
        opacity: 0.4; }
      #gating-plot-pane .buttons-holder button:hover:not(.disabled-nice-button) {
        background: rgba(189, 216, 241, 0.32);
        border-color: #e6e6e6; }
      #gating-plot-pane .buttons-holder button:not(:first-child) {
        margin-left: -1px !important;
        border-radius: 0px 4px 4px 0px !important; }
  #gating-plot-pane #mouse-coords {
    display: inline-block; }
  #gating-plot-pane #gating-messages {
    white-space: normal; }
    #gating-plot-pane #gating-messages .message {
      font-style: italic;
      background-image: url(../images/transparent-loader.gif);
      background-position: left -2px top 2px;
      background-repeat: no-repeat;
      margin: 0.5em 0em 0em 6.5em;
      padding: 0em 1.5em 0 1.75em;
      width: 14em;
      font-size: 17px;
      color: #45474a; }
  #gating-plot-pane .plot-image-container {
    position: relative;
    margin-left: 20px; }
    #gating-plot-pane .plot-image-container #plots #plots-fo svg g text {
      fill: #727272 !important; }
    #gating-plot-pane .plot-image-container #plots .plot-image {
      margin-left: 51px;
      width: 408px;
      text-indent: -315px;
      user-drag: none;
      user-select: none;
      -moz-user-select: none;
      -webkit-user-drag: none;
      -webkit-user-select: none;
      -ms-user-select: none; }
    #gating-plot-pane .plot-image-container #plots .plot-image::before {
      content: ' ';
      display: block;
      position: absolute;
      height: 388px;
      width: 389px;
      margin-left: 13px;
      margin-top: -8px;
      background: #edeceac2;
      border: 1px solid #000000a6; }
    #gating-plot-pane .plot-image-container .x-label-holder .btn, #gating-plot-pane .plot-image-container .y-label-holder .btn {
      border-color: rgba(198, 197, 197, 0.65); }
    #gating-plot-pane .plot-image-container .x-label-holder {
      margin-left: 135px;
      margin-top: -45px; }
      #gating-plot-pane .plot-image-container .x-label-holder .btn {
        width: 260px; }
    #gating-plot-pane .plot-image-container .y-label-holder {
      position: absolute;
      top: 185px;
      left: -140px;
      width: 1px;
      height: 1px; }
      #gating-plot-pane .plot-image-container .y-label-holder .btn {
        width: 260px; }
    #gating-plot-pane .plot-image-container .swap-xy-channels {
      position: absolute;
      top: 428px;
      left: -23px;
      width: 23px;
      height: 23px;
      padding: 3px;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(244, 242, 242, 0.3) 100%);
      border-color: rgba(198, 197, 197, 0.65);
      color: rgba(51, 51, 51, 0.82); }
      #gating-plot-pane .plot-image-container .swap-xy-channels:hover {
        background: rgba(189, 216, 241, 0.32);
        border-color: #e6e6e6; }
    #gating-plot-pane .plot-image-container .scale-label {
      transform: scale(1.42); }
    #gating-plot-pane .plot-image-container .plot-settings-popout-holder {
      position: absolute;
      top: 21px;
      right: 52px; }
      #gating-plot-pane .plot-image-container .plot-settings-popout-holder .plot-settings-gear {
        display: inline-flex;
        border-left: none;
        border-radius: 0 6px 6px 0;
        width: 24px;
        height: 24px;
        cursor: pointer;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(244, 242, 242, 0.3) 100%);
        border-color: rgba(198, 197, 197, 0.65); }
        #gating-plot-pane .plot-image-container .plot-settings-popout-holder .plot-settings-gear:hover {
          background: rgba(189, 216, 241, 0.32);
          border-color: #e6e6e6; }
      #gating-plot-pane .plot-image-container .plot-settings-popout-holder .plot-settings-gear:hover {
        border-bottom: 2px solid;
        border-bottom-color: #2B7DE1; }
      #gating-plot-pane .plot-image-container .plot-settings-popout-holder .icon-cog4 {
        font-size: 18px;
        position: absolute;
        top: 6px;
        left: 6px;
        color: rgba(51, 51, 51, 0.82); }
    #gating-plot-pane .plot-image-container .plot-settings-holder {
      display: none;
      position: absolute;
      left: -1px;
      top: 34px;
      z-index: 9;
      background-color: #FFF;
      border-top: 2px solid #2B7DE1;
      margin-top: -2px; }
      #gating-plot-pane .plot-image-container .plot-settings-holder #plot-settings-pane {
        width: 200px;
        text-align: left;
        border-top: 0px;
        border-radius: 0px 0px 5px 5px; }
        #gating-plot-pane .plot-image-container .plot-settings-holder #plot-settings-pane label {
          font-size: 12px;
          display: block;
          text-align: left;
          font-weight: bold;
          margin: 0.25em; }
        #gating-plot-pane .plot-image-container .plot-settings-holder #plot-settings-pane .bootstrap-select {
          display: inline-block;
          margin-top: -11px;
          margin-bottom: 3px;
          width: 182px; }
        #gating-plot-pane .plot-image-container .plot-settings-holder #plot-settings-pane .nice-toggle-buttons {
          font-size: 11px; }
        #gating-plot-pane .plot-image-container .plot-settings-holder #plot-settings-pane .z-axis-custom-scaling-setting {
          width: 40%;
          margin-right: 5%; }
          #gating-plot-pane .plot-image-container .plot-settings-holder #plot-settings-pane .z-axis-custom-scaling-setting input {
            width: 100%; }
        #gating-plot-pane .plot-image-container .plot-settings-holder #plot-settings-pane .nice-gating-input {
          padding: 5px 6px;
          border-radius: 5px;
          border: 1px solid #cccccc;
          font-size: 14px; }
        #gating-plot-pane .plot-image-container .plot-settings-holder #plot-settings-pane #gating-advanced-plot-settings {
          min-height: 150px; }
        #gating-plot-pane .plot-image-container .plot-settings-holder #plot-settings-pane #stacked-z-plot-related-settings .z-plot-related-setting, #gating-plot-pane .plot-image-container .plot-settings-holder #plot-settings-pane #stacked-z-plot-related-settings .z-axis-custom-scaling-setting, #gating-plot-pane .plot-image-container .plot-settings-holder #plot-settings-pane #stacked-z-plot-related-settings select, #gating-plot-pane .plot-image-container .plot-settings-holder #plot-settings-pane #z-axis-custom-scaling-holder .z-plot-related-setting, #gating-plot-pane .plot-image-container .plot-settings-holder #plot-settings-pane #z-axis-custom-scaling-holder .z-axis-custom-scaling-setting, #gating-plot-pane .plot-image-container .plot-settings-holder #plot-settings-pane #z-axis-custom-scaling-holder select {
          display: inline-block; }
        #gating-plot-pane .plot-image-container .plot-settings-holder #plot-settings-pane #stacked-z-plot-related-settings select, #gating-plot-pane .plot-image-container .plot-settings-holder #plot-settings-pane #z-axis-custom-scaling-holder select {
          width: 7.9em; }
  #gating-plot-pane .swap-xy-channels {
    position: relative;
    top: 1em;
    color: #666; }
  #gating-plot-pane .mouse-coords-container {
    margin-top: 10px;
    margin-left: 224px; }
  #gating-plot-pane .z-channel-holder {
    margin-top: 6px;
    text-align: center;
    z-index: 1;
    position: relative; }
    #gating-plot-pane .z-channel-holder .btn {
      border-radius: 4px; }
    #gating-plot-pane .z-channel-holder label {
      z-index: 1; }
    #gating-plot-pane .z-channel-holder .z-channel {
      z-index: 0; }

.population-expression {
  user-select: none;
  padding: 2px 8px; }
  .population-expression:not(.pure-ands) .element-operator, .population-expression.has-error .element-operator {
    display: inline-block; }
  .population-expression .boolean-element {
    position: relative;
    display: inline-block;
    cursor: pointer;
    min-height: 25px;
    border: 1px solid transparent;
    border-radius: 5px;
    line-height: 25px;
    box-sizing: content-box;
    padding: 2px 11px 2px 4px;
    overflow-wrap: anywhere; }
    .population-expression .boolean-element .down-arrow {
      position: absolute;
      top: 7px;
      right: -3px;
      display: inline;
      opacity: 0; }
    .population-expression .boolean-element.disabled.error {
      opacity: 0.6; }
    .population-expression .boolean-element.element-population {
      background-color: #ecf2fa; }
    .population-expression .boolean-element.element-gate {
      background-color: #f4f4f4; }
    .population-expression .boolean-element.error, .population-expression .boolean-element.element-population.error, .population-expression .boolean-element.element-gate.error {
      border: 1px solid #e64500;
      background-color: #ffe7db;
      color: #bd1a00; }
      .population-expression .boolean-element.error .down-arrow, .population-expression .boolean-element.element-population.error .down-arrow, .population-expression .boolean-element.element-gate.error .down-arrow {
        color: #bd1a00; }
    .population-expression .boolean-element:not(.disabled):hover {
      border: 1px solid #BBB; }
      .population-expression .boolean-element:not(.disabled):hover .down-arrow {
        opacity: 1; }
      .population-expression .boolean-element:not(.disabled):hover.element-population {
        background-color: #F6F8FC; }
      .population-expression .boolean-element:not(.disabled):hover.element-gate {
        background-color: #fbfbfb; }
      .population-expression .boolean-element:not(.disabled):hover.error {
        border: 1px solid #e64500;
        background-color: #ffe7db;
        color: #bd1a00; }
    .population-expression .boolean-element.disabled {
      cursor: default;
      color: #999; }
  .population-expression .element-operator {
    display: none;
    color: grey; }
  .population-expression .boolean-insert-element {
    display: none;
    color: #307FE2;
    opacity: 0;
    width: 15px;
    cursor: pointer;
    margin: 0 -3px;
    padding-right: 1px; }
    .population-expression .boolean-insert-element.disabled {
      cursor: default; }
  .population-expression .add-boolean-element {
    display: inline-block;
    cursor: pointer;
    box-sizing: content-box;
    opacity: 0; }
    .population-expression .add-boolean-element:hover {
      opacity: 1; }

tr:hover .population-expression .element-operator:not(.disabled), tr.selected .population-expression .element-operator:not(.disabled), tr.editing .population-expression .element-operator:not(.disabled) {
  color: #333; }
tr:hover .population-expression .boolean-insert-element:not(.disabled), tr.selected .population-expression .boolean-insert-element:not(.disabled), tr.editing .population-expression .boolean-insert-element:not(.disabled) {
  opacity: 0.15; }
  tr:hover .population-expression .boolean-insert-element:not(.disabled):hover, tr.selected .population-expression .boolean-insert-element:not(.disabled):hover, tr.editing .population-expression .boolean-insert-element:not(.disabled):hover {
    opacity: 1; }
tr:hover .population-expression .add-boolean-element, tr.selected .population-expression .add-boolean-element, tr.editing .population-expression .add-boolean-element {
  opacity: 0.7; }
  tr:hover .population-expression .add-boolean-element:hover, tr.selected .population-expression .add-boolean-element:hover, tr.editing .population-expression .add-boolean-element:hover {
    opacity: 1; }

tr.selected .element-operator, tr.selected .boolean-insert-element:not(.disabled), tr.editing .element-operator, tr.editing .boolean-insert-element:not(.disabled), .population-expression:hover .element-operator, .population-expression:hover .boolean-insert-element:not(.disabled) {
  display: inline-block; }

tr:not(.selected, .editing, :hover) .population-expression.pure-ands:not(.has-error) .element-operator {
  display: none; }

.expression-builder-popover.popover {
  background-color: #FFF;
  color: #303133;
  padding: 0;
  max-width: 450px;
  min-width: 160px; }
  .expression-builder-popover.popover.bottom {
    margin-top: 4px; }
  .expression-builder-popover.popover .close-button {
    position: absolute;
    display: inline-block;
    top: 12px;
    right: 0;
    padding: 3px 5px;
    border: 1px solid transparent;
    margin-top: -4px;
    margin-right: 0px;
    border-radius: 6px;
    opacity: 0.3;
    cursor: pointer; }
    .expression-builder-popover.popover .close-button:hover {
      opacity: 1; }
  .expression-builder-popover.popover .popover-title {
    font-weight: bold; }
  .expression-builder-popover.popover .popover-content {
    padding: 0;
    font-size: 0.88rem; }
    .expression-builder-popover.popover .popover-content .expression-builder-dropdown .expression-search-box {
      padding: 9px 14px; }
      .expression-builder-popover.popover .popover-content .expression-builder-dropdown .expression-search-box input {
        width: 100%; }
    .expression-builder-popover.popover .popover-content .expression-builder-dropdown .expression-delete-button {
      cursor: pointer;
      line-height: 25px;
      color: #D43;
      padding: 0 14px;
      height: 25px; }
      .expression-builder-popover.popover .popover-content .expression-builder-dropdown .expression-delete-button i {
        position: relative;
        top: 2px;
        left: -4px;
        color: #D43; }
      .expression-builder-popover.popover .popover-content .expression-builder-dropdown .expression-delete-button:hover {
        background-color: #D43;
        color: #FFF; }
        .expression-builder-popover.popover .popover-content .expression-builder-dropdown .expression-delete-button:hover i {
          color: #FFF; }
    .expression-builder-popover.popover .popover-content .expression-builder-dropdown .expression-options {
      user-select: none;
      max-height: 350px;
      overflow-y: auto;
      overflow-x: hidden;
      padding-bottom: 10px; }
      .expression-builder-popover.popover .popover-content .expression-builder-dropdown .expression-options .expression-option-group {
        cursor: default;
        padding: 9px 14px 3px 18px;
        font-weight: 800; }
        .expression-builder-popover.popover .popover-content .expression-builder-dropdown .expression-options .expression-option-group.gate-group {
          cursor: pointer;
          margin-bottom: -20px; }
          .expression-builder-popover.popover .popover-content .expression-builder-dropdown .expression-options .expression-option-group.gate-group .icomoon-icon.collapse-arrow {
            margin-left: -16px;
            margin-right: 0px; }
          .expression-builder-popover.popover .popover-content .expression-builder-dropdown .expression-options .expression-option-group.gate-group:hover {
            color: #2B7DE1; }
            .expression-builder-popover.popover .popover-content .expression-builder-dropdown .expression-options .expression-option-group.gate-group:hover .icomoon-icon {
              color: #2B7DE1; }
      .expression-builder-popover.popover .popover-content .expression-builder-dropdown .expression-options .support-info-link.advance-help-link {
        color: #D4AA0E;
        font-weight: normal;
        float: right;
        display: inline-flex;
        align-items: baseline; }
      .expression-builder-popover.popover .popover-content .expression-builder-dropdown .expression-options .gate-collapsible {
        clear: right; }
      .expression-builder-popover.popover .popover-content .expression-builder-dropdown .expression-options .expression-option {
        cursor: pointer;
        padding: 3px 14px 3px 1.76rem;
        overflow-wrap: anywhere; }
        .expression-builder-popover.popover .popover-content .expression-builder-dropdown .expression-options .expression-option.active {
          background-color: #0081c2;
          color: #FFF; }
          .expression-builder-popover.popover .popover-content .expression-builder-dropdown .expression-options .expression-option.active:hover {
            background-color: #307FE2; }
        .expression-builder-popover.popover .popover-content .expression-builder-dropdown .expression-options .expression-option:hover {
          background-color: #F5F5F5; }

.boolean-element-info-tooltip.tooltip.in .tooltip-inner {
  background-color: #FFF;
  color: #303133; }
  .boolean-element-info-tooltip.tooltip.in .tooltip-inner .population, .boolean-element-info-tooltip.tooltip.in .tooltip-inner .gate {
    color: #2B7DE1; }
.boolean-element-info-tooltip.tooltip.in.error .tooltip-inner {
  color: #bd1a00;
  border-color: #e64500; }
.boolean-element-info-tooltip.tooltip.in.error .tooltip-arrow {
  border-top-color: #e64500; }

#gate-definition-pane {
  width: 346px;
  height: 100%;
  padding-top: 3em;
  background: white;
  margin-right: -2px;
  box-sizing: border-box;
  border-radius: 5px; }
  #gate-definition-pane .compensation-warning {
    font-size: 15px !important; }
  #gate-definition-pane .gates-filtered-info {
    display: none;
    font-size: 16px;
    width: 100%;
    text-align: center;
    padding-top: 1em;
    color: grey;
    font-style: italic; }
  #gate-definition-pane .clear-gates-filtered {
    display: none;
    font-size: 16px;
    width: 100%;
    text-align: center;
    color: #1758AC;
    text-decoration: underline;
    cursor: pointer;
    margin-bottom: 16px; }
  #gate-definition-pane #gate-definitions {
    position: relative; }
    #gate-definition-pane #gate-definitions #sample-tags-manager-holder {
      margin-left: 27px; }
    #gate-definition-pane #gate-definitions #sample-tags-manager-link {
      font-size: 15px;
      display: inline-block;
      padding: 4px 16px 4px 0px;
      margin-top: 16px; }
      #gate-definition-pane #gate-definitions #sample-tags-manager-link .icon-gating-group {
        font-size: 20px; }
      #gate-definition-pane #gate-definitions #sample-tags-manager-link .icon-new-tab {
        opacity: 0;
        font-size: 14px;
        margin-left: 7px;
        vertical-align: 1px; }
      #gate-definition-pane #gate-definitions #sample-tags-manager-link:hover, #gate-definition-pane #gate-definitions #sample-tags-manager-link:active {
        border-bottom: 2px solid #4780c7; }
        #gate-definition-pane #gate-definitions #sample-tags-manager-link:hover .icon-new-tab, #gate-definition-pane #gate-definitions #sample-tags-manager-link:active .icon-new-tab {
          opacity: 1; }
    #gate-definition-pane #gate-definitions .no-gates-placeholder {
      display: none; }
    #gate-definition-pane #gate-definitions .gates-filter-group {
      position: absolute;
      top: -6px;
      right: 126px; }
      #gate-definition-pane #gate-definitions .gates-filter-group .icon-search3 {
        position: absolute;
        top: 8px;
        left: 6px;
        font-size: 14px;
        opacity: 0.85; }
      #gate-definition-pane #gate-definitions .gates-filter-group .nice-input {
        width: 127px;
        padding-right: 0 !important;
        padding-left: 24px; }
        #gate-definition-pane #gate-definitions .gates-filter-group .nice-input::placeholder {
          color: #a8a8a8;
          font-size: 13px; }
    #gate-definition-pane #gate-definitions #gate-sync-header {
      position: absolute;
      top: 0px;
      left: 246px;
      font-size: 14px;
      color: #4e4e4e;
      white-space: nowrap;
      text-align: center; }
      #gate-definition-pane #gate-definitions #gate-sync-header .support-info-link {
        position: absolute;
        top: 6px;
        right: -28px; }
    #gate-definition-pane #gate-definitions select {
      width: 19.25em;
      padding: 3px 0;
      display: block;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      border-radius: 5px; }
      #gate-definition-pane #gate-definitions select option {
        padding: 1px 0 1px 0.9em; }
    #gate-definition-pane #gate-definitions label {
      display: block; }
    #gate-definition-pane #gate-definitions .gate-definition-list {
      max-height: 530px;
      overflow-y: auto;
      padding: 5px 0 5px 1em; }
      #gate-definition-pane #gate-definitions .gate-definition-list > .gate-item > .gate-children {
        border-left: none !important;
        margin-left: 6px !important; }
        #gate-definition-pane #gate-definitions .gate-definition-list > .gate-item > .gate-children:after {
          display: none; }
      #gate-definition-pane #gate-definitions .gate-definition-list .gate-group {
        position: relative; }
        #gate-definition-pane #gate-definitions .gate-definition-list .gate-group:not(:first-child) {
          margin-top: 8px; }
        #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-name {
          color: #758397;
          font-weight: 600;
          font-size: 1rem; }
        #gate-definition-pane #gate-definitions .gate-definition-list .gate-group.selected-gating-group .group-name, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group.selected-gating-group .cluster-gates-group-name {
          color: #1c3d75; }
        #gate-definition-pane #gate-definitions .gate-definition-list .gate-group.unselected-gating-group {
          opacity: 0.8; }
        #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .tree-node-arrow {
          cursor: pointer; }
          #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .tree-node-arrow:hover, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .tree-node-arrow:active {
            background: #e9f4ffb8;
            color: darkblue;
            box-shadow: 0 0 5px 0 #8eaece; }
          #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .tree-node-arrow:active {
            box-shadow: inset 0 1px 2px #D9DADD; }
        #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .collapsible.collapsed {
          display: none; }
        #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-group-text-holder:hover:not(.edit-mode):not(.default-group) .group-operations-holder {
          display: inline-block !important; }
          #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-group-text-holder:hover:not(.edit-mode):not(.default-group) .group-operations-holder .delete-group-button.deleted {
            pointer-events: none; }
            #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-group-text-holder:hover:not(.edit-mode):not(.default-group) .group-operations-holder .delete-group-button.deleted i {
              color: #999; }
      #gate-definition-pane #gate-definitions .gate-definition-list .auto-cluster-gates-group {
        padding-left: 13px; }
        #gate-definition-pane #gate-definitions .gate-definition-list .auto-cluster-gates-group .collapsible.collapsed {
          display: none; }
        #gate-definition-pane #gate-definitions .gate-definition-list .auto-cluster-gates-group .cluster-gates-group-name {
          color: #758397;
          font-size: 18px;
          font-weight: bold;
          max-width: 210px;
          margin-right: 5px;
          overflow-wrap: break-word;
          word-break: break-all;
          vertical-align: bottom;
          display: inline-block; }
      #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item {
        position: relative;
        cursor: pointer;
        font-size: 16px;
        display: flex;
        align-items: center;
        border: 1px solid transparent;
        border-right: none;
        border-left: none;
        margin: 0 0 0 -11px;
        padding: 0px 8px 2px 28px;
        white-space: nowrap; }
        #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item.hover:not(.selected) {
          background: #e9f4ff; }
          #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item.hover:not(.selected) .viewing-gate-indicator {
            opacity: 0.5; }
        #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item.selected {
          background-color: #e3effc;
          border-color: #0461be54; }
          #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item.selected .viewing-gate-indicator {
            opacity: 1; }
        #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .gate-name-holder {
          white-space: normal; }
        #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .viewing-gate-indicator {
          position: absolute;
          top: 0px;
          left: -26px;
          padding: 2px 5px;
          color: #0e6cca;
          opacity: 0; }
        #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item.cluster-gate .viewing-gate-indicator {
          left: -35px; }
        #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item.cluster-gate .gate-name {
          max-width: 200px !important; }
        #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item:hover:not(.edit-mode) .gate-sync-icons-holder {
          display: none; }
        #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item:hover:not(.edit-mode) .operations-holder {
          display: inline-block !important; }
      #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group {
        font-size: 16px; }
        #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .gate-name-input, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-name-input, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-name-input, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-name-input {
          display: none; }
        #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .gate-list-item-text-holder, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .gate-group-text-holder, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-list-item-text-holder, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-group-text-holder {
          display: flex;
          align-items: center;
          min-width: 130px; }
          #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .gate-list-item-text-holder .gate-item-icons, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .gate-list-item-text-holder .gate-group-icons, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .gate-group-text-holder .gate-item-icons, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .gate-group-text-holder .gate-group-icons, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-list-item-text-holder .gate-item-icons, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-list-item-text-holder .gate-group-icons, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-group-text-holder .gate-item-icons, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-group-text-holder .gate-group-icons {
            display: inline-block;
            color: #5a5a5a; }
          #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .gate-list-item-text-holder .gate-name, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .gate-list-item-text-holder .gate-group-name, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .gate-group-text-holder .gate-name, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .gate-group-text-holder .gate-group-name, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-list-item-text-holder .gate-name, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-list-item-text-holder .gate-group-name, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-group-text-holder .gate-name, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-group-text-holder .gate-group-name {
            max-width: 200px;
            overflow-wrap: break-word;
            word-break: break-all;
            vertical-align: bottom;
            display: inline-block; }
          #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .gate-list-item-text-holder .gate-item-event-count, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .gate-group-text-holder .gate-item-event-count, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-list-item-text-holder .gate-item-event-count, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-group-text-holder .gate-item-event-count {
            max-width: 100px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            vertical-align: bottom;
            display: inline-block; }
        #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item.edit-mode .gate-list-item-text-holder .gate-name, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item.edit-mode .gate-list-item-text-holder .group-name, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .gate-group-text-holder.edit-mode .gate-name, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .gate-group-text-holder.edit-mode .group-name, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group.edit-mode .gate-list-item-text-holder .gate-name, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group.edit-mode .gate-list-item-text-holder .group-name, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-group-text-holder.edit-mode .gate-name, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-group-text-holder.edit-mode .group-name {
          display: none; }
        #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item.edit-mode .gate-list-item-text-holder .gate-name-input, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item.edit-mode .gate-list-item-text-holder .group-name-input, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .gate-group-text-holder.edit-mode .gate-name-input, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .gate-group-text-holder.edit-mode .group-name-input, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group.edit-mode .gate-list-item-text-holder .gate-name-input, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group.edit-mode .gate-list-item-text-holder .group-name-input, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-group-text-holder.edit-mode .gate-name-input, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-group-text-holder.edit-mode .group-name-input {
          display: inline-block;
          max-width: 230px; }
        #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .gate-sync-icons-holder, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-sync-icons-holder {
          position: absolute;
          top: -2px;
          right: 41px; }
          #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .gate-sync-icons-holder .icomoon-icon, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-sync-icons-holder .icomoon-icon {
            font-size: 22px;
            opacity: 0.9; }
            #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .gate-sync-icons-holder .icomoon-icon.icon-sync, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-sync-icons-holder .icomoon-icon.icon-sync {
              opacity: 0.3; }
            #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .gate-sync-icons-holder .icomoon-icon.icon-sync-group::before, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .gate-sync-icons-holder .icomoon-icon.icon-sync-group::before {
              vertical-align: middle; }
        #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder .nice-subtle-button:not([disabled]):hover, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder .nice-subtle-button:not([disabled]):hover, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder .nice-subtle-button:not([disabled]):hover, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder .nice-subtle-button:not([disabled]):hover {
          background: white !important; }
        #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder {
          display: none;
          position: absolute;
          right: 0px;
          top: -2px;
          opacity: 0.96;
          z-index: 1; }
          #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder:hover, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder:hover, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder:hover, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder:hover {
            opacity: 1; }
            #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder:hover > .nice-subtle-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder:hover .tailor-gate-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder:hover > .nice-subtle-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder:hover .tailor-gate-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder:hover > .nice-subtle-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder:hover .tailor-gate-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder:hover > .nice-subtle-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder:hover .tailor-gate-button {
              background: linear-gradient(white 0%, #ebebeb 100%); }
          #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder > .nice-subtle-button.disabled-nice-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder > .nice-subtle-button.disabled-nice-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder > .nice-subtle-button.disabled-nice-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder > .nice-subtle-button.disabled-nice-button {
            background-color: #f3f3f3; }
            #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder > .nice-subtle-button.disabled-nice-button .icomoon-icon, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder > .nice-subtle-button.disabled-nice-button .icomoon-icon, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder > .nice-subtle-button.disabled-nice-button .icomoon-icon, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder > .nice-subtle-button.disabled-nice-button .icomoon-icon {
              color: #bbbbbb !important; }
            #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder > .nice-subtle-button.disabled-nice-button.copy-gate-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder > .nice-subtle-button.disabled-nice-button.copy-gate-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder > .nice-subtle-button.disabled-nice-button.copy-gate-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder > .nice-subtle-button.disabled-nice-button.copy-gate-button {
              color: #747579 !important;
              cursor: not-allowed !important; }
          #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder > .nice-subtle-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder .tailor-gate-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder > .nice-subtle-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder .tailor-gate-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder > .nice-subtle-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder .tailor-gate-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder > .nice-subtle-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder .tailor-gate-button {
            padding: 5px 4px 3px;
            width: 2.1em;
            height: 30px;
            margin-top: -2px;
            margin-bottom: -1px;
            vertical-align: top;
            background: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(235, 235, 235, 0.7) 100%); }
            #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder > .nice-subtle-button.tailor-gate-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder .tailor-gate-button.tailor-gate-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder > .nice-subtle-button.tailor-gate-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder .tailor-gate-button.tailor-gate-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder > .nice-subtle-button.tailor-gate-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder .tailor-gate-button.tailor-gate-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder > .nice-subtle-button.tailor-gate-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder .tailor-gate-button.tailor-gate-button {
              vertical-align: -0.5px;
              padding-top: 0px;
              width: 4.2em;
              margin-left: -2px !important; }
              #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder > .nice-subtle-button.tailor-gate-button > .icomoon-icon, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder .tailor-gate-button.tailor-gate-button > .icomoon-icon, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder > .nice-subtle-button.tailor-gate-button > .icomoon-icon, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder .tailor-gate-button.tailor-gate-button > .icomoon-icon, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder > .nice-subtle-button.tailor-gate-button > .icomoon-icon, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder .tailor-gate-button.tailor-gate-button > .icomoon-icon, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder > .nice-subtle-button.tailor-gate-button > .icomoon-icon, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder .tailor-gate-button.tailor-gate-button > .icomoon-icon {
                font-size: 22px; }
            #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder > .nice-subtle-button .icon-new-tab, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder .tailor-gate-button .icon-new-tab, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder > .nice-subtle-button .icon-new-tab, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder .tailor-gate-button .icon-new-tab, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder > .nice-subtle-button .icon-new-tab, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder .tailor-gate-button .icon-new-tab, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder > .nice-subtle-button .icon-new-tab, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder .tailor-gate-button .icon-new-tab {
              font-size: 12px !important;
              vertical-align: -2px;
              margin-left: -5px; }
          #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder .group-button-middle, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder .group-button-middle, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder .group-button-middle, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder .group-button-middle {
            margin-left: -1px !important; }
            #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder .group-button-middle .icon-lock, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder .group-button-middle .icon-lock, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder .group-button-middle .icon-lock, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder .group-button-middle .icon-lock {
              font-size: 14px !important; }
            #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder .group-button-middle .icon-sync-group::before, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder .group-button-middle .icon-sync-group::before, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder .group-button-middle .icon-sync-group::before, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder .group-button-middle .icon-sync-group::before {
              vertical-align: middle; }
          #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder .group-button-right, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder .group-button-right, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder .group-button-right, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder .group-button-right {
            margin-left: -2px !important;
            width: 2.2em; }
          #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder .edit-gate-name-button.disabled-nice-button i, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder .edit-gate-name-button.disabled-nice-button i, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder .edit-gate-name-button.disabled-nice-button i, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder .edit-gate-name-button.disabled-nice-button i {
            color: inherit; }
          #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder .check-gates-button:disabled .icomoon-icon, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder .toggle-lock-gate-button:disabled .icomoon-icon, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder .check-gates-button:disabled .icomoon-icon, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder .toggle-lock-gate-button:disabled .icomoon-icon, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder .check-gates-button:disabled .icomoon-icon, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder .toggle-lock-gate-button:disabled .icomoon-icon, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder .check-gates-button:disabled .icomoon-icon, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder .toggle-lock-gate-button:disabled .icomoon-icon {
            opacity: 0.5; }
          #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder .copy-gate-to-population, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder .copy-gate-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder .copy-gate-to-population, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder .copy-gate-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder .copy-gate-to-population, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder .copy-gate-button, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder .copy-gate-to-population, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder .copy-gate-button {
            margin-left: -2px !important; }
            #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder .copy-gate-to-population .icon-copy-to, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .operations-holder .copy-gate-button .icon-copy-to, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder .copy-gate-to-population .icon-copy-to, #gate-definition-pane #gate-definitions .gate-definition-list .gate-list-item .group-operations-holder .copy-gate-button .icon-copy-to, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder .copy-gate-to-population .icon-copy-to, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .operations-holder .copy-gate-button .icon-copy-to, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder .copy-gate-to-population .icon-copy-to, #gate-definition-pane #gate-definitions .gate-definition-list .gate-group .group-operations-holder .copy-gate-button .icon-copy-to {
              font-size: 20px; }
  #gate-definition-pane #gate-definitions.no-gates-shown .compensation-warning, #gate-definition-pane #gate-definitions .gate-group .compensation-warning {
    display: none; }
  #gate-definition-pane #gate-definitions.no-gates-shown .gates-filter-group, #gate-definition-pane #gate-definitions .gate-group .gates-filter-group {
    display: none; }
  #gate-definition-pane #gate-definitions.no-gates-shown .no-gates-placeholder, #gate-definition-pane #gate-definitions .gate-group .no-gates-placeholder {
    display: block;
    font-size: 16px;
    padding: 4em 0em 5em 6em;
    margin-bottom: -5px;
    border-radius: 0 0 0 6px;
    color: grey;
    font-style: italic; }
  #gate-definition-pane #gate-definitions .gate-group .no-gates-placeholder {
    padding: 5px 0 5px 17px; }

#page-specific-header #gating-compensation-indicator.header-link-holder {
  display: flex;
  margin-left: auto; }
  #page-specific-header #gating-compensation-indicator.header-link-holder span {
    max-width: 285px;
    text-overflow: ellipsis;
    overflow: hidden; }
  #page-specific-header #gating-compensation-indicator.header-link-holder .standalone-link {
    display: flex !important;
    margin: 9px 0 0 4px; }
  #page-specific-header #gating-compensation-indicator.header-link-holder.warning-box {
    line-height: 34px !important;
    height: 35px;
    padding: 0px 15px 0px 14px !important; }
    #page-specific-header #gating-compensation-indicator.header-link-holder.warning-box .standalone-link {
      margin-top: 4px; }

.gate-sync-help-modal h2.with-icon span {
  margin-left: 60px; }
.gate-sync-help-modal h2.with-icon > .icon-sync {
  font-size: 32px;
  line-height: 17px;
  padding-right: 22px; }
.gate-sync-help-modal #gate-sync-mode-explanation {
  font-style: italic;
  font-size: 14px;
  margin-bottom: 11px; }
.gate-sync-help-modal .selector-holder {
  font-size: 15px;
  margin-bottom: 2px;
  padding-right: 33px; }
  .gate-sync-help-modal .selector-holder .dropdown-menu {
    overflow: hidden; }
  .gate-sync-help-modal .selector-holder label {
    width: 200px;
    text-align: right;
    display: inline-block;
    padding-right: 10px; }
.gate-sync-help-modal .sync-example {
  position: relative;
  margin-left: -3px;
  margin-top: 51px; }
  .gate-sync-help-modal .sync-example div {
    background: white;
    font-size: 15px;
    position: absolute;
    padding: 5px 11px;
    font-style: italic;
    color: #5f5f5f;
    top: -28px;
    left: 0px;
    border: 3px solid #e7e0c5;
    border-bottom: none;
    border-radius: 6px 6px 0 0; }
.gate-sync-help-modal #sync-example-pic {
  width: 100%;
  border: 3px solid #e7e0c5;
  padding: 7px 11px 4px 11px;
  background: white;
  border-radius: 6px; }

#selected-gate-tailoring {
  position: absolute;
  display: none;
  left: 238px;
  height: 218px;
  padding: 1em 1em 0.75em 1em;
  border-radius: 0px 0px 0 6px;
  margin-left: 5px;
  min-height: 100px;
  background: white;
  font-size: 14px;
  z-index: 1;
  border: 1px solid #bbbbbb;
  border-top: 2px solid #2B7DE1; }
  #selected-gate-tailoring li {
    display: flex; }
  #selected-gate-tailoring button {
    margin: 5px;
    font-size: 15px; }
  #selected-gate-tailoring .tailor-dropdown-menu {
    padding: 10px; }
  #selected-gate-tailoring.disabled {
    opacity: 0.5; }
    #selected-gate-tailoring.disabled .nice-subtle-button {
      opacity: 0.5; }
  #selected-gate-tailoring .gate-name-input {
    width: 13em; }
  #selected-gate-tailoring p, #selected-gate-tailoring label {
    clear: both; }
  #selected-gate-tailoring .radio-wrapper {
    height: 2em;
    margin: 0 0 0 1.4em; }
    #selected-gate-tailoring .radio-wrapper label {
      clear: none;
      float: left;
      margin-left: 0.5em; }
  #selected-gate-tailoring label.checkbox-label {
    clear: none;
    float: left;
    margin-bottom: 0.5em; }
  #selected-gate-tailoring .tailored-to-header {
    margin: 0.5em 0 0.25em 0.5em;
    font-size: 0.9em;
    font-weight: bold;
    color: #333; }
  #selected-gate-tailoring .tailored-to-subheader {
    margin: 0 0 0 1.5em;
    font-size: 0.9em;
    font-weight: 575;
    color: #333; }
  #selected-gate-tailoring .disabled {
    color: #999; }
    #selected-gate-tailoring .disabled .icon-info:not(:hover) {
      opacity: 0.6; }
  #selected-gate-tailoring .gate-tailoring-region {
    text-align: left; }
    #selected-gate-tailoring .gate-tailoring-region .sync-selection {
      display: inline-block;
      width: 240px; }
    #selected-gate-tailoring .gate-tailoring-region #view-sync-modes-help {
      position: absolute;
      top: 8px;
      right: 8px;
      color: #7f7000; }
      #selected-gate-tailoring .gate-tailoring-region #view-sync-modes-help:hover {
        border-bottom: 2px solid #a49741; }
      #selected-gate-tailoring .gate-tailoring-region #view-sync-modes-help .info-icon-link {
        position: absolute;
        top: 2px; }
      #selected-gate-tailoring .gate-tailoring-region #view-sync-modes-help span {
        padding-left: 17px; }
    #selected-gate-tailoring .gate-tailoring-region .sync-mode-selector.dropdown {
      width: 100% !important; }
      #selected-gate-tailoring .gate-tailoring-region .sync-mode-selector.dropdown > button {
        margin: 5px 5px 0 0; }
    #selected-gate-tailoring .gate-tailoring-region .sync-mode-selector .dropdown-menu.open {
      overflow: visible !important; }
    #selected-gate-tailoring .gate-tailoring-region .sync-mode-selector .inner.dropdown-menu {
      overflow: hidden; }
    #selected-gate-tailoring .gate-tailoring-region .sync-mode-selector li {
      display: list-item; }
    #selected-gate-tailoring .gate-tailoring-region #tailored-type-file-region, #selected-gate-tailoring .gate-tailoring-region #tailored-type-population-region {
      margin: 0.75em 0 1.5em; }
    #selected-gate-tailoring .gate-tailoring-region #apply-tailored-gate-button {
      padding: 8px;
      margin: 0.5em 0 0.6em 1.5em;
      width: 11.8em;
      position: absolute;
      bottom: 10px; }

.ui-draggable-dragging .gate-sync-icons-holder, .ui-draggable-dragging .gate-item-icons {
  display: none; }

#gating-content-box {
  display: block;
  min-width: 1200px !important;
  margin-left: auto;
  margin-right: auto;
  margin-top: -0.5em;
  -webkit-border-radius: 0px 0px 5px 5px;
  -moz-border-radius: 0px 0px 5px 5px;
  -o-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px; }
  #gating-content-box h3 {
    margin-left: -1px; }
  #gating-content-box .body {
    min-height: 55em;
    background: none; }
  #gating-content-box button:not(.nice-button):not(.dropdown-toggle) {
    padding: 3px 6px;
    margin-right: 2px; }
  #gating-content-box input[type="button"] {
    font-size: 12px; }
  #gating-content-box ul li {
    font-size: 13px !important;
    margin: 0; }

#bd.gating-bd {
  background: #f2f4f8; }

#gating-content-holder {
  min-height: 675px;
  display: flex;
  flex-flow: row nowrap;
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 0 0 5px 5px;
  margin-top: 1px;
  width: max-content; }
  #gating-content-holder .content-box {
    background: inherit; }
  #gating-content-holder #gating-control-panel {
    flex-grow: 1;
    background: white;
    border-radius: 0 0 5px 0; }
  #gating-content-holder #gate-plot-controls-pane {
    position: relative;
    height: 580px;
    background: white;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px; }
  #gating-content-holder .body.fade-in-after-load {
    border: none;
    padding: 0;
    margin-left: 6px; }
  #gating-content-holder .gate-list-item.ui-draggable-dragging {
    border: 1px solid #0461be54;
    border-right: none;
    border-left: none;
    background-color: #e3effc; }
    #gating-content-holder .gate-list-item.ui-draggable-dragging .operations-holder {
      display: none !important; }
    #gating-content-holder .gate-list-item.ui-draggable-dragging .gate-list-item-text-holder {
      padding-left: 10px;
      min-width: 130px;
      border-color: #0461be54; }
      #gating-content-holder .gate-list-item.ui-draggable-dragging .gate-list-item-text-holder .gate-name-holder {
        font-size: 16px; }
        #gating-content-holder .gate-list-item.ui-draggable-dragging .gate-list-item-text-holder .gate-name-holder .gate-name {
          display: block;
          max-width: 250px;
          margin-right: 5px;
          overflow-wrap: break-word;
          word-break: break-all;
          display: inline-block; }
      #gating-content-holder .gate-list-item.ui-draggable-dragging .gate-list-item-text-holder .gate-name-input {
        display: none; }
    #gating-content-holder .gate-list-item.ui-draggable-dragging .viewing-gate-indicator {
      display: none; }
  #gating-content-holder .dragging-container {
    background-color: #e8f3ff;
    width: 400px; }
    #gating-content-holder .dragging-container .pop-manager-tr {
      border-width: 1px 0 1px 0;
      border-color: #0461be54;
      border-style: solid;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.231; }
      #gating-content-holder .dragging-container .pop-manager-tr td {
        padding: 0; }
    #gating-content-holder .dragging-container .icomoon-icon,
    #gating-content-holder .dragging-container .tree-level-line,
    #gating-content-holder .dragging-container .update-population-button-group,
    #gating-content-holder .dragging-container .edit-population-name {
      display: none; }

#panes-holder {
  white-space: nowrap;
  display: inline-block;
  min-width: 600px; }

#old-population-manager-pane .population-buttons-group {
  float: left;
  margin-bottom: 9px; }
  #old-population-manager-pane .population-buttons-group button {
    padding: 4px 6px;
    margin-right: 2px; }
#old-population-manager-pane .population-manager-table-wrapper {
  clear: both;
  overflow-x: auto; }
  #old-population-manager-pane .population-manager-table-wrapper table.population-manager th {
    text-align: left; }
  #old-population-manager-pane .population-manager-table-wrapper table.population-manager .population-manager-icon {
    visibility: hidden;
    opacity: 0;
    display: inline-block;
    height: 14px;
    width: 14px; }
  #old-population-manager-pane .population-manager-table-wrapper table.population-manager tr:hover .population-manager-icon {
    visibility: visible;
    opacity: 1;
    cursor: pointer; }
#old-population-manager-pane td {
  padding: 0;
  text-align: center; }
#old-population-manager-pane .tpp-tooltip {
  padding: 0.25em 0.5em; }

#save-button-pane {
  clear: none;
  margin-left: 2em; }

#redo-button, #undo-button {
  height: 19px;
  line-height: 19px;
  padding: 4px 7px 4px 10px; }
  #redo-button.disabled-nice-button, #undo-button.disabled-nice-button {
    opacity: 0.5; }

#undo-button {
  border-right: 0px; }

#undo-redo-buttons {
  display: inline-block;
  text-align: center;
  font-size: 15px;
  height: 45px;
  vertical-align: top; }

#new-gate-buttons {
  padding-top: 4px; }
  #new-gate-buttons .support-info-link {
    display: inline-flex;
    vertical-align: super; }
  #new-gate-buttons .group-buttons {
    display: inline-block; }
  #new-gate-buttons .nice-button {
    background: none;
    border-color: transparent;
    box-shadow: none; }
    #new-gate-buttons .nice-button:hover:not(.disabled-nice-button) {
      background: rgba(189, 216, 241, 0.32);
      border-color: #e6e6e6; }
  #new-gate-buttons #cancel-gate-drawing-button {
    width: 265.75px;
    height: 36px;
    font-size: 14px;
    display: none;
    background: linear-gradient(to bottom, white 0%, #f4f2f2 100%);
    border-color: rgba(198, 197, 197, 0.65); }
    #new-gate-buttons #cancel-gate-drawing-button:hover {
      background: rgba(189, 216, 241, 0.32);
      border-color: #bdd8f1; }
  #new-gate-buttons .group-button-left {
    margin-right: 0px !important; }
  #new-gate-buttons .group-button-middle, #new-gate-buttons .group-button-right {
    margin-left: -4px !important;
    margin-right: 0px !important; }

#population-sunburst-pane {
  width: 709px;
  margin: 0 -2px -2px 0;
  margin-right: -2px;
  border-radius: 3px 0 3px 0; }
  #population-sunburst-pane .fcs-file-selector-holder {
    width: 31em;
    margin-bottom: 4px; }
    #population-sunburst-pane .fcs-file-selector-holder .bootstrap-select {
      font-size: 13px;
      width: 331px; }
    #population-sunburst-pane .fcs-file-selector-holder input {
      padding-top: 4px;
      padding-bottom: 4px; }
    #population-sunburst-pane .fcs-file-selector-holder .sample-tag-type-header {
      width: auto; }
    #population-sunburst-pane .fcs-file-selector-holder .fcs-file-selector-label {
      font-size: 14px; }
  #population-sunburst-pane .fcs-file-buttons-holder {
    padding-left: 24%; }
    #population-sunburst-pane .fcs-file-buttons-holder button {
      width: 4em;
      padding: 2px 6px !important; }
      #population-sunburst-pane .fcs-file-buttons-holder button.group-button-middle {
        padding-top: 4px !important;
        padding-bottom: 2px !important; }

#plot-settings-pane {
  border: solid gray 1px;
  padding: 1em;
  border-radius: 5px; }
  #plot-settings-pane label, #plot-settings-pane p {
    font-size: 1em; }
  #plot-settings-pane button {
    margin: 0.75em 0em 0.25em; }
  #plot-settings-pane input[type='checkbox'] {
    margin: 0.25em; }
  #plot-settings-pane #gating-advanced-plot-settings {
    min-height: 11.6em; }
    #plot-settings-pane #gating-advanced-plot-settings input {
      float: right;
      text-align: right; }

html.firefox-html #import-gates-menu {
  top: 11px; }
html.firefox-html .gate-set-selector-holder .active-gate-set-down-button, html.safari-html .gate-set-selector-holder .active-gate-set-down-button {
  margin-left: -5px !important; }
html.firefox-html .fcs-file-buttons-holder button, html.safari-html .fcs-file-buttons-holder button {
  height: 23px; }
html.firefox-html .fcs-file-buttons-holder .fcs-file-previous-button, html.safari-html .fcs-file-buttons-holder .fcs-file-previous-button {
  left: -1px; }
html.firefox-html .fcs-file-buttons-holder .fcs-file-next-button, html.safari-html .fcs-file-buttons-holder .fcs-file-next-button {
  left: -2px; }

#apply-tailored-gate-dialog {
  margin: 0;
  padding: 0; }
  #apply-tailored-gate-dialog #tailored-per-population-region {
    margin-top: 1.5em; }
  #apply-tailored-gate-dialog .tailored-to-header {
    margin-top: 2.5em; }
    #apply-tailored-gate-dialog .tailored-to-header h4 {
      font-size: 1.175em; }
  #apply-tailored-gate-dialog .apply-submit {
    text-align: center; }
    #apply-tailored-gate-dialog .apply-submit button {
      padding: 0.5em 1em;
      font-size: 1.3em; }
  #apply-tailored-gate-dialog .spinner-group {
    position: relative;
    margin: 0.5em auto 0;
    width: 7em; }
  #apply-tailored-gate-dialog .spinner-text {
    font-style: italic;
    color: #999;
    opacity: 0; }
  #apply-tailored-gate-dialog .dialog {
    margin: 0;
    padding: 1.5em;
    text-align: left; }
    #apply-tailored-gate-dialog .dialog div {
      margin: 0;
      padding: 0; }
    #apply-tailored-gate-dialog .dialog .dialog-content-pane {
      font-size: 0.9em; }
  #apply-tailored-gate-dialog .no-close, #apply-tailored-gate-dialog .ui-dialog-titlebar-close {
    display: none; }
  #apply-tailored-gate-dialog .instruction {
    font-style: italic; }
  #apply-tailored-gate-dialog .message-error {
    margin: 0 auto 0.5em !important;
    padding: 0;
    color: #D43;
    visibility: hidden; }
  #apply-tailored-gate-dialog .dialog-error-icon {
    font-size: 1.5em; }
  #apply-tailored-gate-dialog .submit {
    margin: 1em 0 1em;
    display: inline;
    float: right;
    font-size: 1.15em;
    text-align: center; }
    #apply-tailored-gate-dialog .submit button {
      margin-left: 0.5em; }
    #apply-tailored-gate-dialog .submit .spinner-text {
      margin: 2em 0 0 2em;
      text-align: right;
      font-style: italic;
      color: #999;
      visibility: hidden; }

#gating-scales .edit_experiment input {
  display: none; }

.gate {
  fill: #fff;
  fill-opacity: 0.1;
  stroke: steelblue;
  stroke-width: 1.5px; }

.gate.nice-button {
  padding: 3px 9px !important; }
  .gate.nice-button i {
    color: #0e3e6d;
    fill-opacity: 1; }

.handle {
  fill-opacity: 0.3;
  cursor: pointer; }

.handle.selected {
  fill: #ff7f0e;
  stroke: #ff7f0e; }

.handle.drawing {
  cursor: crosshair; }

.handle:hover {
  fill: steelblue; }

.handle:active {
  stroke: steelblue;
  fill-opacity: 0.8; }

svg.drawing {
  cursor: crosshair; }
  svg.drawing .move {
    cursor: crosshair; }
  svg.drawing .handle:not(.drawing):not(.selected) {
    opacity: 0; }

svg .move {
  cursor: move; }

text.gate-label {
  font-size: 16px;
  font-family: "Arial", sans-serif;
  cursor: move;
  font-weight: bold; }
  text.gate-label:hover {
    fill: #2626ca; }

rect.gate-label {
  fill-opacity: 0.65;
  fill: white; }

.population-tree-node:hover {
  outline: 1px solid #ACE; }

.population-tree-node rect {
  fill: #fff;
  fill-opacity: 0.5;
  stroke: #3182bd;
  stroke-width: 1.5px; }

.population-tree-node text {
  font: 10px sans-serif;
  pointer-events: none; }

path.population-tree-link {
  fill: none;
  stroke: #9ecae1;
  stroke-width: 1.5px; }

.treemap-node {
  border: solid 1px white;
  font: 10px sans-serif;
  line-height: 12px;
  overflow: hidden;
  position: absolute;
  text-indent: 2px; }

#populationTree svg {
  width: 100%;
  min-width: 300px; }
#populationTree .node-text {
  font-size: 1.2em; }

.print-view-button {
  padding: 2.5px 12px;
  margin-top: 0.3em; }

#populationTree-controls {
  position: absolute;
  top: 4.5em;
  right: 0em;
  font-weight: bold;
  font-size: 13px;
  width: 20em; }

.loading-blocker .blocker-loading-text {
  position: absolute;
  left: 160px;
  top: 170px;
  padding: 0.5em 0 0.5em 4em;
  width: 16em;
  font-size: 14px;
  font-style: italic;
  color: #1d5987;
  background-color: #dfeffc;
  border: 1px solid #c5dbec;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

#population-sunburst-container path {
  stroke: #fff;
  fill-rule: evenodd; }
#population-sunburst-container g g > path {
  cursor: pointer;
  opacity: 0.9;
  stroke-width: 1px; }
#population-sunburst-container g g > path:not(.overlapping-population):hover, #population-sunburst-container g g > path.hover:not(.overlapping-population) {
  opacity: 1;
  stroke-width: 2px; }
#population-sunburst-container g g > text {
  stroke: #5F5F5F;
  stroke-width: 0.5px; }
#population-sunburst-container .breadcrumb text {
  font-size: 14px;
  stroke: #5F5F5F;
  stroke-width: 0.5px; }
#population-sunburst-container .breadcrumb:not(.disabled) {
  cursor: pointer; }
#population-sunburst-container .breadcrumb:not(.disabled):hover {
  opacity: 0.8; }
#population-sunburst-container .breadcrumb.disabled {
  font-weight: bold; }
#population-sunburst-container path.empty-population {
  cursor: default; }
#population-sunburst-container text {
  font-family: Arial, sans-serif;
  font-size: 12px;
  pointer-events: none; }
#population-sunburst-container #sunburst-config-holder {
  position: absolute;
  top: 44px;
  right: -1px;
  font-weight: bold;
  font-size: 13px;
  width: 195px;
  padding: 7px 0 10px 6px;
  border: 1px solid #cccccc9e;
  border-radius: 4px 0 0 4px;
  background: #f7f7f78f; }
  #population-sunburst-container #sunburst-config-holder li:first-child {
    margin-bottom: 5px; }
  #population-sunburst-container #sunburst-config-holder #sunburst-to-pdf-button {
    padding: 2.5px 12px;
    margin-top: 0.3em; }
  #population-sunburst-container #sunburst-config-holder #highlight-overlapping-populations {
    display: none; }
#population-sunburst-container #sunburst-info-pane {
  display: none;
  position: absolute;
  width: 240px;
  word-wrap: break-word;
  word-break: break-word;
  background: #ECF5FF;
  border: 1px solid;
  border-color: #ACE;
  opacity: 0.95;
  padding: 6px;
  padding-left: 9px;
  font-size: 15px;
  pointer-events: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }
  #population-sunburst-container #sunburst-info-pane li {
    margin-bottom: 1px; }
  #population-sunburst-container #sunburst-info-pane #sunburst-population-name {
    font-weight: bold;
    font-size: 105%; }
  #population-sunburst-container #sunburst-info-pane #sunburst-extra-event-count, #population-sunburst-container #sunburst-info-pane #sunburst-extra-parent-warning {
    color: #a0897a;
    font-size: 80%;
    margin-top: 3px; }

#gating-hierarchy-app .link-icon:hover {
  opacity: 1; }
#gating-hierarchy-app li.gating-hierarchy-pane {
  position: relative; }
  #gating-hierarchy-app li.gating-hierarchy-pane .ui-tabs-anchor {
    padding-left: 21px;
    padding-right: 21px; }
  #gating-hierarchy-app li.gating-hierarchy-pane .support-info-link {
    position: absolute;
    left: 6px;
    top: 12px;
    display: none; }
  #gating-hierarchy-app li.gating-hierarchy-pane.ui-tabs-active .support-info-link {
    display: block; }
  #gating-hierarchy-app li.gating-hierarchy-pane:hover .icon-info {
    opacity: 1; }
#gating-hierarchy-app .plot-message {
  padding-top: 3em;
  padding-left: 4em;
  font-size: 13px;
  font-style: italic; }
#gating-hierarchy-app #gating-hierarchy-plots-table {
  margin: 1em;
  padding: 0;
  border-collapse: collapse;
  border: 0px; }
  #gating-hierarchy-app #gating-hierarchy-plots-table h2.population-header {
    font-size: 21px;
    text-align: left;
    border-bottom: 2px solid #b0b5c0;
    padding: 5px 60px 5px 0;
    white-space: nowrap; }
  #gating-hierarchy-app #gating-hierarchy-plots-table tr td:first-child {
    padding-left: 36px; }
  #gating-hierarchy-app #gating-hierarchy-plots-table .header-row td:first-child {
    padding-left: 0; }
  #gating-hierarchy-app #gating-hierarchy-plots-table .header-row h4 {
    margin: 0 1.2em 0.25em 18px;
    padding: 0;
    font-size: 1.2em;
    text-align: left;
    color: #666; }
  #gating-hierarchy-app #gating-hierarchy-plots-table .header-row p.no-fcs-files-matched {
    margin: 0 1.2em 0.25em 18px;
    text-align: left;
    color: #666;
    font-style: italic;
    font-size: 1.2em; }
  #gating-hierarchy-app #gating-hierarchy-plots-table td {
    margin: 0;
    border: 0px;
    font-size: 0.9em;
    text-align: center;
    float: left;
    padding-right: 26px; }
  #gating-hierarchy-app #gating-hierarchy-plots-table .missing-channel-warning {
    border: 1px solid black;
    margin-top: 5px;
    height: 81px;
    width: 131px;
    padding-top: 50px; }
  #gating-hierarchy-app #gating-hierarchy-plots-table li.top-gate-name, #gating-hierarchy-app #gating-hierarchy-plots-table li.gate-name {
    max-width: 150px;
    word-break: break-word; }
  #gating-hierarchy-app #gating-hierarchy-plots-table li.gate-name {
    padding: 0 0 2em; }
#gating-hierarchy-app ul.ui-tabs-nav {
  background: none;
  white-space: nowrap; }
  #gating-hierarchy-app ul.ui-tabs-nav li.ui-tabs-tab.ui-tab {
    height: 2.5rem;
    color: #999 !important;
    background: none;
    padding: 5px;
    border: none;
    border-bottom: 2px solid #999 !important;
    box-sizing: border-box;
    transition: border 0s; }
    #gating-hierarchy-app ul.ui-tabs-nav li.ui-tabs-tab.ui-tab a.ui-tabs-anchor {
      padding-top: 9px;
      padding-bottom: 7px;
      color: #999 !important;
      -webkit-border-radius: 5px 5px 0px 0px;
      -moz-border-radius: 5px 5px 0px 0px;
      -o-border-radius: 5px 5px 0px 0px;
      border-radius: 5px 5px 0px 0px; }
    #gating-hierarchy-app ul.ui-tabs-nav li.ui-tabs-tab.ui-tab.ui-tabs-active {
      font-weight: 900;
      border-bottom: 3px solid #0051a3 !important;
      cursor: default !important; }
      #gating-hierarchy-app ul.ui-tabs-nav li.ui-tabs-tab.ui-tab.ui-tabs-active a.ui-tabs-anchor {
        color: #0051a3 !important;
        cursor: default !important; }
    #gating-hierarchy-app ul.ui-tabs-nav li.ui-tabs-tab.ui-tab:not(.ui-tabs-active) a:hover {
      background: #e6f1fc;
      color: #0051a3 !important; }
#gating-hierarchy-app .ui-tabs-panel.ui-widget-content {
  border: none; }

.information-table.population-manager .population-expression input {
  width: 100%;
  border: none; }

#gate-drawing-overlay, #copy-gating-strategies-overlay, #undo-redo-in-process-overlay {
  display: none;
  position: fixed;
  z-index: 10;
  width: 100%;
  height: calc(100vh + 73px);
  background: #c2c4ca78;
  top: 73px;
  left: 0;
  cursor: not-allowed; }

#undo-redo-in-process-overlay {
  top: 0px; }

body.gate-drawing-mode #gate-drawing-overlay {
  display: initial; }
body.gate-drawing-mode #experiment-header-wrapper {
  z-index: 14; }
  body.gate-drawing-mode #experiment-header-wrapper:not(.fixed-header) {
    position: relative; }
body.gate-drawing-mode #gate-plot-controls-pane {
  position: relative;
  z-index: 11; }
body.gate-drawing-mode #page-specific-header-holder {
  position: relative;
  z-index: 12; }
  body.gate-drawing-mode #page-specific-header-holder #page-specific-header {
    background: #e2e3e6;
    cursor: not-allowed; }
    body.gate-drawing-mode #page-specific-header-holder #page-specific-header .header-link-holder, body.gate-drawing-mode #page-specific-header-holder #page-specific-header .apply-button-holder, body.gate-drawing-mode #page-specific-header-holder #page-specific-header .header-dropdown-holder {
      pointer-events: none;
      opacity: 0.8; }
body.gate-drawing-mode #cancel-gate-drawing-button {
  position: relative;
  z-index: 13;
  cursor: pointer; }
body.gate-drawing-mode .swap-xy-channels, body.gate-drawing-mode .plot-settings-popout-holder, body.gate-drawing-mode .active-gate-set-up-button, body.gate-drawing-mode .active-gate-set-down-button,
body.gate-drawing-mode .fcs-file-next-button, body.gate-drawing-mode .fcs-file-previous-button {
  pointer-events: none;
  opacity: 0.5; }
body.gate-drawing-mode .dropdown-toggle {
  pointer-events: none !important; }
  body.gate-drawing-mode .dropdown-toggle .bs-caret {
    display: none; }

body.undo-redo-in-process-mode #undo-redo-in-process-overlay {
  display: initial; }
body.undo-redo-in-process-mode #experiment-header-wrapper {
  z-index: 14; }
  body.undo-redo-in-process-mode #experiment-header-wrapper:not(.fixed-header) {
    position: relative; }

body.copy-gating-strategies-mode #copy-gating-strategies-overlay {
  display: initial; }
body.copy-gating-strategies-mode #experiment-header-wrapper {
  z-index: 14; }
  body.copy-gating-strategies-mode #experiment-header-wrapper:not(.fixed-header) {
    position: relative; }
body.copy-gating-strategies-mode #population-tree-pane {
  position: relative;
  z-index: 11;
  background-color: #FFF;
  box-shadow: 1px 1px 8px 3px #9fc1e7; }
  body.copy-gating-strategies-mode #population-tree-pane.copy-gate-to-population tr.ui-droppable-hover:not(.gating-group-tr) {
    box-shadow: 1px 1px 8px 3px #9fc1e7;
    background-color: #e8f3ff; }
  body.copy-gating-strategies-mode #population-tree-pane.copy-population-to-group .gating-group-tr.ui-droppable-hover {
    background: #e8f3ff; }
  body.copy-gating-strategies-mode #population-tree-pane.copy-population-to-group .gating-group-tr.ui-droppable-active {
    outline: 2px solid #9dc3ea; }
  body.copy-gating-strategies-mode #population-tree-pane.copy-population-to-group .pop-manager-tr:not(.gating-group-tr) {
    opacity: 0.5; }
    body.copy-gating-strategies-mode #population-tree-pane.copy-population-to-group .pop-manager-tr:not(.gating-group-tr).hover .update-population-button-group {
      display: none; }
    body.copy-gating-strategies-mode #population-tree-pane.copy-population-to-group .pop-manager-tr:not(.gating-group-tr).expanded-region > td {
      border-radius: 0px;
      box-shadow: -2px 0px 0px 0px #9dc3ea, 2px 0px 0px 0px #9dc3ea; }
    body.copy-gating-strategies-mode #population-tree-pane.copy-population-to-group .pop-manager-tr:not(.gating-group-tr).expanded-region-bottom > td {
      border-radius: 0px;
      box-shadow: -2px 0px 0px 0px #9dc3ea, 2px 0px 0px 0px #9dc3ea, 0px 0px 0px 0px #9dc3ea, 0px 2px 0px 0px #9dc3ea; }
  body.copy-gating-strategies-mode #population-tree-pane .dragging-container .pop-manager-tr {
    opacity: 1 !important; }
  body.copy-gating-strategies-mode #population-tree-pane .population-batch-operation-buttons, body.copy-gating-strategies-mode #population-tree-pane .update-population-button-group {
    display: none; }
body.copy-gating-strategies-mode .population-filter-group {
  visibility: hidden; }
body.copy-gating-strategies-mode #copy-gating-strategies-info {
  display: block !important; }

#copy-gating-strategies-info {
  display: none;
  font-size: 20px;
  color: #0051a3;
  background: white;
  position: absolute;
  top: 8px; }

.read-only-mode .group-buttons div,
.read-only-mode .simple-link-dropdown-holder .dropdown, .read-only-mode #cluster-gates-button, .read-only-mode #reset-gates-link,
.read-only-mode .edit-gate-name-button, .read-only-mode .tailor-gate-button, .read-only-mode .toggle-lock-gate-button, .read-only-mode .delete-gate-button, .read-only-mode .copy-gate-to-population, .read-only-mode .tailor-gate-button, .read-only-mode .copy-gate-button,
.read-only-mode .edit-group-name-button, .read-only-mode .delete-group-button,
.read-only-mode .rename-population, .read-only-mode .copy-population, .read-only-mode .remove-population, .read-only-mode .population-batch-operation-buttons > div,
.read-only-mode .information-table.population-manager tbody {
  pointer-events: none !important;
  color: #747579 !important;
  cursor: not-allowed !important; }
.read-only-mode .group-buttons div i, .read-only-mode .simple-link-dropdown-holder .dropdownized span {
  color: #747579 !important; }
.read-only-mode #apply-button-region, .read-only-mode .group-buttons, .read-only-mode .simple-link-dropdown-holder, .read-only-mode .header-link-holder,
.read-only-mode .operations-holder, .read-only-mode .group-operations-holder, .read-only-mode .update-population-button-group, .read-only-mode .population-batch-operation-buttons {
  cursor: not-allowed !important; }

.lightbox_blocker {
  background: #000;
  filter: alpha(opacity=80);
  opacity: 0.8;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5000; }

.lightbox_holder {
  position: absolute;
  left: 0px;
  z-index: 5100; }
  .lightbox_holder div, .lightbox_holder h4 {
    position: relative; }
  .lightbox_holder .lightbox_content {
    width: 500px;
    margin: 0 auto;
    background: #fff;
    border-radius: 5px;
    text-align: left; }
    .lightbox_holder .lightbox_content h4 {
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      padding: 10px 20px;
      background: #4585c5;
      color: #F5F5F5;
      font-size: 15px; }
    .lightbox_holder .lightbox_content .closer_button {
      position: absolute;
      top: 8px;
      right: 20px;
      width: 8em; }
      .lightbox_holder .lightbox_content .closer_button:hover {
        background: #ffffffc2; }

#pdf-window {
  border: 1px solid #FFF; }

.pdf-illustrations-page h1, .pdf-illustrations-page p {
  margin-bottom: 20px; }
.pdf-illustrations-page .big-text-field {
  font-size: 125%;
  width: 400px; }
.pdf-illustrations-page .back-link {
  margin-top: 40px; }

#signup-page {
  background: #fefefe;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fefefe 0%, #f7f8fc 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #fefefe 0%, #f7f8fc 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #fefefe 0%, #f7f8fc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f7f8fc',GradientType=0 );
  /* IE6-9 */ }
  #signup-page .signup-page-top-section {
    position: absolute;
    margin-top: -1.4em;
    width: 100%;
    background: #e2f1ff;
    top: 0;
    left: 0;
    padding: 2em 0;
    box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.1); }
    #signup-page .signup-page-top-section img {
      display: block;
      width: 26em;
      margin: auto; }
    #signup-page .signup-page-top-section #site-name {
      display: block;
      margin: auto;
      text-align: center;
      font-family: 'Lato', 'Lato-local', 'Arial', 'Arial Bold', Gadget, sans-serif;
      font-size: 2.2em;
      margin-top: -0.4em; }
  #signup-page .marketing-header {
    font-size: 1.65em;
    color: #002064;
    margin: 0 0 0.2em -4px;
    font-weight: bold;
    font-family: 'Arial', 'Arial Bold', Gadget, sans-serif;
    line-height: 1.2em;
    text-align: center;
    padding-left: 1em;
    padding-bottom: 0.5em; }
    #signup-page .marketing-header .subheader {
      font-style: italic;
      font-size: 0.8em;
      font-weight: normal; }
  #signup-page .three-column-holder {
    display: flex;
    flex-wrap: wrap;
    max-width: 102em;
    margin: auto;
    justify-content: center; }
    #signup-page .three-column-holder .column {
      flex-grow: 1;
      width: 28%;
      padding: 2.6%;
      min-width: 23em;
      max-width: 29em; }
      #signup-page .three-column-holder .column img {
        width: 80%;
        padding: 0 10% 1em 10%; }
      #signup-page .three-column-holder .column .header-text {
        font-family: 'Lato', 'Lato-local', 'Arial', 'Arial Bold', Gadget, sans-serif;
        font-weight: bold;
        font-size: 2.8em;
        color: #7597ce;
        text-align: center;
        white-space: nowrap; }
      #signup-page .three-column-holder .column .lower-text {
        font-size: 1.8em;
        padding: 0 1.8em;
        text-align: center;
        line-height: 1.3em; }

.signup-box {
  float: none;
  margin: 20px auto;
  width: 540px !important;
  min-width: 540px !important; }
  .signup-box #site-name {
    top: 60px !important;
    left: 300px !important; }
  .signup-box fieldset .fieldWithErrors {
    display: inline-block; }
  .signup-box .field-detail {
    color: #686C73;
    font-style: italic;
    line-height: 14px;
    font-size: 13px;
    text-align: left;
    margin-right: 63px;
    max-width: 295px;
    float: right;
    margin-top: -3px;
    margin-bottom: -1px; }
  .signup-box .body {
    font-size: 14px;
    line-height: 15px;
    text-align: center; }
    .signup-box .body a, .signup-box .body a:link, .signup-box .body a:visited {
      color: #4585c5;
      text-decoration: none; }
    .signup-box .body a:hover {
      color: #F81;
      text-decoration: underline; }
    .signup-box .body h4 {
      margin: 0.5em;
      text-align: center; }
    .signup-box .body p, .signup-box .body p.highlight, .signup-box .body p.signup {
      font-size: 1em;
      margin: 1em; }
    .signup-box .body p.signup {
      margin: 1em auto 2em; }
    .signup-box .body p.highlight {
      background-color: #EEE;
      font-size: 0.9em;
      padding: 0.75em;
      text-align: left;
      -moz-border-radius: 5px;
      margin: 0.5em 0.5em 1.5em 0.5em; }
    .signup-box .body fieldset {
      text-align: center;
      padding: 0;
      text-align: left; }
      .signup-box .body fieldset label {
        font-weight: normal;
        margin-left: -6px; }
    .signup-box .body fieldset.openid-provider {
      display: none; }
    .signup-box .body fieldset.referral-text {
      display: none; }
    .signup-box .body .buttons {
      margin-left: -1.1em; }
    .signup-box .body .providers-wrapper {
      height: 3em;
      margin-left: 6em; }
    .signup-box .body .radio-button-fieldset label, .signup-box .body .radio-button-fieldset input {
      float: left; }
    .signup-box .body .radio-button-fieldset label {
      width: auto;
      padding-left: 1em;
      line-height: 8px; }
    .signup-box .body .radio-button-fieldset strong {
      float: left;
      margin-left: -4em;
      padding-right: 1em; }
    .signup-box .body .gray-box-text {
      background-color: #EEE;
      font-size: 14px;
      margin: 28px 1em 18px 1em;
      padding: 11px 17px;
      border-radius: 10px;
      line-height: 17px; }
      .signup-box .body .gray-box-text a {
        text-decoration: underline;
        font-weight: bold; }
      .signup-box .body .gray-box-text a:hover {
        color: #F81; }
      .signup-box .body .gray-box-text fieldset {
        margin: 0.5em 0.5em 0.5em 10em; }
      .signup-box .body .gray-box-text .tos-check-box {
        font-size: 18px; }
      .signup-box .body .gray-box-text .tos-check-box-label {
        float: none;
        position: relative;
        font-weight: bold;
        padding: 0;
        margin: 0;
        display: inline; }
      .signup-box .body .gray-box-text .check-box-holder {
        display: inline-block;
        vertical-align: 11px; }

#user-signup-form {
  position: relative; }
  #user-signup-form fieldset .bootstrap-select .text {
    margin-top: 0; }
  #user-signup-form #username-message, #user-signup-form #email-message, #user-signup-form #email-mismatch-message {
    display: none;
    position: absolute;
    font-size: 12px;
    text-align: left;
    right: -30px; }
  #user-signup-form #username-message {
    top: 1px;
    white-space: nowrap; }
  #user-signup-form #email-message {
    top: 8.2em;
    width: 15em;
    right: -6em; }
  #user-signup-form #email-mismatch-message {
    top: 8.2em;
    width: 15em;
    right: -6em; }

.cyto-button {
  display: inline-block;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  border: 1px solid transparent;
  border-radius: 0.375rem;
  color: #212529;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
  .cyto-button.button-outline-primary {
    color: #0051a3;
    border-color: #0051a3; }
    .cyto-button.button-outline-primary:hover {
      color: #ffffff;
      background-color: #0051a3; }
    .cyto-button.button-outline-primary[disabled] {
      color: #999;
      border-color: #999;
      background-color: transparent;
      pointer-events: none; }
  .cyto-button.button-outline-light {
    color: #6c757d;
    border-color: #6c757d; }
    .cyto-button.button-outline-light:hover {
      color: #ffffff;
      background-color: #6c757d; }
    .cyto-button.button-outline-light[disabled] {
      color: #999;
      border-color: #999;
      background-color: transparent;
      pointer-events: none; }

/*# sourceMappingURL=cytobank.css.map */