@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,600,700");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

b {
  font-weight: 700; }

* {
  box-sizing: border-box; }

@font-face {
  font-family: 'Protocols';
  src: url("/fonts/Protocols.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/Protocols.eot?#iefix") format("embedded-opentype"), url("/fonts/Protocols.woff") format("woff"), url("/fonts/Protocols.ttf") format("truetype"), url("/fonts/Protocols.svg#9985b4390c40137573e6da05caf85874") format("svg");
  /* Legacy iOS */
  font-style: normal;
  font-weight: 400; }

.p-font {
  font-family: 'Protocols';
  font-weight: 100; }
  .p-font:before {
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.pf-logo:before {
  content: "\0050"; }

.pf-note:before {
  content: "\004e"; }

.pf-home:before {
  content: "\0048"; }

.pf-folder:before {
  content: "\0036"; }

.pf-folder-open:before {
  content: "\0046"; }

.pf-pen:before {
  content: "\002f"; }

.pf-android:before {
  content: "\0064"; }

.pf-apple:before {
  content: "\0061"; }

.pf-attach:before {
  content: "\0055"; }

.pf-mixture:before {
  content: "\0052"; }

.pf-search:before {
  content: "\0030"; }

.pf-users:before {
  content: "\0031"; }

.pf-gear:before {
  content: "\002a"; }

.pf-gear-play:before {
  content: "\0079"; }

.pf-play-round:before {
  content: "\007A"; }

.pf-close:before {
  content: "\0058"; }

.pf-arrow-down:before {
  content: "\002e"; }

.pf-arrow-up:before {
  content: "\002c"; }

.pf-arrow-left:before {
  content: "\003c"; }

.pf-arrow-right:before {
  content: "\003e"; }

.pf-trash:before {
  content: "\004c"; }

.pf-check:before {
  content: "\005e"; }

.pf-check-circle:before {
  content: "\005f"; }

.pf-clock:before {
  content: "\0047"; }

.pf-write:before {
  content: "\0045"; }

.pf-play:before {
  content: "\007d"; }

.pf-play-transparent:before {
  content: "\007e"; }

.pf-comment:before {
  content: "\005a"; }

.pf-pause:before {
  content: "\007c"; }

.pf-plus-simple:before {
  display: inline-block;
  content: "\0058";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.pf-plus:before {
  content: "\002b"; }

.pf-plus-solid:before {
  content: "\003d"; }

.pf-archive:before {
  content: "\0075"; }

.pf-rename:before {
  content: "\005b"; }

.pf-export:before {
  content: "\0076"; }

.pf-fork:before {
  content: "\0072"; }

.pf-repeat:before {
  content: "\0037"; }

.pf-bell:before {
  content: "\0038"; }

.pf-close-circle:before {
  content: "\0057"; }

.pf-eye:before {
  content: "\0032"; }

.pf-bubble:before {
  content: "\0043"; }

.pf-journal:before {
  content: "\004f"; }

.pf-ticket:before {
  content: "\0039"; }

.pf-rate-up:before {
  content: "\006C"; }

.pf-rate-down:before {
  content: "\006D"; }

.pf-share:before {
  content: "\0051"; }

.pf-bookmarked:before {
  content: "\006b"; }

.pf-public:before {
  content: "\004b"; }

.pf-thumbs-up:before {
  content: "\006c"; }

.pf-thumbs-down:before {
  content: "\006d"; }

.pf-reagent:before {
  content: "\004d"; }

.pf-face-left:before {
  content: "\004a"; }

.pf-face-right:before {
  content: "\0049"; }

.pf-filter:before {
  content: "\0059"; }

.pf-facebook:before {
  content: "\0066"; }

.pf-google:before {
  content: "\0067"; }

.pf-twitter:before {
  content: "\0074"; }

.pf-pinterest:before {
  content: "\0070"; }

.pf-follow:before {
  content: "\0045";
  font-weight: bold; }

.pf-info:before {
  content: "\0039"; }

.pf-second-info:before {
  content: "\0069"; }

.pf-exclamation {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inline-block;
  width: 25px;
  vertical-align: top; }

.pf-exclamation:before {
  content: "\0069"; }

.pf-list:before {
  content: "\0022"; }

.pf-label:before {
  content: "\0054"; }

.pf-email:before {
  content: "\0026"; }

.pf-email-icon:before {
  content: "\0065"; }

.pf-unwatch:before {
  content: "\0062"; }

.pf-link:before {
  content: "\0035"; }

.pf-lock:before {
  content: "\006e"; }

.pf-gear-user:before {
  content: "\0068"; }

.pf-rotate180 {
  display: inline-block;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.pf-spin {
  -webkit-animation-name: spin;
  animation-name: spin;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

/*$blue-color : #03bacf;*/
html, body {
  overflow-y: auto !important;
  min-width: 1010px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

body, #app, .page-container, .home, .tools {
  height: 100% !important; }

.editable-content * {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  bottom: auto !important;
  right: auto !important; }

.editable-content table {
  max-width: 100%;
  width: 100%; }
  .editable-content table td {
    border-bottom: 1px solid #DADADA; }
  .editable-content table td, .editable-content table th {
    padding: 4px 4px 4px 10px; }
  .editable-content table th {
    background: #DADADA;
    font-weight: bold; }

.editable-content strong {
  font-weight: bold; }

.editable-content ol, .editable-content ul {
  list-style: inherit; }

.editable-content ol li {
  list-style-type: decimal;
  list-style-position: inside; }

.editable-content ul {
  margin-left: 20px;
  list-style: disc; }

.editable-content i, .editable-content em {
  font-style: italic; }

.editable-content img {
  max-width: 100%; }

.editable-content iframe {
  max-width: 100%; }

.editable-content .mce-step-title {
  display: block;
  font-size: 24px;
  line-height: 28px;
  font-weight: 500; }

.mce-tinymce {
  -webkit-transform: translateZ(0); }

.breadcrumb-trail-block {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  padding: 0;
  margin-top: 50px;
  z-index: 4;
  background: white;
  transition: all 0.1s;
  border-bottom: 1px solid #eee;
  /*box-shadow: 0 1px 5px 2px #F6F6F4;*/ }
  .breadcrumb-trail-block .breadcrumb-trail {
    display: inline-block;
    white-space: nowrap; }

.breadcrumb-trail-right {
  position: absolute;
  top: 0px;
  right: 0px;
  background: white;
  padding: 6px 25px 0 15px;
  font-size: 12px;
  text-align: right;
  display: inline-block; }
  .breadcrumb-trail-right ul {
    display: inline-block; }
    .breadcrumb-trail-right ul li {
      display: inline-block;
      margin-left: 10px; }
      .breadcrumb-trail-right ul li:first-child {
        margin-left: 0px; }
      .breadcrumb-trail-right ul li i {
        font-size: 16px;
        vertical-align: middle; }
      .breadcrumb-trail-right ul li img {
        vertical-align: middle; }
      .breadcrumb-trail-right ul li a:hover span {
        text-decoration: underline; }
      .breadcrumb-trail-right ul li .btr-active span {
        text-decoration: underline; }

.tinymce-block {
  position: relative; }
  .tinymce-block .mce-placeholder {
    position: absolute;
    top: 36px;
    left: 10px;
    font-size: 14px;
    color: gray;
    z-index: 1;
    pointer-events: none; }

.follow-btn-block {
  display: inline-block;
  position: relative;
  min-height: 16px;
  min-width: 80px;
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
  vertical-align: top;
  color: #00a6e7; }
  .follow-btn-block .pf-info {
    color: #000339; }
  .follow-btn-block .follow-btn {
    left: 20px; }
  .follow-btn-block .following {
    width: 100px;
    display: block;
    color: #000339;
    text-align: center;
    cursor: default; }
    .follow-btn-block .following .pf-eye {
      font-size: 20px;
      vertical-align: middle; }

.follow-btn {
  /*    position: absolute;
    top: 2px;
    left: 0px;*/
  cursor: pointer; }

.unfollow-btn {
  color: #000339; }
  .unfollow-btn:hover {
    color: #00a6e7; }

.show-animate {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.5s linear; }

.hide-animate {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.5s, opacity 0.5s linear; }

.warning-block {
  padding: 5px;
  font-size: 14px;
  line-height: 16px;
  color: red;
  border-radius: 10px; }
  .warning-block ul {
    margin-left: 15px; }
    .warning-block ul li {
      list-style: disc; }

.group-item {
  display: inline-block;
  padding: 5px 10px 5px 5px;
  background: #fff; }
  .group-item .pf-close {
    margin-left: 5px;
    color: #00a6e7;
    cursor: pointer; }
  .group-item img {
    width: 14px;
    height: 14px;
    vertical-align: top;
    margin-right: 5px; }

.browse-link:before, .browse-link:after {
  content: " ";
  display: table;
  clear: both; }

.browse-link a {
  float: right;
  margin: 10px 0; }

.img-portrait {
  width: 100%; }

.img-landscape {
  height: 100%; }

.no-bold {
  font-weight: normal; }

.user-blob, .group-blob {
  display: inline-block;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 13px 8px 35px;
  border-radius: 15px;
  vertical-align: middle;
  text-transform: uppercase;
  position: relative;
  cursor: pointer; }
  .user-blob .profile-img, .user-blob .group-img, .group-blob .profile-img, .group-blob .group-img {
    position: absolute;
    top: 50%;
    left: 5px;
    width: 25px !important;
    margin-top: -12.5px;
    padding: 0 !important; }
    .user-blob .profile-img img, .user-blob .group-img img, .group-blob .profile-img img, .group-blob .group-img img {
      width: 25px;
      height: 25px;
      border-radius: 100%; }
  .user-blob a, .group-blob a {
    vertical-align: middle; }
  .user-blob:hover, .group-blob:hover {
    transition: all 0.2s;
    background: #00a6e7;
    color: white; }
    .user-blob:hover a, .group-blob:hover a {
      color: white; }

.user-blob {
  white-space: nowrap; }

.group-blob {
  border-radius: 0; }
  .group-blob .group-img img {
    border-radius: 0; }

.browser-nav {
  margin: 20px 0;
  text-align: center; }
  .browser-nav a {
    display: inline-block;
    margin: 0 5px; }

textarea:focus,
input:focus, button:focus, button:active, div:focus, div:active {
  outline: 0 none; }

input, textarea {
  font-size: 14px;
  padding: 8px 10px;
  border: 1px solid #e0e0e0; }

input[type='number'] {
  -moz-appearance: textfield; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

table {
  max-width: 100%; }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

a {
  color: #00a6e7;
  text-decoration: none; }

h2 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 500; }

h3 {
  font-weight: 600; }

.container {
  width: 950px;
  max-width: 100%;
  padding: 0 20px;
  margin: 0 auto; }

.hide-animation {
  visibility: visible;
  opacity: 1;
  height: auto;
  transition: opacity 0.5s linear, height 0.5s linear; }

.hide-animated {
  visibility: hidden;
  opacity: 0;
  height: 0;
  transition: visibility 0s 0.5s, opacity 0.5s linear, height 0.5s linear; }

.white-block {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
  padding: 15px;
  background: #fff; }
  .white-block h2 {
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    position: relative; }
    .white-block h2 a {
      color: #000339; }
    .white-block h2 span {
      vertical-align: top; }
    .white-block h2 .small-title {
      margin-top: 5px; }
    .white-block h2 .action-span {
      display: inline-block;
      position: relative;
      height: 20px;
      width: 36px;
      margin-right: 0; }
      .white-block h2 .action-span .action-btn, .white-block h2 .action-span .action-btns-preloader {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -18px; }
  .white-block .icon-title {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 30px;
    line-height: 30px; }

.white-block-border {
  border: 1px solid #e0e0e0; }

.date-item {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 11px;
  line-height: 12px;
  font-weight: 300;
  color: #aaaaaa; }
  .date-item .date-item-span {
    color: #777; }

.small-title {
  position: relative;
  font-size: 12px;
  line-height: 15px;
  padding-top: 3px;
  font-weight: 300;
  text-transform: uppercase; }
  .small-title strong {
    font-weight: bold; }
  .small-title .small-title-lower {
    text-transform: none; }

.small-title-bold {
  font-weight: 500; }

.small-title-gray {
  color: #8e8e8e; }

.white-blob {
  display: table;
  width: 100%;
  margin-bottom: 10px;
  background: #FFFFFF;
  padding: 15px; }
  .white-blob .wb-info {
    position: relative;
    display: table-cell;
    width: 150px;
    padding-right: 20px;
    padding-bottom: 40px;
    text-align: right; }
    .white-blob .wb-info i {
      font-size: 20px;
      line-height: 20px;
      cursor: pointer; }
    .white-blob .wb-info .wb-nav {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 20px; }
    .white-blob .wb-info .it-info {
      line-height: 18px;
      text-transform: uppercase; }
      .white-blob .wb-info .it-info .it-span {
        margin-left: 10px;
        margin-right: 0; }
      .white-blob .wb-info .it-info .it-info-date {
        margin-bottom: 5px; }
    .white-blob .wb-info .wb-comments {
      margin-top: 10px; }
      .white-blob .wb-info .wb-comments .wb-comment-total {
        display: inline-block;
        margin-right: 10px;
        font-size: 12px;
        line-height: 40px;
        color: #00a6e7;
        text-align: center;
        cursor: pointer;
        vertical-align: top; }
      .white-blob .wb-info .wb-comments .wb-comment-link {
        display: inline-block;
        vertical-align: top; }
        .white-blob .wb-info .wb-comments .wb-comment-link i {
          font-size: 30px;
          line-height: 40px;
          cursor: pointer; }
  .white-blob .wb-content {
    display: table-cell;
    padding-left: 20px;
    border-left: 1px solid #EAEAEA;
    text-align: left; }
    .white-blob .wb-content h2 {
      margin-bottom: 10px; }

.vpt-run {
  width: 95px;
  height: 95px;
  text-align: center;
  color: #fff;
  background: #00a6e7;
  border: 15px solid #eeeeee;
  border-radius: 100%;
  cursor: pointer;
  transition: all .2s; }
  .vpt-run span {
    display: block;
    font-weight: bold; }
  .vpt-run .vpt-run-icon {
    margin-top: 8px; }
  .vpt-run i {
    font-size: 26px;
    font-weight: 100;
    line-height: 26px;
    margin-bottom: 10px; }
  .vpt-run:hover {
    border-color: #D6D6D6; }

.round-img {
  width: 60px;
  height: 60px;
  border-radius: 60px; }
  .round-img img {
    width: 60px;
    height: 60px;
    border-radius: 60px; }

.round-img-sml {
  width: 30px;
  height: 30px;
  border-radius: 30px; }
  .round-img-sml img {
    width: 30px;
    height: 30px;
    border-radius: 30px; }

.round-img-transparent {
  background: transparent; }

.dropdown {
  min-width: 100px;
  padding: 10px;
  text-align: left;
  border-radius: 4px;
  background: white;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 100%;
  right: 0;
  opacity: 0;
  z-index: -2;
  transition: opacity .2s;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s; }
  .dropdown .dropdown-close {
    position: absolute;
    top: 0px;
    right: 7px;
    font-size: 7px;
    font-weight: 900;
    cursor: pointer; }
  .dropdown li {
    width: 100%; }
  .dropdown a {
    display: block;
    padding: 5px;
    font-size: 12px;
    line-height: 12px;
    white-space: nowrap;
    color: #000339;
    text-decoration: none; }
    .dropdown a:hover {
      color: #00a6e7; }
  .dropdown:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0px;
    right: 10px;
    box-sizing: border-box;
    border: 5px solid #000;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff #fff;
    transform-origin: 0 0;
    transform: rotate(135deg);
    box-shadow: -2px 2px 3px 0 rgba(0, 0, 0, 0.1); }
  .dropdown:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    margin-top: -10px;
    background: transparent; }
  .dropdown .divider {
    height: 1px;
    margin: 9px 1px;
    padding: 0;
    border-top: 1px solid #A7A6B2;
    overflow: hidden; }

.dropdown-active {
  opacity: 1;
  z-index: 3; }

.sort-menu {
  float: right;
  position: relative;
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
  cursor: pointer; }
  .sort-menu:before, .sort-menu:after {
    content: " ";
    display: table;
    clear: both; }
  .sort-menu i {
    font-size: 17px;
    margin-left: 5px;
    vertical-align: sub; }
  .sort-menu .dropdown {
    top: 20px;
    min-width: auto; }
    .sort-menu .dropdown:before, .sort-menu .dropdown:after {
      content: none; }
    .sort-menu .dropdown li {
      margin: 0;
      text-align: left; }
      .sort-menu .dropdown li a {
        line-height: 12px; }

.scroll-bar {
  overflow: hidden !important; }
  .scroll-bar:hover {
    overflow-y: auto !important; }

.protocol-actions {
  margin-top: 15px; }
  .protocol-actions .view-action-btn {
    margin-top: -20px; }

.group-actions {
  margin-top: 35px; }
  .group-actions button {
    display: inline-block;
    margin-right: 10px;
    padding: 2px 10px;
    font-size: 10px;
    line-height: 10px;
    border-radius: 3px;
    background: transparent;
    border: 1px solid #eee;
    vertical-align: top;
    cursor: pointer; }
    .group-actions button i {
      line-height: 16px; }
    .group-actions button.prb-btn-active i {
      color: #00a6e7; }
    .group-actions button:hover {
      border: 1px solid #bcbcbc; }
    .group-actions button i {
      display: inline-block;
      margin-right: 5px;
      font-size: 16px;
      vertical-align: middle; }
    .group-actions button.btn-nomargin i {
      margin-right: 0; }
    .group-actions button.btn-nomargin .btn-plus {
      margin: 0 5px 0 2px; }

.action-btn {
  position: relative;
  cursor: pointer; }
  .action-btn i {
    margin: 0; }
  .action-btn .main-action-btn, .action-btn .action-btns {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2; }
  .action-btn .main-action-btn {
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #000339;
    background-color: transparent;
    border-radius: 100%;
    z-index: 3;
    cursor: pointer; }
  .action-btn .action-btns {
    top: 0px;
    min-width: 60px;
    min-height: 50px;
    margin-left: -15px;
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: -webkit-transform ease-out 200ms;
    transition: transform ease-out 200ms;
    transition: all ease-out 200ms;
    pointer-events: none; }
    .action-btn .action-btns:nth-child(2) {
      opacity: 0;
      transition: all ease-out 5500ms;
      transition: all ease-out 5500ms; }
    .action-btn .action-btns .ab-round {
      position: absolute;
      left: 50%;
      top: 0;
      margin-left: -15px;
      width: 30px;
      height: 30px;
      text-align: center;
      border-radius: 100%;
      border: 1px solid #00a6e7;
      background-color: #F6F6F4;
      cursor: pointer;
      -webkit-transform: translate3d(0, 0, 0) scale(0);
      transform: translate3d(0, 0, 0) scale(0);
      transition: -webkit-transform ease-out 200ms;
      transition: transform ease-out 200ms; }
      .action-btn .action-btns .ab-round i {
        display: block;
        font-size: 19px;
        line-height: 27px;
        color: #00a6e7; }
    .action-btn .action-btns .share-ab {
      color: #00a6e7; }
      .action-btn .action-btns .share-ab i {
        margin-right: 2px; }
    .action-btn .action-btns .ab-text {
      opacity: 0;
      font-size: 11px;
      line-height: 11px;
      color: #000339;
      text-transform: none;
      font-weight: normal;
      position: absolute;
      bottom: 100%;
      margin-bottom: 5px;
      left: 0;
      text-align: center;
      width: 100%; }
  .action-btn .action-divided {
    display: inline-block;
    width: 15px;
    height: 36px;
    margin-left: 36px; }
  .action-btn:hover .main-action-btn {
    color: #00a6e7; }
  .action-btn:hover .main-action-btn:hover + .action-btns .ab-round {
    background-color: #00a6e7; }
    .action-btn:hover .main-action-btn:hover + .action-btns .ab-round i {
      color: white; }
  .action-btn:hover .ab-text {
    opacity: 1; }
  .action-btn:hover .action-btns {
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-duration: 190ms;
    z-index: 3;
    pointer-events: auto; }
    .action-btn:hover .action-btns .ab-round {
      -webkit-transform: scale(1);
      transform: scale(1); }
    .action-btn:hover .action-btns:hover .ab-round {
      background-color: #00a6e7; }
      .action-btn:hover .action-btns:hover .ab-round i {
        color: white; }
    .action-btn:hover .action-btns:hover .share-ab {
      color: white; }
  .action-btn:hover .action-btns:nth-child(2) {
    opacity: 1;
    transition-duration: 900ms;
    z-index: 50; }
  .action-btn:hover .action-btns:nth-child(3) {
    -webkit-transform: translate3d(60px, 0, 0);
    transform: translate3d(60px, 0, 0); }
  .action-btn:hover .action-btns:nth-child(4) {
    -webkit-transform: translate3d(120px, 0, 0);
    transform: translate3d(120px, 0, 0); }
  .action-btn:hover .action-btns:nth-child(5) {
    -webkit-transform: translate3d(180px, 0, 0) scale(1);
    transform: translate3d(180px, 0, 0) scale(1); }
  .action-btn:hover .action-btns:nth-child(6) {
    -webkit-transform: translate3d(240px, 0, 0) scale(1);
    transform: translate3d(240px, 0, 0) scale(1); }
  .action-btn:hover .action-btns:nth-child(7) {
    -webkit-transform: translate3d(300px, 0, 0) scale(1);
    transform: translate3d(300px, 0, 0) scale(1); }
  .action-btn:hover .action-btns:nth-child(8) {
    -webkit-transform: translate3d(360px, 0, 0) scale(1);
    transform: translate3d(360px, 0, 0) scale(1); }
  .action-btn:hover .action-btns:nth-child(9) {
    -webkit-transform: translate3d(420px, 0, 0) scale(1);
    transform: translate3d(420px, 0, 0) scale(1); }
  .action-btn:hover .action-btns:nth-child(10) {
    -webkit-transform: translate3d(470px, 0, 0) scale(1);
    transform: translate3d(470px, 0, 0) scale(1); }

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

.share-win-link h3 {
  text-align: center; }

.share-win-link input {
  width: 100%;
  margin-bottom: 20px; }

.share-win-email {
  display: block;
  text-align: center; }

.groups-tags, .blob-groups-tags {
  margin-top: 10px; }
  .groups-tags .tags-in-blob, .groups-tags .tags-in-view, .groups-tags .groups-view, .blob-groups-tags .tags-in-blob, .blob-groups-tags .tags-in-view, .blob-groups-tags .groups-view {
    display: inline-block;
    vertical-align: top; }
  .groups-tags .tags-in-blob, .blob-groups-tags .tags-in-blob {
    margin-left: 10px; }
  .groups-tags .group-item, .blob-groups-tags .group-item {
    margin-top: 0 !important; }

.tags-in-view {
  margin-left: 15px; }
  .tags-in-view .tag-item {
    margin: 2px 15px 0px 0px; }

.one-action-btn .main-action-btn {
  display: none; }

.one-action-btn .action-btns {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-duration: 190ms;
  z-index: 3;
  pointer-events: auto; }
  .one-action-btn .action-btns .ab-round {
    -webkit-transform: scale(1);
    transform: scale(1); }
  .one-action-btn .action-btns:hover .ab-round {
    background-color: #00a6e7; }
    .one-action-btn .action-btns:hover .ab-round i {
      color: white; }

.one-action-btn .action-btns:nth-child(2) {
  opacity: 1;
  transition-duration: 900ms; }

.clickable-elm {
  cursor: pointer; }

.action-btns-preloader {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  background: #c2c2c2;
  border-radius: 36px; }
  .action-btns-preloader i {
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear; }

.tipsy {
  position: absolute;
  min-width: 100px;
  padding: 5px 10px;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  border-radius: 4px;
  background: white;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05);
  transition: opacity .4s;
  -webkit-transition: opacity .4s;
  -moz-transition: opacity .4s;
  z-index: 99; }

.tipsy-top:after, .tipsy-top:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.tipsy-top:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 5px;
  margin-left: -5px; }

.tipsy-top:before {
  border-color: rgba(245, 0, 0, 0);
  border-top-color: #f50000;
  border-width: 6px;
  margin-left: -6px; }

.error {
  border: 1px solid red !important; }

.error-note {
  font-size: 12px;
  color: red;
  text-transform: none; }
  .error-note.author-note {
    padding-left: 10px;
    font-weight: 700; }

.tipsy-error {
  color: red;
  border: 1px solid red; }

.spinner {
  margin: 0 auto;
  width: 70px;
  text-align: center; }
  .spinner div {
    width: 18px;
    height: 18px;
    background-color: #ccc;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s; }
  .spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s; }

.small-spinner div {
  width: 5px;
  height: 5px;
  background-color: #aaa; }

.spin-btn {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -10px;
  display: inline-block;
  width: 5em;
  height: 5em;
  font-size: 4px;
  text-indent: 999em;
  overflow: hidden;
  animation: spinbtn 1s infinite steps(8); }

.content-empty {
  margin: 50px 0;
  width: 100%;
  font-size: 16px;
  font-weight: normal;
  color: #aaa;
  text-align: center; }
  .content-empty h3 {
    font-weight: normal; }
  .content-empty img {
    height: 16px;
    vertical-align: top;
    margin: 2px 2px 0 0; }
  .content-empty .people-content-empty {
    font-size: 100px;
    line-height: 100px; }

.load-btn {
  position: relative;
  line-height: 6px;
  color: #fff;
  background: #00a6e7 !important;
  border-color: #00a6e7 !important; }
  .load-btn.default-btn {
    background: #f2f2f2 !important;
    border-color: #ccc !important; }
    .load-btn.default-btn .protocols-spinner-bars.psb-small .protocols-bar {
      background: #000339; }
    .load-btn.default-btn .protocols-spinner-bars.psb-small .psb-logo .pf-logo {
      color: #000339; }
  .load-btn .btn-text {
    opacity: 0; }
  .load-btn .load-btn-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    color: #FFFFFF; }
    .load-btn .load-btn-text .protocols-spinner-bars.psb-small {
      position: relative;
      top: auto;
      left: auto;
      margin: 3px 5px 0 0;
      display: inline-block;
      vertical-align: top; }
    .load-btn .load-btn-text span {
      display: inline-block;
      vertical-align: top; }
  .load-btn .cs-block {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -10px;
    z-index: 2; }

.protocols-spin-load {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px; }

@keyframes spinbtn {
  to {
    transform: rotate(1turn); } }

.spin-btn:before,
.spin-btn:after,
.spin-btn > div:before,
.spin-btn > div:after {
  content: '';
  position: absolute;
  top: 0;
  left: 2.25em;
  /* (container width - part width)/2  */
  width: .5em;
  height: 1.5em;
  border-radius: .2em;
  background: #fff;
  box-shadow: 0 3.5em #fff;
  /* container height - part height */
  transform-origin: 50% 2.5em;
  /* container height / 2 */ }

.spin-btn:before {
  background: #fff; }

.spin-btn:after {
  transform: rotate(-45deg);
  background: #fff; }

.spin-btn > div:before {
  transform: rotate(-90deg);
  background: #fff; }

.spin-btn > div:after {
  transform: rotate(-135deg);
  background: #ccc; }

.mce-window {
  z-index: 65536999 !important; }

.lightbox-front {
  z-index: 75536999 !important; }

#s-mce-img {
  cursor: pointer; }

.s-mce-img {
  border: 1px solid transparent; }
  .s-mce-img:hover {
    border: 1px solid #00a6e7; }

.lightbox, .darkwin {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  overflow: auto;
  opacity: 0.2;
  z-index: 900000;
  -webkit-transform: translate3d(0, 0, 0);
  transition: opacity .2s; }
  .lightbox.lightbox, .darkwin.lightbox {
    opacity: 1; }
  .lightbox h2, .darkwin h2 {
    font-size: 20px;
    line-height: 24px; }
    .lightbox h2 strong, .darkwin h2 strong {
      font-weight: 800; }
  .lightbox .select-groups, .darkwin .select-groups {
    margin-bottom: 30px; }
    .lightbox .select-groups .optional, .darkwin .select-groups .optional {
      color: #aaa; }
    .lightbox .select-groups .empty-groups, .darkwin .select-groups .empty-groups {
      min-height: 15px;
      display: block; }
    .lightbox .select-groups .cb-select, .darkwin .select-groups .cb-select {
      margin-bottom: 0px; }
  .lightbox .checkbox-prepublish, .darkwin .checkbox-prepublish {
    margin-bottom: 20px;
    text-align: left; }
    .lightbox .checkbox-prepublish .text span, .darkwin .checkbox-prepublish .text span {
      vertical-align: middle; }
    .lightbox .checkbox-prepublish .pf-info, .darkwin .checkbox-prepublish .pf-info {
      font-size: 16px;
      vertical-align: middle; }
  .lightbox .important-text, .darkwin .important-text {
    padding: 7px 10px;
    background: #d9d9d9;
    margin-bottom: 20px;
    border-radius: 5px;
    width: 100%;
    color: #444;
    font-size: 13px; }
    .lightbox .important-text strong, .darkwin .important-text strong {
      font-weight: bold; }
    .lightbox .important-text .strong-red, .darkwin .important-text .strong-red {
      color: red;
      text-align: center;
      padding: 5px 0;
      font-weight: bold; }
  .lightbox .close, .lightbox .remove-img, .darkwin .close, .darkwin .remove-img {
    width: 23px;
    height: 23px;
    position: fixed;
    top: 20px;
    right: 30px;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #000339;
    border-radius: 100%;
    background: #fff;
    cursor: pointer;
    -webkit-transform: translateZ(0); }
  .lightbox .close-esc, .darkwin .close-esc {
    position: fixed;
    top: 45px;
    right: 31px;
    font-size: 12px;
    font-weight: 100;
    color: #FFFFFF; }
  .lightbox .remove-img, .darkwin .remove-img {
    top: 20px;
    left: 20px;
    right: auto; }
  .lightbox .full-img, .darkwin .full-img {
    margin-top: 100px;
    text-align: center; }
    .lightbox .full-img .full-img-data, .darkwin .full-img .full-img-data {
      font-size: 10px; }
    .lightbox .full-img a, .darkwin .full-img a {
      display: block; }
    .lightbox .full-img img, .darkwin .full-img img {
      max-width: 100%;
      max-height: 100%;
      margin: 20px 0; }
    .lightbox .full-img .dow-link, .darkwin .full-img .dow-link {
      color: #FFF;
      text-decoration: none; }
  .lightbox.img-lightbox, .darkwin.img-lightbox {
    text-align: center; }
    .lightbox.img-lightbox .spin-reloader, .darkwin.img-lightbox .spin-reloader {
      margin-top: 15%; }
    .lightbox.img-lightbox .img-show, .darkwin.img-lightbox .img-show {
      transition: all 0.2s;
      opacity: 1;
      height: auto;
      display: inline-block; }
      .lightbox.img-lightbox .img-show img, .darkwin.img-lightbox .img-show img {
        max-width: 100%; }
    .lightbox.img-lightbox .img-hide, .darkwin.img-lightbox .img-hide {
      transition: all 0.2s;
      opacity: 0;
      height: 0px; }
    .lightbox.img-lightbox .protocols-spin-small, .lightbox.img-lightbox .protocol-spin, .darkwin.img-lightbox .protocols-spin-small, .darkwin.img-lightbox .protocol-spin {
      width: 60px;
      margin: 130px auto 30px auto; }
    .lightbox.img-lightbox .protocol-spin, .darkwin.img-lightbox .protocol-spin {
      width: 120px; }
    .lightbox.img-lightbox h2, .darkwin.img-lightbox h2 {
      margin: 40px 0; }
    .lightbox.img-lightbox .white-data-block, .darkwin.img-lightbox .white-data-block {
      margin: 10px 0;
      padding: 0;
      display: inline;
      width: auto; }
    .lightbox.img-lightbox .il-block, .darkwin.img-lightbox .il-block {
      margin: 50px 0; }
    .lightbox.img-lightbox .white-data-block, .darkwin.img-lightbox .white-data-block {
      background: none; }
    .lightbox.img-lightbox .download-link, .darkwin.img-lightbox .download-link {
      color: white; }
      .lightbox.img-lightbox .download-link a, .darkwin.img-lightbox .download-link a {
        color: white; }
        .lightbox.img-lightbox .download-link a:hover, .darkwin.img-lightbox .download-link a:hover {
          text-decoration: underline; }
  .lightbox .report-win, .darkwin .report-win {
    width: 600px; }
    .lightbox .report-win h2, .darkwin .report-win h2 {
      margin-bottom: 10px; }
    .lightbox .report-win .nav, .darkwin .report-win .nav {
      padding-top: 10px;
      text-align: right; }
      .lightbox .report-win .nav button, .darkwin .report-win .nav button {
        margin-left: 5px; }
    .lightbox .report-win .radio, .darkwin .report-win .radio {
      margin-bottom: 10px; }
  .lightbox .white-data-block, .lightbox .group-data-block, .lightbox .invite-data-block, .lightbox .delete-data-block, .lightbox .inviteto-data-block, .lightbox .apply-job-data-block, .darkwin .white-data-block, .darkwin .group-data-block, .darkwin .invite-data-block, .darkwin .delete-data-block, .darkwin .inviteto-data-block, .darkwin .apply-job-data-block {
    margin: 60px auto;
    width: 350px;
    color: #000339;
    position: relative;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    transition: all .2s; }
    .lightbox .white-data-block.error-block, .lightbox .group-data-block.error-block, .lightbox .invite-data-block.error-block, .lightbox .delete-data-block.error-block, .lightbox .inviteto-data-block.error-block, .lightbox .apply-job-data-block.error-block, .darkwin .white-data-block.error-block, .darkwin .group-data-block.error-block, .darkwin .invite-data-block.error-block, .darkwin .delete-data-block.error-block, .darkwin .inviteto-data-block.error-block, .darkwin .apply-job-data-block.error-block {
      width: 400px; }
      .lightbox .white-data-block.error-block img, .lightbox .group-data-block.error-block img, .lightbox .invite-data-block.error-block img, .lightbox .delete-data-block.error-block img, .lightbox .inviteto-data-block.error-block img, .lightbox .apply-job-data-block.error-block img, .darkwin .white-data-block.error-block img, .darkwin .group-data-block.error-block img, .darkwin .invite-data-block.error-block img, .darkwin .delete-data-block.error-block img, .darkwin .inviteto-data-block.error-block img, .darkwin .apply-job-data-block.error-block img {
        margin-left: 115px; }
      .lightbox .white-data-block.error-block .error-form, .lightbox .group-data-block.error-block .error-form, .lightbox .invite-data-block.error-block .error-form, .lightbox .delete-data-block.error-block .error-form, .lightbox .inviteto-data-block.error-block .error-form, .lightbox .apply-job-data-block.error-block .error-form, .darkwin .white-data-block.error-block .error-form, .darkwin .group-data-block.error-block .error-form, .darkwin .invite-data-block.error-block .error-form, .darkwin .delete-data-block.error-block .error-form, .darkwin .inviteto-data-block.error-block .error-form, .darkwin .apply-job-data-block.error-block .error-form {
        text-align: center;
        background: #f6f6f4;
        color: black; }
        .lightbox .white-data-block.error-block .error-form div, .lightbox .group-data-block.error-block .error-form div, .lightbox .invite-data-block.error-block .error-form div, .lightbox .delete-data-block.error-block .error-form div, .lightbox .inviteto-data-block.error-block .error-form div, .lightbox .apply-job-data-block.error-block .error-form div, .darkwin .white-data-block.error-block .error-form div, .darkwin .group-data-block.error-block .error-form div, .darkwin .invite-data-block.error-block .error-form div, .darkwin .delete-data-block.error-block .error-form div, .darkwin .inviteto-data-block.error-block .error-form div, .darkwin .apply-job-data-block.error-block .error-form div {
          border-top: 1px dashed white;
          padding: 5px; }
          .lightbox .white-data-block.error-block .error-form div#global-error-text, .lightbox .white-data-block.error-block .error-form div#global-error-line, .lightbox .white-data-block.error-block .error-form div#global-error-file, .lightbox .white-data-block.error-block .error-form div#global-error-row, .lightbox .white-data-block.error-block .error-form div#global-error-object, .lightbox .group-data-block.error-block .error-form div#global-error-text, .lightbox .group-data-block.error-block .error-form div#global-error-line, .lightbox .group-data-block.error-block .error-form div#global-error-file, .lightbox .group-data-block.error-block .error-form div#global-error-row, .lightbox .group-data-block.error-block .error-form div#global-error-object, .lightbox .invite-data-block.error-block .error-form div#global-error-text, .lightbox .invite-data-block.error-block .error-form div#global-error-line, .lightbox .invite-data-block.error-block .error-form div#global-error-file, .lightbox .invite-data-block.error-block .error-form div#global-error-row, .lightbox .invite-data-block.error-block .error-form div#global-error-object, .lightbox .delete-data-block.error-block .error-form div#global-error-text, .lightbox .delete-data-block.error-block .error-form div#global-error-line, .lightbox .delete-data-block.error-block .error-form div#global-error-file, .lightbox .delete-data-block.error-block .error-form div#global-error-row, .lightbox .delete-data-block.error-block .error-form div#global-error-object, .lightbox .inviteto-data-block.error-block .error-form div#global-error-text, .lightbox .inviteto-data-block.error-block .error-form div#global-error-line, .lightbox .inviteto-data-block.error-block .error-form div#global-error-file, .lightbox .inviteto-data-block.error-block .error-form div#global-error-row, .lightbox .inviteto-data-block.error-block .error-form div#global-error-object, .lightbox .apply-job-data-block.error-block .error-form div#global-error-text, .lightbox .apply-job-data-block.error-block .error-form div#global-error-line, .lightbox .apply-job-data-block.error-block .error-form div#global-error-file, .lightbox .apply-job-data-block.error-block .error-form div#global-error-row, .lightbox .apply-job-data-block.error-block .error-form div#global-error-object, .darkwin .white-data-block.error-block .error-form div#global-error-text, .darkwin .white-data-block.error-block .error-form div#global-error-line, .darkwin .white-data-block.error-block .error-form div#global-error-file, .darkwin .white-data-block.error-block .error-form div#global-error-row, .darkwin .white-data-block.error-block .error-form div#global-error-object, .darkwin .group-data-block.error-block .error-form div#global-error-text, .darkwin .group-data-block.error-block .error-form div#global-error-line, .darkwin .group-data-block.error-block .error-form div#global-error-file, .darkwin .group-data-block.error-block .error-form div#global-error-row, .darkwin .group-data-block.error-block .error-form div#global-error-object, .darkwin .invite-data-block.error-block .error-form div#global-error-text, .darkwin .invite-data-block.error-block .error-form div#global-error-line, .darkwin .invite-data-block.error-block .error-form div#global-error-file, .darkwin .invite-data-block.error-block .error-form div#global-error-row, .darkwin .invite-data-block.error-block .error-form div#global-error-object, .darkwin .delete-data-block.error-block .error-form div#global-error-text, .darkwin .delete-data-block.error-block .error-form div#global-error-line, .darkwin .delete-data-block.error-block .error-form div#global-error-file, .darkwin .delete-data-block.error-block .error-form div#global-error-row, .darkwin .delete-data-block.error-block .error-form div#global-error-object, .darkwin .inviteto-data-block.error-block .error-form div#global-error-text, .darkwin .inviteto-data-block.error-block .error-form div#global-error-line, .darkwin .inviteto-data-block.error-block .error-form div#global-error-file, .darkwin .inviteto-data-block.error-block .error-form div#global-error-row, .darkwin .inviteto-data-block.error-block .error-form div#global-error-object, .darkwin .apply-job-data-block.error-block .error-form div#global-error-text, .darkwin .apply-job-data-block.error-block .error-form div#global-error-line, .darkwin .apply-job-data-block.error-block .error-form div#global-error-file, .darkwin .apply-job-data-block.error-block .error-form div#global-error-row, .darkwin .apply-job-data-block.error-block .error-form div#global-error-object {
            border-top: none; }
      .lightbox .white-data-block.error-block .live-error-text, .lightbox .group-data-block.error-block .live-error-text, .lightbox .invite-data-block.error-block .live-error-text, .lightbox .delete-data-block.error-block .live-error-text, .lightbox .inviteto-data-block.error-block .live-error-text, .lightbox .apply-job-data-block.error-block .live-error-text, .darkwin .white-data-block.error-block .live-error-text, .darkwin .group-data-block.error-block .live-error-text, .darkwin .invite-data-block.error-block .live-error-text, .darkwin .delete-data-block.error-block .live-error-text, .darkwin .inviteto-data-block.error-block .live-error-text, .darkwin .apply-job-data-block.error-block .live-error-text {
        font-size: 12px;
        color: red;
        margin-left: 20px;
        margin-top: 20px; }
      .lightbox .white-data-block.error-block p, .lightbox .group-data-block.error-block p, .lightbox .invite-data-block.error-block p, .lightbox .delete-data-block.error-block p, .lightbox .inviteto-data-block.error-block p, .lightbox .apply-job-data-block.error-block p, .darkwin .white-data-block.error-block p, .darkwin .group-data-block.error-block p, .darkwin .invite-data-block.error-block p, .darkwin .delete-data-block.error-block p, .darkwin .inviteto-data-block.error-block p, .darkwin .apply-job-data-block.error-block p {
        margin-left: 20px; }
      .lightbox .white-data-block.error-block .nav, .lightbox .group-data-block.error-block .nav, .lightbox .invite-data-block.error-block .nav, .lightbox .delete-data-block.error-block .nav, .lightbox .inviteto-data-block.error-block .nav, .lightbox .apply-job-data-block.error-block .nav, .darkwin .white-data-block.error-block .nav, .darkwin .group-data-block.error-block .nav, .darkwin .invite-data-block.error-block .nav, .darkwin .delete-data-block.error-block .nav, .darkwin .inviteto-data-block.error-block .nav, .darkwin .apply-job-data-block.error-block .nav {
        margin-top: 0px; }
      .lightbox .white-data-block.error-block button, .lightbox .group-data-block.error-block button, .lightbox .invite-data-block.error-block button, .lightbox .delete-data-block.error-block button, .lightbox .inviteto-data-block.error-block button, .lightbox .apply-job-data-block.error-block button, .darkwin .white-data-block.error-block button, .darkwin .group-data-block.error-block button, .darkwin .invite-data-block.error-block button, .darkwin .delete-data-block.error-block button, .darkwin .inviteto-data-block.error-block button, .darkwin .apply-job-data-block.error-block button {
        margin: 10px 0; }
    .lightbox .white-data-block.error-file .title, .lightbox .group-data-block.error-file .title, .lightbox .invite-data-block.error-file .title, .lightbox .delete-data-block.error-file .title, .lightbox .inviteto-data-block.error-file .title, .lightbox .apply-job-data-block.error-file .title, .darkwin .white-data-block.error-file .title, .darkwin .group-data-block.error-file .title, .darkwin .invite-data-block.error-file .title, .darkwin .delete-data-block.error-file .title, .darkwin .inviteto-data-block.error-file .title, .darkwin .apply-job-data-block.error-file .title {
      font-weight: 700;
      margin-bottom: 30px;
      text-align: center; }
    .lightbox .white-data-block .data-right, .lightbox .group-data-block .data-right, .lightbox .invite-data-block .data-right, .lightbox .delete-data-block .data-right, .lightbox .inviteto-data-block .data-right, .lightbox .apply-job-data-block .data-right, .darkwin .white-data-block .data-right, .darkwin .group-data-block .data-right, .darkwin .invite-data-block .data-right, .darkwin .delete-data-block .data-right, .darkwin .inviteto-data-block .data-right, .darkwin .apply-job-data-block .data-right {
      width: 100%; }
    .lightbox .white-data-block h2, .lightbox .group-data-block h2, .lightbox .invite-data-block h2, .lightbox .delete-data-block h2, .lightbox .inviteto-data-block h2, .lightbox .apply-job-data-block h2, .darkwin .white-data-block h2, .darkwin .group-data-block h2, .darkwin .invite-data-block h2, .darkwin .delete-data-block h2, .darkwin .inviteto-data-block h2, .darkwin .apply-job-data-block h2 {
      margin-bottom: 20px; }
    .lightbox .white-data-block .nav, .lightbox .group-data-block .nav, .lightbox .invite-data-block .nav, .lightbox .delete-data-block .nav, .lightbox .inviteto-data-block .nav, .lightbox .apply-job-data-block .nav, .darkwin .white-data-block .nav, .darkwin .group-data-block .nav, .darkwin .invite-data-block .nav, .darkwin .delete-data-block .nav, .darkwin .inviteto-data-block .nav, .darkwin .apply-job-data-block .nav {
      margin-top: 20px;
      text-align: right; }
      .lightbox .white-data-block .nav button, .lightbox .group-data-block .nav button, .lightbox .invite-data-block .nav button, .lightbox .delete-data-block .nav button, .lightbox .inviteto-data-block .nav button, .lightbox .apply-job-data-block .nav button, .darkwin .white-data-block .nav button, .darkwin .group-data-block .nav button, .darkwin .invite-data-block .nav button, .darkwin .delete-data-block .nav button, .darkwin .inviteto-data-block .nav button, .darkwin .apply-job-data-block .nav button {
        margin-left: 10px; }
        .lightbox .white-data-block .nav button.gray-bg, .lightbox .group-data-block .nav button.gray-bg, .lightbox .invite-data-block .nav button.gray-bg, .lightbox .delete-data-block .nav button.gray-bg, .lightbox .inviteto-data-block .nav button.gray-bg, .lightbox .apply-job-data-block .nav button.gray-bg, .darkwin .white-data-block .nav button.gray-bg, .darkwin .group-data-block .nav button.gray-bg, .darkwin .invite-data-block .nav button.gray-bg, .darkwin .delete-data-block .nav button.gray-bg, .darkwin .inviteto-data-block .nav button.gray-bg, .darkwin .apply-job-data-block .nav button.gray-bg {
          margin-right: 5px; }
  .lightbox .left-col, .darkwin .left-col {
    text-align: right; }

.left-col, .right-col {
  padding: 0 5px;
  width: 1%;
  display: table-cell;
  vertical-align: middle; }
  .left-col img, .right-col img {
    max-width: 100px;
    max-height: 100px; }

.invite-data-block {
  width: 300px;
  text-align: center; }
  .invite-data-block .invite-nav div button {
    width: 80%;
    height: 40px;
    border-radius: 20px;
    margin-bottom: 10px; }

.confirm-group-block {
  width: 300px;
  text-align: center; }
  .confirm-group-block h2 {
    margin-bottom: 0px;
    font-size: 20px; }
    .confirm-group-block h2 div {
      font-size: 26px; }
  .confirm-group-block .round-img {
    width: 100%;
    height: auto; }
    .confirm-group-block .round-img img {
      width: 100px;
      height: 100px;
      border-radius: 5px; }
  .confirm-group-block .nav {
    text-align: center;
    margin-top: 0px; }
    .confirm-group-block .nav button {
      margin-left: 10px; }

.inviteto-data-block {
  width: 550px;
  background: #f6f6f4;
  padding: 25px;
  transition: all 0.5s; }
  .inviteto-data-block h2 {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 10px;
    font-weight: normal; }
    .inviteto-data-block h2 b {
      font-weight: 700; }
  .inviteto-data-block h3 {
    margin-top: 15px; }
  .inviteto-data-block .back-button {
    font-size: 16px; }
  .inviteto-data-block .content-block {
    transition: all 0.5s; }
    .inviteto-data-block .content-block ul {
      overflow: auto;
      padding: 5px;
      transition: all 0.5s; }
  .inviteto-data-block .add-note {
    margin-top: 10px;
    font-size: 12px; }
  .inviteto-data-block .small-textarea {
    width: 100%;
    height: 50px;
    resize: vertical; }

.apply-job-data-block input {
  width: 100%; }

.apply-job-data-block h2 {
  margin-bottom: 0px; }

.apply-job-data-block .nav {
  margin-top: 10px; }
  .apply-job-data-block .nav button {
    margin-right: 5px; }

.delete-data-block {
  width: 300px !important;
  text-align: center; }

.alarm {
  position: fixed;
  top: 20px;
  left: 20px;
  font-size: 26px;
  cursor: pointer;
  -webkit-transform: translateZ(0); }
  .alarm .alarm-disable {
    position: absolute;
    top: 0;
    left: 0; }

.pagination-empty {
  height: 30px;
  display: block;
  margin-bottom: 20px; }

.darkwin {
  z-index: 900001; }
  .darkwin.showElm {
    opacity: 1; }

.window {
  display: none;
  position: relative;
  width: 380px;
  max-width: 90%;
  margin: 80px auto 40px auto;
  padding: 25px;
  z-index: 900002;
  color: #000339;
  /*background-color: #F6F6F4;*/
  background-color: white;
  border-radius: 6px;
  -webkit-transform: translate3d(0, 0, 0); }
  .window h3 {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 20px; }
    .window h3 .window-title-small {
      font-size: 14px;
      line-height: 14px; }
  .window .navigation {
    width: 100%;
    margin: 5px 0;
    text-align: right; }
    .window .navigation button {
      margin-left: 10px; }
    .window .navigation .cancel-btn {
      color: #fff;
      margin-right: 0; }
    .window .navigation .btn-left {
      float: left;
      margin-left: 0; }
  .window .navigation-buttons {
    margin-top: 25px; }
  .window .win-close {
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 18px;
    line-height: 18px;
    cursor: pointer; }
  .window .italic {
    font-style: italic;
    color: #A7A6B2; }
  .window .small-textarea {
    width: 100%;
    height: 90px;
    resize: none; }

.window-spin {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-left: -30px; }

.window-fixed {
  position: fixed;
  top: 40px;
  left: 50%;
  margin: 0 0 0 -160px; }

.collections-win {
  width: 800px; }
  .collections-win .protocols-spinner-bars {
    margin-top: 20px; }

.invite-group-win {
  width: 450px; }
  .invite-group-win label {
    font-size: 12px; }
  .invite-group-win textarea {
    width: 100%;
    height: 100px;
    margin-bottom: 40px;
    resize: none; }

.signin-window {
  position: relative;
  width: 420px;
  max-width: 90%;
  margin: 40px auto;
  padding: 25px;
  z-index: 900002;
  border-radius: 3px;
  color: #000339;
  background-color: #fff;
  box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.5);
  border: 1px solid #011E49; }
  .signin-window .signin-close {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 25px;
    color: #000339;
    cursor: pointer; }
  .signin-window h5 {
    font-size: 14px;
    font-weight: bold; }
  .signin-window .sign-radio {
    margin-top: 10px; }
  .signin-window .email-policy {
    text-align: right;
    padding: 5px 0 10px 0;
    font-size: 11px;
    line-height: 11px;
    color: gray; }
  .signin-window .sign-data {
    width: 100%;
    margin: 10px 0 2px 0; }
  .signin-window h2 {
    margin-bottom: 40px; }
  .signin-window input {
    width: 100%;
    padding: 10px;
    -webkit-appearance: none; }
  .signin-window .sign-radio li {
    min-height: 45px;
    display: block;
    margin: 0 0 0 40px;
    clear: both; }
    .signin-window .sign-radio li .sign-data {
      margin: 0;
      padding: 0; }
    .signin-window .sign-radio li:before {
      top: 0;
      left: -40px; }
  .signin-window .reset-block {
    margin: 10px 0 0 0; }
    .signin-window .reset-block:before, .signin-window .reset-block:after {
      content: " ";
      display: table;
      clear: both; }
  .signin-window .reset-pass {
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    float: right; }
  .signin-window .sl-title {
    position: relative;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    font-weight: 300;
    width: 100%;
    text-align: center; }
  .signin-window .sign-btn {
    display: block;
    margin: 20px 0 25px 0;
    text-shadow: none;
    text-align: center; }
    .signin-window .sign-btn .btn {
      width: 100%;
      height: 40px;
      font-size: 14px;
      text-shadow: none; }
    .signin-window .sign-btn .btn-text {
      font-size: 14px; }
    .signin-window .sign-btn .btn {
      color: #FFFFFF;
      background: #00a6e7; }
      .signin-window .sign-btn .btn:hover {
        background-color: #00cae1;
        border: 1px solid #00cae1; }
  .signin-window .social-login {
    margin: 25px 0 40px 0;
    text-align: center; }
    .signin-window .social-login .facebook-login:hover {
      color: #306199; }
    .signin-window .social-login .facebook-login, .signin-window .social-login .google-login {
      margin: 0 5px;
      display: inline-block;
      font-size: 64px;
      color: #777;
      cursor: pointer; }
    .signin-window .social-login .google-login:hover {
      color: #E93F2E; }
  .signin-window .disclaimer {
    font-size: 11px;
    line-height: 12px;
    font-weight: 300;
    color: #cfcfcf;
    width: 100%;
    text-align: center; }
  .signin-window .accexists {
    min-height: 20px;
    font-size: 11px;
    color: red;
    clear: both; }
  .signin-window .email-hide {
    margin-bottom: 10px; }

.invite-colleagues-win {
  width: 680px; }
  .invite-colleagues-win .invite-colleagues {
    margin-bottom: 20px; }
    .invite-colleagues-win .invite-colleagues:before, .invite-colleagues-win .invite-colleagues:after {
      content: " ";
      display: table;
      clear: both; }
    .invite-colleagues-win .invite-colleagues input {
      float: left;
      width: 24%;
      margin-right: 1%;
      border-radius: 3px; }
      .invite-colleagues-win .invite-colleagues input:last-child {
        margin-right: 0; }
    .invite-colleagues-win .invite-colleagues .colleagues-email {
      width: 50%; }
  .invite-colleagues-win .invited-colleagues {
    margin-bottom: 20px;
    font-weight: bold; }
    .invite-colleagues-win .invited-colleagues span {
      margin-left: 40px; }

.showElm {
  display: block !important; }

.hideElm {
  display: none !important; }

.on-drag {
  outline: 5px solid #00a6e7; }

.red-text {
  color: red; }

.btn, .button {
  display: inline-block;
  padding: 0 20px;
  font-size: 12px;
  line-height: 27px;
  font-weight: 400;
  color: #fff;
  border-radius: 6px;
  text-shadow: none;
  border: 1px solid #ccc;
  background: #ccc;
  cursor: pointer;
  -webkit-transform: translateZ(0);
  -webkit-transform: translate3d(0, 0, 0); }

.blue-button {
  font-size: 14px;
  line-height: 30px;
  padding: 0 10px;
  background: #4E88DD;
  border: 0;
  transition: background 0.25s ease-out, color 0.25s ease-out; }
  .blue-button:hover {
    background: #2c71d6; }

.new-sidebar-btn {
  position: relative;
  font-size: 11px;
  line-height: 30px;
  font-weight: 400;
  text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
  color: #fff;
  min-width: 100px;
  border-radius: 2px;
  border: 1px solid #00a6e7;
  background: #00a6e7; }
  .new-sidebar-btn:before {
    content: " ";
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 1px;
    right: 1px;
    border: 1px solid rgba(255, 255, 255, 0);
    background: transparent; }
  .new-sidebar-btn:hover, .new-sidebar-btn.ns-btn-active {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSItMS40MjEwODU0NzE1MjAyZS0xNCUiIHgyPSI1MCUiIHkyPSIxMDAlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTVlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwOWJkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(top, #00a5e7 0%, #009bd8 100%);
    background-image: -o-linear-gradient(top, #00a5e7 0%, #009bd8 100%);
    background-image: -webkit-linear-gradient(top, #00a5e7 0%, #009bd8 100%);
    background-image: linear-gradient(top, #00a5e7 0%, #009bd8 100%); }
  .new-sidebar-btn.ns-btn-active:before {
    border: 1px solid rgba(255, 255, 255, 0.3); }

.btn-blue, .blue-bg {
  color: #00a6e7;
  border: 1px solid #00a6e7;
  background: transparent; }
  .btn-blue:hover, .blue-bg:hover {
    color: #fff;
    border: 1px solid #00a6e7;
    background: #00a6e7; }

.btn-gray:hover, .gray-bg:hover {
  background-color: #666666;
  border-color: #666666; }

.default-btn {
  padding: 6px 10px;
  font-size: 14px;
  line-height: 13px;
  color: #000339;
  text-shadow: 0 1px 0 white;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #f2f2f2;
  background: -moz-linear-gradient(top, #f2f2f2 0%, white 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, white));
  background: -webkit-linear-gradient(top, #f2f2f2 0%, white 100%);
  background: -o-linear-gradient(top, #f2f2f2 0%, white 100%);
  background: -ms-linear-gradient(top, #f2f2f2 0%, white 100%);
  background: linear-gradient(to bottom, #f2f2f2 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff', GradientType=0 ); }
  .default-btn:hover, .default-btn:active {
    border: 1px solid #999;
    background: #dedede;
    background: -moz-linear-gradient(top, #dedede 0%, #f0f0f0 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #dedede), color-stop(100%, #f0f0f0));
    background: -webkit-linear-gradient(top, #dedede 0%, #f0f0f0 100%);
    background: -o-linear-gradient(top, #dedede 0%, #f0f0f0 100%);
    background: -ms-linear-gradient(top, #dedede 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #dedede 0%, #f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#f0f0f0', GradientType=0 ); }
  .default-btn i {
    margin-right: 5px; }

.btn-list button {
  height: 27px;
  border-radius: 0;
  vertical-align: top; }
  .btn-list button:first-child {
    margin-left: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
  .btn-list button:last-child {
    margin-left: -1px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }

.btn-dropdown {
  position: relative;
  display: inline-block; }
  .btn-dropdown .dropdown {
    display: block;
    right: 10px;
    min-width: 150px;
    min-height: 50px;
    margin-top: 10px;
    padding: 10px 10px;
    opacity: 1;
    z-index: 10; }
    .btn-dropdown .dropdown .list-nav li .ln-item {
      padding: 5px 10px 5px 10px;
      white-space: normal; }
      .btn-dropdown .dropdown .list-nav li .ln-item.sub-ln-item {
        padding-left: 20px; }

.btn-red {
  color: #FF3F3F;
  background: transparent;
  border: 1px solid #FF3F3F; }
  .btn-red:hover {
    background: #FF3F3F;
    color: #fff; }

.cr-ac-btn {
  text-align: center;
  display: block;
  width: 230px;
  margin: 20px auto;
  color: #FFFFFF;
  background: #00a6e7;
  font-size: 18px;
  line-height: 50px; }
  .cr-ac-btn:hover {
    color: #03bacf;
    background: transparent;
    border: 1px solid #03bacf; }

.btn-white {
  color: #fff;
  background: transparent;
  border: 1px solid #fff; }
  .btn-white:hover {
    background: #fff;
    color: #010e42; }

.btn-disabled {
  cursor: default;
  background-color: #F6F6F4;
  color: #aaa;
  border: 1px solid #aaa; }

.btn-blue-disabled {
  cursor: default;
  border: 1px solid #00a6e7 !important;
  background-color: #00a6e7 !important;
  color: #FFFFFF; }

.btn-group button {
  background-color: #f3f3f3;
  margin-left: -1px;
  padding: 8px 7px;
  font: bold 11px Arial;
  color: #000339;
  border: 1px solid #ccc;
  background-image: -webkit-linear-gradient(top, #fefefe, #f3f3f3);
  background-image: -moz-linear-gradient(top, #fefefe, #f3f3f3);
  cursor: pointer;
  min-width: 18px;
  text-align: center; }
  .btn-group button:first-child {
    margin-left: 0;
    border-radius: 3px 0 0 3px; }
  .btn-group button:last-child {
    margin-left: 0;
    border-radius: 0 3px 3px 0; }

.btn-active {
  -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); }

.share-public-btn {
  text-align: center;
  margin: 20px 0; }
  .share-public-btn a {
    display: inline-block;
    margin: 0 10px; }

.btn-facebook {
  color: #fff;
  background: #3b5998;
  border: 1px solid #3b5998; }
  .btn-facebook:hover {
    color: #fff;
    background: #3b5998;
    border: 1px solid #3b5998; }

.btn-twitter {
  color: #fff;
  background: #55acee;
  border: 1px solid #55acee; }
  .btn-twitter:hover {
    color: #fff;
    background: #55acee;
    border: 1px solid #55acee; }

.dropdown-alert {
  font-size: 12px;
  color: #8c8989;
  text-align: center; }

.check {
  width: 30px;
  height: 30px;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  border: 2px solid #e2e2e1;
  border-radius: 100%;
  background: #fff; }

.checked {
  border-color: #15da22; }

.list-nav li {
  width: 100%;
  display: block;
  position: relative;
  cursor: pointer; }
  .list-nav li .ln-item {
    width: 100%;
    padding: 15px 20px 15px 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .list-nav li .ln-item:hover {
      background: #e1e1e1; }
      .list-nav li .ln-item:hover .list-nav-line {
        background: #646464; }
  .list-nav li .list-nav-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 5px;
    background: transparent; }
  .list-nav li.ln-active {
    font-weight: 500;
    color: #00a6e7; }
    .list-nav li.ln-active .list-nav-line {
      background: #00a6e7 !important; }
    .list-nav li.ln-active .ln-item {
      color: #00a6e7; }
      .list-nav li.ln-active .ln-item.users:before {
        background-image: url("../../../img/users-active.svg"); }
      .list-nav li.ln-active .ln-item.acc-settings:before {
        background-image: url("../../../img/settings-active.svg"); }
  .list-nav li.ln-divider {
    border-bottom: 1px solid #ebebeb; }
  .list-nav li.ln-disable {
    cursor: default; }
    .list-nav li.ln-disable .ln-item {
      font-style: italic; }
      .list-nav li.ln-disable .ln-item:hover {
        background: transparent; }
        .list-nav li.ln-disable .ln-item:hover .list-nav-line {
          background: transparent; }
  .list-nav li.ln-error {
    padding: 5px;
    font-size: 12px;
    text-align: center;
    cursor: default; }

.new-folder-win input {
  width: 100%;
  margin-bottom: 20px; }

.pf-menu-arrow {
  display: inline-block;
  font-size: 14px;
  line-height: 11px; }

.context-menu-block {
  position: relative; }

.context-menu {
  position: absolute;
  top: 0;
  left: 30px;
  background-color: #fff;
  -moz-box-shadow: 3px 2px 5px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 2px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 3px 2px 5px 0 rgba(0, 0, 0, 0.3);
  z-index: 10;
  min-width: 180px; }
  .context-menu .list-nav li {
    color: #000339;
    font-weight: normal; }
    .context-menu .list-nav li .list-nav-line {
      background: transparent; }
    .context-menu .list-nav li i {
      font-size: 23px; }
    .context-menu .list-nav li .ln-item:hover {
      background: #e1e1e1; }
      .context-menu .list-nav li .ln-item:hover .list-nav-line {
        background: #646464; }

.pagination-list li {
  display: inline-block !important;
  margin: 0 10px 0 0 !important;
  width: auto !important; }
  .pagination-list li a {
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    line-height: 30px;
    border-radius: 15px;
    text-align: center;
    color: #000339; }
    .pagination-list li a:hover {
      background: #fff;
      color: #000339; }

.pagination-list .pagination-dots a {
  color: #000339; }
  .pagination-list .pagination-dots a:hover {
    background: transparent; }

.pagination-list .active a {
  background: #fff; }

.total-protocols:before, .total-protocols:after {
  content: " ";
  display: table;
  clear: both; }

.total-protocols a {
  float: right; }

.window-pagination {
  margin: 10px 0; }
  .window-pagination li a:hover {
    background: #F6F6F4; }
  .window-pagination .active a {
    background: #F6F6F4; }

.rename-window h3 {
  overflow: auto;
  white-space: normal; }

.window-share-twitter, .window-share-facebook, .window-share-email {
  position: relative;
  display: block;
  width: 190px;
  margin: 10px auto;
  text-align: center;
  line-height: 30px; }
  .window-share-twitter i, .window-share-facebook i, .window-share-email i {
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -11px;
    font-size: 20px;
    line-height: 20px; }

.window-share-twitter, .window-share-facebook {
  border: 0; }

.window-share-facebook {
  background: #4c66a4; }

.window-share-twitter {
  background: #54abee; }

.window-share-email {
  line-height: 28px; }

.white-block-link {
  cursor: pointer; }

.gd-block {
  padding: 10px 10px 10px 120px !important;
  min-height: 120px;
  position: relative;
  vertical-align: top;
  text-align: left !important; }
  .gd-block h3 {
    font-size: 20px;
    line-height: 22px;
    font-weight: 500; }
  .gd-block .gd-interests:first-letter {
    text-transform: capitalize; }
  .gd-block .gd-img {
    position: absolute;
    top: 10px;
    left: 10px;
    max-width: 100px;
    max-height: 100px; }
  .gd-block .gd-interests {
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis; }
  .gd-block .gd-info {
    font-size: 12px;
    font-weight: 500;
    color: #A7A6B2; }
    .gd-block .gd-info .gdi-span {
      margin-right: 10px; }

.req-icon {
  font-size: 35px;
  vertical-align: middle; }

.growl {
  width: 140px;
  position: fixed;
  top: -140px;
  left: 50%;
  margin-left: -70px;
  padding: 5px;
  color: #fff;
  text-align: center;
  background: #404040;
  z-index: 10000;
  transition: all .5s ease 0s;
  -webkit-transition: all .5s ease 0s; }
  .growl.show-growl {
    top: 0; }
  .growl p {
    display: inline-block; }
  .growl .protocols-spin-small {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px; }
  .growl .spinner {
    display: inline-block;
    width: auto;
    margin: 0 0 0 5px; }
    .growl .spinner div {
      width: 5px;
      height: 5px;
      background-color: #fff; }

body .mce-tinymce {
  border: 1px solid #e0e0e0;
  background-color: #fff;
  border-radius: 8px;
  padding-bottom: 4px; }
  body .mce-tinymce .mce-toolbar-grp {
    border-radius: 8px 8px 0px 0px !important;
    padding-left: 4px;
    padding-right: 4px; }

body .mce-menubtn .mce-caret {
  display: none; }

body div.mce-tinymce-inline {
  width: 170px !important;
  height: 25px !important;
  margin-top: 10px;
  padding: 0;
  border: 0;
  background: transparent; }
  body div.mce-tinymce-inline .mce-container-body {
    width: 170px !important;
    height: 25px !important; }

body .mce-toolbar {
  border: 0;
  padding: 0;
  margin-bottom: 5px;
  background: transparent; }

body .mce-btn {
  border: 0 !important; }
  body .mce-btn:hover {
    background: none !important; }
  body .mce-btn .mce-open {
    display: none !important; }

body .mce-btn-group .mce-last {
  border: 0 !important; }

body .mce-btn button {
  padding: 1px 5px 2px;
  height: 17px; }

body .mce-ico {
  font-size: 11px;
  line-height: 13px;
  width: 11px; }

body .mce-listbox {
  border-radius: 3px !important; }

body .mce-window .mce-panel .mce-btn {
  display: inline-block;
  height: auto !important;
  width: auto !important;
  padding: 0;
  font-size: 12px;
  line-height: 27px;
  font-weight: 800;
  color: #FFF;
  border: 0;
  border-radius: 10px !important;
  background: #CCC;
  cursor: pointer; }
  body .mce-window .mce-panel .mce-btn button {
    height: auto !important;
    width: auto !important;
    line-height: 27px;
    color: #fff;
    padding: 0px 30px; }
  body .mce-window .mce-panel .mce-btn.mce-last:hover {
    background: #CCC !important; }

body .mce-window .mce-primary {
  min-width: auto !important;
  background: #00a6e7 !important; }

body .mce-i-icon-expand:before {
  font-family: "Protocols" !important;
  content: "\0076";
  font-weight: bold; }

body .mce-i-icon-collapse {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-top: -2px; }

body .mce-tooltip {
  z-index: 999999 !important; }

body .mce-toolbar .mce-expand-btn {
  position: absolute;
  right: 10px; }

body .mce-toolbar .mce-title-btn .mce-txt {
  font-size: 10px;
  text-transform: uppercase;
  line-height: 16px; }

.tag-item {
  height: 24px;
  margin-left: 12px;
  padding: 0px 15px 0 0;
  position: relative;
  display: inline-block;
  margin: 0 15px 5px 0px;
  font-size: 12px;
  line-height: 20px;
  color: #000339;
  background: #e2e2e2; }
  .tag-item.on-view {
    cursor: pointer; }
    .tag-item.on-view:hover {
      transition: all 0.2s;
      background-color: #ccc; }
      .tag-item.on-view:hover:after {
        transition: all 0.2s;
        border-right-color: #ccc; }
  .tag-item i {
    position: absolute;
    top: 1px;
    right: 5px;
    padding-left: 15px;
    font-size: 14px;
    color: #fff;
    cursor: pointer; }
    .tag-item i:hover {
      color: #00a6e7; }
  .tag-item:after {
    right: 100%;
    top: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(194, 194, 194, 0);
    border-right-color: #e2e2e2;
    border-width: 12px; }
  .tag-item span {
    margin: 2px 0 0 8px;
    display: block; }

.progress-bar {
  width: 100%;
  height: 10px;
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  margin-bottom: 10px; }
  .progress-bar span {
    display: block;
    height: 8px;
    border-radius: 5px;
    background: #22ff00;
    background: -webkit-gradient(left top, right top, color-stop(0%, #22ff00), color-stop(100%, #00d1e8));
    background: linear-gradient(to right, #22ff00 0%, #00d1e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22ff00', endColorstr='#00d1e8', GradientType=1 );
    transition: width 0.25s; }

.slider {
  transition: max-height 0.4s, -webkit-transform 0.5s, opacity 0.5s;
  transition: max-height 0.4s, transform 0.5s, opacity 0.5s;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0; }
  .slider.hide {
    max-height: 0px;
    opacity: 0;
    display: none; }
  .slider.show {
    opacity: 1;
    display: block; }

.no-found {
  text-align: center; }

.radio li {
  position: relative;
  display: inline-block;
  margin-left: 40px;
  margin-right: 20px;
  line-height: 30px;
  cursor: pointer; }
  .radio li:before {
    position: absolute;
    content: '';
    width: 24px;
    left: -40px;
    top: 0;
    /* float: left; */
    height: 24px;
    border-radius: 15px;
    background: white;
    border: 2px solid #eeeeee; }

.radio .active:before {
  background: #15da22;
  border: 3px solid white;
  box-shadow: 0 0px 0px 2px #15da22; }

.radio .radio-disable {
  color: #ccc;
  cursor: default; }
  .radio .radio-disable:before {
    border: 2px solid #ccc; }

.radio-simple {
  width: 24px;
  height: 24px;
  border-radius: 15px;
  background: white;
  border: 2px solid #eeeeee;
  cursor: pointer; }
  .radio-simple.active {
    background: #15da22;
    border: 3px solid white;
    box-shadow: 0 0px 0px 2px #15da22; }

.page-nav-fix-block {
  display: block;
  min-height: 44px; }

.page-nav.page-nav-fixed {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  opacity: 0.93; }
  .page-nav.page-nav-fixed ul .page-nav-brand {
    display: inline-block;
    transform: scale(1);
    opacity: 1;
    -webkit-animation: grow .3s ease-in-out;
    animation: grow .3s ease-in-out; }
  .page-nav.page-nav-fixed ul .page-nav-action {
    display: inline-block;
    transform: scale(1);
    opacity: 1;
    -webkit-animation: grow .3s ease-in-out;
    animation: grow .3s ease-in-out; }
  .page-nav.page-nav-fixed ul .page-nav-logo {
    display: inline-block;
    transform: scale(1);
    opacity: 1;
    -webkit-animation: grow .3s ease-in-out;
    animation: grow .3s ease-in-out; }

@keyframes grow {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: inline-block;
    opacity: 0;
    transform: scale(0); }
  100% {
    opacity: 1;
    transform: scale(1); } }

@-webkit-keyframes grow {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: inline-block;
    opacity: 0;
    transform: scale(0); }
  100% {
    opacity: 1;
    transform: scale(1); } }

.page-nav {
  width: 100%;
  position: relative;
  padding: 0 20px 0 30px;
  background: #010e42;
  background: -moz-linear-gradient(left, #010e42 0%, #067788 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #010e42), color-stop(100%, #067788));
  background: -webkit-linear-gradient(left, #010e42 0%, #067788 100%);
  background: -o-linear-gradient(left, #010e42 0%, #067788 100%);
  background: -ms-linear-gradient(left, #010e42 0%, #067788 100%);
  background: linear-gradient(to right, #010e42 0%, #067788 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010e42', endColorstr='#067788', GradientType=1 ); }
  .page-nav ul li {
    display: inline-block;
    margin-left: 30px; }
    .page-nav ul li:first-child {
      margin-left: 0; }
      .page-nav ul li:first-child.back-arrow {
        margin-left: -30px; }
    .page-nav ul li a {
      display: block;
      position: relative;
      font-size: 14px;
      line-height: 14px;
      font-weight: 300;
      color: #00d0e8;
      padding: 15px 0; }
      .page-nav ul li a .nav-border {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 3px;
        background: transparent; }
      .page-nav ul li a:hover {
        color: #fff; }
        .page-nav ul li a:hover .nav-border {
          background: #fff; }
  .page-nav ul .active-pn-buffer {
    color: white;
    margin-left: 10px; }
    .page-nav ul .active-pn-buffer .pf-list {
      line-height: 13px; }
    .page-nav ul .active-pn-buffer a {
      padding-left: 0px; }
  .page-nav ul .active-pn.active-pn-buffer {
    margin-left: 0px; }
    .page-nav ul .active-pn.active-pn-buffer a {
      padding-left: 10px; }
  .page-nav ul .active-pn.active-pn-clickable a {
    cursor: pointer; }
  .page-nav ul .active-pn a {
    cursor: default;
    color: #fff; }
    .page-nav ul .active-pn a .nav-border {
      background: #fff; }
  .page-nav ul .page-nav-brand {
    display: none;
    transform: scale(0);
    opacity: 0; }
    .page-nav ul .page-nav-brand img {
      height: 30px;
      border-radius: 100%;
      vertical-align: middle; }
  .page-nav ul .page-nav-logo {
    margin-right: 20px;
    color: #fff;
    cursor: pointer;
    display: none;
    transform: scale(0);
    opacity: 0; }
    .page-nav ul .page-nav-logo i {
      margin-right: 2px;
      font-size: 20px;
      vertical-align: middle; }
  .page-nav ul .page-nav-action {
    padding: 10px;
    position: relative;
    color: #fff;
    font-size: 20px;
    vertical-align: middle;
    cursor: pointer;
    display: none;
    transform: scale(0);
    opacity: 0; }
    .page-nav ul .page-nav-action ul {
      display: none;
      position: absolute;
      top: 100%;
      left: -10px;
      background-color: white;
      padding: 0px 10px; }
      .page-nav ul .page-nav-action ul li {
        display: block;
        padding: 10px 0;
        margin-left: 0;
        font-size: 14px;
        color: #000339;
        white-space: nowrap;
        cursor: pointer; }
        .page-nav ul .page-nav-action ul li .pna-icon {
          width: 30px;
          height: 30px;
          margin-right: 5px;
          display: inline-block;
          text-align: center;
          border-radius: 100%;
          border: 1px solid  #03BACF;
          color: #03BACF; }
          .page-nav ul .page-nav-action ul li .pna-icon i {
            display: block;
            font-size: 15px;
            line-height: 30px; }
        .page-nav ul .page-nav-action ul li .pna-text {
          background: #fff;
          padding: 3px; }
        .page-nav ul .page-nav-action ul li:hover {
          color: #00a6e7; }
    .page-nav ul .page-nav-action .nav-border {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 3px;
      background: transparent; }
    .page-nav ul .page-nav-action:hover ul {
      display: block; }
    .page-nav ul .page-nav-action:hover .nav-border {
      background: #fff; }
  .page-nav .pc-search {
    position: absolute;
    top: 10px;
    right: 30px; }
    .page-nav .pc-search i {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 30px;
      color: #fff;
      cursor: pointer; }

.search-header {
  position: relative;
  width: 100%;
  margin-bottom: 20px; }
  .search-header.search-header-reagent {
    margin-top: 30px; }
  .search-header .new-protocol-header {
    position: absolute;
    left: 0;
    height: 36px;
    top: 15px; }
    .search-header .new-protocol-header a {
      line-height: 36px;
      vertical-align: middle; }
      .search-header .new-protocol-header a i {
        padding-right: 10px;
        font-size: 36px;
        display: block;
        float: left;
        vertical-align: middle; }
      .search-header .new-protocol-header a span {
        vertical-align: middle; }

.cbb-soft .command-blob .command-title {
  background: none; }

.command-blob {
  width: 100%;
  position: relative; }
  .command-blob .command-title {
    padding: 5px;
    background-color: #3f3f3f;
    font-family: courier;
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre-wrap; }
    .command-blob .command-title .hljs {
      word-break: initial;
      word-wrap: break-word;
      white-space: pre-wrap; }
  .command-blob .command-desc {
    position: relative;
    padding: 10px;
    font-size: 13px;
    line-height: 16px;
    border: solid 1px #eee;
    white-space: pre-wrap; }
    .command-blob .command-desc .edit-blob {
      position: absolute;
      bottom: 10px;
      right: 10px; }
  .command-blob .command-desc-edit {
    padding: 10px 10px 30px 10px; }
  .command-blob .remove-blob i {
    position: absolute;
    top: 5px;
    right: 5px;
    left: auto;
    font-size: 14px;
    line-height: 14px;
    color: #00a6e7;
    cursor: pointer; }

.component-label {
  margin-left: 20px; }

.product-blob, .journal-product {
  width: 300px;
  max-width: 100%;
  position: relative;
  margin-top: 4px;
  padding: 15px 25px 15px 25px;
  font-weight: 700;
  background: white;
  /* Old browsers */
  border: 1px solid #ddd; }
  .product-blob i, .product-blob img, .journal-product i, .journal-product img {
    top: 15px;
    left: 15px;
    font-size: 22px;
    line-height: 22px;
    vertical-align: middle; }
  .product-blob img, .journal-product img {
    height: 22px; }
  .product-blob .product-blob-desc, .journal-product .product-blob-desc {
    font-size: 11px;
    font-weight: 300; }
    .product-blob .product-blob-desc a, .journal-product .product-blob-desc a {
      margin-left: 5px; }
  .product-blob .protocols-count, .journal-product .protocols-count {
    font-weight: 200;
    font-size: 12px;
    position: absolute;
    top: 3px;
    line-height: 12px;
    right: 5px; }
  .product-blob .remove-blob i, .journal-product .remove-blob i {
    position: absolute;
    top: 5px;
    right: 5px;
    left: auto;
    font-size: 14px;
    line-height: 14px;
    color: #00a6e7;
    cursor: pointer; }
  .product-blob .edit-blob, .journal-product .edit-blob {
    position: absolute;
    bottom: 3px;
    right: 5px;
    font-size: 12px;
    font-weight: 300;
    line-height: 12px; }
  .product-blob .used-in, .journal-product .used-in {
    position: absolute;
    bottom: 5px;
    right: 15px;
    font-weight: 300;
    text-align: right;
    font-size: 11px; }
    .product-blob .used-in b, .journal-product .used-in b {
      font-weight: 500; }

.sw-package {
  border: 1px solid #cfcfcf;
  padding: 15px; }
  .sw-package .pf-export {
    position: relative;
    margin-left: 20px;
    font-size: 16px;
    line-height: 16px;
    top: auto;
    left: auto;
    color: #000339 !important; }
  .sw-package .dataset-icon {
    position: relative;
    top: auto;
    left: auto;
    height: 15px;
    margin-right: 5px;
    vertical-align: middle; }
  .sw-package .soft-link {
    margin-left: 0 !important;
    color: #000339;
    text-decoration: none;
    word-wrap: break-word; }
    .sw-package .soft-link:hover {
      text-decoration: underline; }

.safety-blob {
  width: 100%;
  max-width: 100%;
  position: relative;
  margin-top: 4px;
  padding: 15px 25px 15px 25px;
  font-weight: 700;
  background: white;
  /* Old browsers */
  border: 1px solid #ddd; }
  .safety-blob i, .safety-blob img {
    top: 15px;
    left: 15px;
    font-size: 22px;
    line-height: 22px;
    vertical-align: middle; }
  .safety-blob img {
    height: 22px; }
  .safety-blob .safety-blob-body {
    font-size: 11px;
    font-weight: 300; }
    .safety-blob .safety-blob-body a {
      margin-left: 5px; }
  .safety-blob .remove-blob i {
    position: absolute;
    top: 5px;
    right: 5px;
    left: auto;
    font-size: 14px;
    line-height: 14px;
    color: #00a6e7;
    cursor: pointer; }
  .safety-blob .edit-blob {
    position: absolute;
    bottom: 3px;
    right: 5px;
    font-size: 12px;
    font-weight: 300;
    line-height: 12px; }
  .safety-blob .used-in {
    position: absolute;
    bottom: 5px;
    right: 15px;
    font-weight: 300;
    text-align: right;
    font-size: 11px; }
    .safety-blob .used-in b {
      font-weight: 500; }

.tooltip[data-tooltip] {
  position: relative; }

.tooltip[data-tooltip]::before,
.tooltip[data-tooltip]::after {
  position: absolute;
  display: none;
  opacity: 0.85;
  z-index: 20; }

.tooltip[data-tooltip]::before {
  content: attr(data-tooltip);
  background: #000;
  color: #fff;
  font-size: 11px;
  line-height: 13px;
  font-weight: 300;
  text-align: left;
  padding: 5px;
  border-radius: 5px;
  white-space: nowrap;
  text-decoration: none; }

.tooltip[data-tooltip]::after {
  width: 0;
  height: 0;
  border: 6px solid transparent;
  content: ''; }

.tooltip[data-tooltip]:hover::before,
.tooltip[data-tooltip]:hover::after {
  display: block; }

.tooltip[data-tooltip][data-placement="left"]::before {
  top: -25%;
  right: 100%;
  margin-right: 10px; }

.tooltip[data-tooltip][data-placement="left"]::after {
  border-left-color: #000;
  border-right: none;
  top: 50%;
  right: 100%;
  margin-top: -6px;
  margin-right: 4px; }

.tooltip[data-tooltip][data-placement="right"]::before {
  top: -25%;
  left: 100%;
  margin-left: 10px; }

.tooltip[data-tooltip][data-placement="right"]::after {
  border-right-color: #000;
  border-left: none;
  top: 50%;
  left: 100%;
  margin-top: -6px;
  margin-left: 6px; }

.tooltip[data-tooltip][data-placement="top"]::before {
  bottom: 100%;
  left: -10px;
  margin-bottom: 10px; }

.tooltip[data-tooltip][data-placement="top"]::after {
  border-top-color: #000;
  border-bottom: none;
  bottom: 100%;
  left: 0;
  margin-bottom: 4px; }

.tooltip[data-tooltip][data-placement="bottom"]::before {
  top: 100%;
  left: 0;
  margin-top: 10px; }

.tooltip[data-tooltip][data-placement="bottom"]::after {
  border-bottom-color: #000;
  border-top: none;
  top: 100%;
  left: 10px;
  margin-top: 4px; }

.comment-block {
  position: relative;
  margin-top: 20px; }
  .comment-block .comment-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    cursor: pointer; }
  .comment-block .comment-img-small {
    width: 25px;
    height: 25px;
    border-radius: 100%; }
  .comment-block .comment-name {
    display: inline-block;
    margin-bottom: 5px;
    color: #00a6e7;
    font-size: 12px;
    cursor: pointer; }
    .comment-block .comment-name a {
      color: #000339; }
    .comment-block .comment-name .user-blob:hover {
      color: #FFFFFF; }
  .comment-block .comment-name-small {
    padding-left: 35px; }
  .comment-block .comment-body {
    padding: 5px 0 0 8px;
    font-size: 12px; }
  .comment-block .comment-aff {
    font-weight: normal; }
  .comment-block .comment-area {
    position: relative; }
    .comment-block .comment-area textarea {
      width: 100%;
      height: 70px;
      resize: none; }
  .comment-block .comment-date {
    display: inline-block;
    margin: 0 0 0 10px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 300;
    color: #AAA; }
  .comment-block .comment-nav {
    top: -20px;
    right: 0px;
    position: absolute;
    text-align: right;
    padding-top: 15px;
    color: #c2c2c2; }
    .comment-block .comment-nav i {
      font-size: 14px;
      margin-left: 5px;
      color: #AAA;
      cursor: pointer; }
    .comment-block .comment-nav a {
      margin-left: 10px; }
  .comment-block .comments-reply {
    margin-left: 8px;
    font-size: 12px;
    cursor: pointer; }
  .comment-block .comment-btns:before, .comment-block .comment-btns:after {
    content: " ";
    display: table;
    clear: both; }
  .comment-block .comment-btns button {
    float: right;
    margin-top: 10px;
    margin-left: 10px; }

.comment-editor {
  padding-left: 60px; }

.sub-comment {
  padding-left: 30px; }

.empty-vendor {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: middle; }

.username-win input {
  width: 100%;
  margin-bottom: 20px; }

.big-editor-block {
  width: 90%;
  margin: 60px auto 0; }
  .big-editor-block .title {
    font-size: 23px;
    line-height: 28px;
    font-weight: 200;
    text-transform: uppercase;
    margin: 0px !important;
    padding: 0px !important; }
  .big-editor-block .navigation {
    width: 100%;
    margin: 15px 0 0;
    text-align: right; }
    .big-editor-block .navigation button {
      margin-left: 10px; }
  .big-editor-block .wrap {
    border-radius: 8px;
    background-color: white; }
    .big-editor-block .wrap .mce-tinymce {
      background-color: #f0f0f0 !important; }
  .big-editor-block .btn-blue {
    color: white;
    border-color: white; }
    .big-editor-block .btn-blue:hover {
      border-color: #00a6e7; }
  .big-editor-block.beb-title {
    margin: 0 auto; }
    .big-editor-block.beb-title .beb-maintitle {
      margin-bottom: 20px; }

.scroll-top {
  position: fixed;
  width: 45px;
  height: 32px;
  bottom: 30px;
  right: 30px;
  font-size: 30px;
  cursor: pointer;
  z-index: 100; }

.checkbox-item {
  vertical-align: top;
  cursor: pointer; }
  .checkbox-item div {
    display: inline-block;
    vertical-align: middle; }
  .checkbox-item label {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    cursor: pointer; }

.collapse-sidebar {
  display: none;
  position: fixed;
  top: 15px;
  left: -5px;
  width: 30px;
  height: 40px;
  padding: 10px 12px;
  font-size: 20px;
  line-height: 30px;
  background: #000339;
  color: white;
  cursor: pointer;
  z-index: 20;
  transition: left .2s ease; }
  .collapse-sidebar .cs-arrow-close {
    margin-top: -9px;
    display: block;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  .collapse-sidebar .cs-arrow-open {
    display: block;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  .collapse-sidebar:hover {
    left: 0; }

.step-list-link {
  display: none;
  position: absolute;
  top: -15px;
  right: 5px;
  font-size: 12px;
  line-height: 25px;
  color: #00a6e7;
  cursor: pointer; }
  .step-list-link i {
    font-size: 25px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }

.react-checkbox {
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  position: relative;
  cursor: pointer; }
  .react-checkbox:hover {
    border-color: #03bacf !important; }
    .react-checkbox:hover .react-checkbox-check {
      color: #03bacf; }
  .react-checkbox.checked {
    border-color: #aaa; }
    .react-checkbox.checked .react-checkbox-check {
      display: block; }
  .react-checkbox.fixed-checkbox {
    position: fixed;
    border-color: #03bacf;
    background: #03bacf;
    color: #03bacf;
    z-index: 100; }
  .react-checkbox .react-checkbox-check {
    font-size: 22px;
    position: absolute;
    top: -3px;
    left: 1px;
    line-height: 15px;
    color: #aaa;
    display: none; }

.pointer {
  cursor: pointer; }

.protocols-preloader {
  position: relative;
  width: 100px;
  height: 100px; }
  .protocols-preloader .pp-spin {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    border-radius: 100%;
    background: #000339; }
  .protocols-preloader .pp-spin-main {
    width: 100px;
    height: 100px;
    margin-left: -50px;
    margin-top: -50px;
    -webkit-animation: pp-main 10s linear infinite forwards;
    animation: pp-main 10s linear infinite forwards; }
  .protocols-preloader .pp-spin-two {
    width: 100px;
    height: 100px;
    background: yellow;
    z-index: 2; }
    .protocols-preloader .pp-spin-two.pp-spin-two-first {
      margin-left: -50px;
      margin-top: -50px;
      -webkit-animation: pp-two-first 10s linear infinite forwards;
      animation: pp-two-first 10s linear infinite forwards; }
    .protocols-preloader .pp-spin-two.pp-spin-two-second {
      margin-left: -50px;
      margin-top: -50px;
      background: green;
      -webkit-animation: pp-two-second 10s linear infinite forwards;
      animation: pp-two-second 10s linear infinite forwards; }
  .protocols-preloader .pp-spin-four {
    width: 50px;
    height: 50px;
    background: red;
    z-index: 3; }
    .protocols-preloader .pp-spin-four.pp-spin-four-first {
      margin-left: -25px; }
    .protocols-preloader .pp-spin-four.pp-spin-four-second {
      margin-left: -25px; }
    .protocols-preloader .pp-spin-four.pp-spin-four-top {
      margin-top: -50px; }
    .protocols-preloader .pp-spin-four.pp-spin-four-bottom {
      margin-top: 0; }
    .protocols-preloader .pp-spin-four.pp-spin-four-first.pp-spin-four-top {
      -webkit-animation: pp-four-first-top 10s linear infinite forwards;
      animation: pp-four-first-top 10s linear infinite forwards; }
    .protocols-preloader .pp-spin-four.pp-spin-four-second.pp-spin-four-top {
      -webkit-animation: pp-four-second-top 10s linear infinite forwards;
      animation: pp-four-second-top 10s linear infinite forwards; }
    .protocols-preloader .pp-spin-four.pp-spin-four-first.pp-spin-four-bottom {
      -webkit-animation: pp-four-first-bottom 10s linear infinite forwards;
      animation: pp-four-first-bottom 10s linear infinite forwards; }
    .protocols-preloader .pp-spin-four.pp-spin-four-second.pp-spin-four-bottom {
      -webkit-animation: pp-four-second-bottom 10s linear infinite forwards;
      animation: pp-four-second-bottom 10s linear infinite forwards; }
  .protocols-preloader .pp-spin-eight {
    width: 12.5px;
    height: 12.5px;
    background: green;
    z-index: 4; }
    .protocols-preloader .pp-spin-eight.pp-spin-eight-first {
      margin-left: -46px; }
    .protocols-preloader .pp-spin-eight.pp-spin-eight-second {
      margin-left: -25px; }
    .protocols-preloader .pp-spin-eight.pp-spin-eight-third {
      margin-left: 12px; }
    .protocols-preloader .pp-spin-eight.pp-spin-eight-fourth {
      margin-left: 34px; }
    .protocols-preloader .pp-spin-eight.pp-spin-eight-top.pp-spin-eight-first {
      margin-top: -24px; }
    .protocols-preloader .pp-spin-eight.pp-spin-eight-top.pp-spin-eight-second {
      margin-top: -46px; }
    .protocols-preloader .pp-spin-eight.pp-spin-eight-top.pp-spin-eight-third {
      margin-top: -46px; }
    .protocols-preloader .pp-spin-eight.pp-spin-eight-top.pp-spin-eight-fourth {
      margin-top: -24px; }
    .protocols-preloader .pp-spin-eight.pp-spin-eight-bottom.pp-spin-eight-first {
      margin-top: 10px; }
    .protocols-preloader .pp-spin-eight.pp-spin-eight-bottom.pp-spin-eight-second {
      margin-top: 33px; }
    .protocols-preloader .pp-spin-eight.pp-spin-eight-bottom.pp-spin-eight-third {
      margin-top: 33px; }
    .protocols-preloader .pp-spin-eight.pp-spin-eight-bottom.pp-spin-eight-fourth {
      margin-top: 10px; }
  .protocols-preloader .pp-spin-sixteen:before, .protocols-preloader .pp-spin-sixteen:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 100%;
    width: 6px;
    height: 6px;
    background: #9FE2F6;
    z-index: 5;
    opacity: 0; }
  .protocols-preloader .pp-spin-sixteen.pp-spin-sixteen-first {
    margin-left: -46px; }
  .protocols-preloader .pp-spin-sixteen.pp-spin-sixteen-second {
    margin-left: -25px; }
  .protocols-preloader .pp-spin-sixteen.pp-spin-sixteen-third {
    margin-left: 12px; }
  .protocols-preloader .pp-spin-sixteen.pp-spin-sixteen-fourth {
    margin-left: 34px; }
  .protocols-preloader .pp-spin-sixteen.pp-spin-sixteen-top.pp-spin-sixteen-first:before {
    margin-top: -29px;
    margin-left: 3px; }
  .protocols-preloader .pp-spin-sixteen.pp-spin-sixteen-top.pp-spin-sixteen-first:after {
    margin-top: -13px;
    margin-left: -3px; }
  .protocols-preloader .pp-spin-sixteen.pp-spin-sixteen-top.pp-spin-sixteen-second:before {
    margin-top: -39px;
    margin-left: -9px; }
  .protocols-preloader .pp-spin-sixteen.pp-spin-sixteen-top.pp-spin-sixteen-second:after {
    margin-top: -48px;
    margin-left: 8px; }
  .protocols-preloader .pp-spin-sixteen.pp-spin-sixteen-top.pp-spin-sixteen-third:before {
    margin-top: -48px;
    margin-left: -1px; }
  .protocols-preloader .pp-spin-sixteen.pp-spin-sixteen-top.pp-spin-sixteen-third:after {
    margin-top: -39px;
    margin-left: 16px; }
  .protocols-preloader .pp-spin-sixteen.pp-spin-sixteen-top.pp-spin-sixteen-fourth:before {
    margin-top: -13px;
    margin-left: 9px; }
  .protocols-preloader .pp-spin-sixteen.pp-spin-sixteen-top.pp-spin-sixteen-fourth:after {
    margin-top: -29px;
    margin-left: 2px; }
  .protocols-preloader .pp-spin-sixteen.pp-spin-sixteen-bottom.pp-spin-sixteen-first:before {
    margin-top: 8px;
    margin-left: -3px; }
  .protocols-preloader .pp-spin-sixteen.pp-spin-sixteen-bottom.pp-spin-sixteen-first:after {
    margin-top: 22px;
    margin-left: 3px; }
  .protocols-preloader .pp-spin-sixteen.pp-spin-sixteen-bottom.pp-spin-sixteen-second:before {
    margin-top: 33px;
    margin-left: -9px; }
  .protocols-preloader .pp-spin-sixteen.pp-spin-sixteen-bottom.pp-spin-sixteen-second:after {
    margin-top: 43px;
    margin-left: 8px; }
  .protocols-preloader .pp-spin-sixteen.pp-spin-sixteen-bottom.pp-spin-sixteen-third:before {
    margin-top: 43px;
    margin-left: -4px; }
  .protocols-preloader .pp-spin-sixteen.pp-spin-sixteen-bottom.pp-spin-sixteen-third:after {
    margin-top: 33px;
    margin-left: 16px; }
  .protocols-preloader .pp-spin-sixteen.pp-spin-sixteen-bottom.pp-spin-sixteen-fourth:before {
    margin-top: 19px;
    margin-left: 5px; }
  .protocols-preloader .pp-spin-sixteen.pp-spin-sixteen-bottom.pp-spin-sixteen-fourth:after {
    margin-top: 2px;
    margin-left: 10px; }

@-webkit-keyframes pp-main {
  0% {
    opacity: 1; }
  24% {
    opacity: 1; }
  25% {
    opacity: 0; }
  99% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes pp-main {
  0% {
    opacity: 1; }
  24% {
    opacity: 1; }
  25% {
    opacity: 0; }
  99% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes pp-two-first {
  0% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    width: 50px;
    height: 50px;
    margin-top: -50px;
    margin-left: -25px; }
  51% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes pp-two-first {
  0% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    width: 50px;
    height: 50px;
    margin-top: -50px;
    margin-left: -25px; }
  51% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@-webkit-keyframes pp-two-second {
  0% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    width: 50px;
    height: 50px;
    margin-top: 0;
    margin-left: -25px; }
  51% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@keyframes pp-two-second {
  0% {
    opacity: 0; }
  25% {
    opacity: 1; }
  50% {
    width: 50px;
    height: 50px;
    margin-top: 0;
    margin-left: -25px; }
  51% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@-webkit-keyframes pp-four-first-top {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    width: 25px;
    height: 25px;
    margin-left: -40px;
    margin-top: -38px; }
  99% {
    width: 25px;
    height: 25px;
    margin-left: -40px;
    margin-top: -38px; }
  100% {
    opacity: 1; } }

@keyframes pp-four-first-top {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    width: 25px;
    height: 25px;
    margin-left: -40px;
    margin-top: -38px; }
  99% {
    width: 25px;
    height: 25px;
    margin-left: -40px;
    margin-top: -38px; }
  100% {
    opacity: 1; } }

@-webkit-keyframes pp-four-second-top {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    width: 25px;
    height: 25px;
    margin-left: 15px;
    margin-top: -38px; }
  99% {
    width: 25px;
    height: 25px;
    margin-left: 15px;
    margin-top: -38px; }
  100% {
    opacity: 1; } }

@keyframes pp-four-second-top {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    width: 25px;
    height: 25px;
    margin-left: 15px;
    margin-top: -38px; }
  99% {
    width: 25px;
    height: 25px;
    margin-left: 15px;
    margin-top: -38px; }
  100% {
    opacity: 1; } }

@-webkit-keyframes pp-four-first-bottom {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    width: 25px;
    height: 25px;
    margin-left: -40px;
    margin-top: 13px; }
  99% {
    width: 25px;
    height: 25px;
    margin-left: -40px;
    margin-top: 13px; }
  100% {
    opacity: 1; } }

@keyframes pp-four-first-bottom {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    width: 25px;
    height: 25px;
    margin-left: -40px;
    margin-top: 13px; }
  99% {
    width: 25px;
    height: 25px;
    margin-left: -40px;
    margin-top: 13px; }
  100% {
    opacity: 1; } }

@-webkit-keyframes pp-four-second-bottom {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    width: 25px;
    height: 25px;
    margin-left: 15px;
    margin-top: 13px; }
  99% {
    width: 25px;
    height: 25px;
    margin-left: 15px;
    margin-top: 13px; }
  100% {
    opacity: 1; } }

@keyframes pp-four-second-bottom {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    width: 25px;
    height: 25px;
    margin-left: 15px;
    margin-top: 13px; }
  99% {
    width: 25px;
    height: 25px;
    margin-left: 15px;
    margin-top: 13px; }
  100% {
    opacity: 1; } }

footer {
  position: absolute;
  right: 0;
  bottom: -354px;
  left: 0;
  width: 100%;
  padding: 70px 20px 110px 20px;
  font-size: 12px;
  line-height: 16px;
  background: #152b31; }
  footer .footer-container {
    width: 930px;
    max-width: 100%;
    margin: 0 auto; }
    footer .footer-container .footer-row {
      width: 100%; }
      footer .footer-container .footer-row:before, footer .footer-container .footer-row:after {
        content: " ";
        display: table;
        clear: both; }
      footer .footer-container .footer-row .footer-links {
        overflow: hidden; }
        footer .footer-container .footer-row .footer-links:before, footer .footer-container .footer-row .footer-links:after {
          content: " ";
          display: table;
          clear: both; }
        footer .footer-container .footer-row .footer-links .footer-col {
          float: left;
          width: 25%; }
      footer .footer-container .footer-row .footer-brand {
        float: right;
        text-align: right;
        width: 200px; }
        footer .footer-container .footer-row .footer-brand .footer-logo {
          font-weight: 900; }
        footer .footer-container .footer-row .footer-brand h2 {
          text-transform: none; }
          footer .footer-container .footer-row .footer-brand h2 .footer-year {
            font-size: 14px; }
    footer .footer-container .footer-app {
      color: #00d0e8; }
      footer .footer-container .footer-app i {
        font-size: 25px;
        margin-left: 10px;
        vertical-align: middle;
        line-height: 20px; }
    footer .footer-container h2 {
      margin-bottom: 10px;
      font-size: 15px;
      letter-spacing: 1.6px;
      font-weight: 400;
      line-height: 18px;
      color: #888;
      text-transform: uppercase; }
    footer .footer-container a {
      color: #fff;
      font-weight: 100;
      letter-spacing: 1.1px; }
    footer .footer-container ul li {
      display: block;
      margin-top: 10px; }

.simple-footer {
  position: relative;
  bottom: 0; }

.hide-input {
  display: none; }

@media (max-width: 750px) {
  footer .footer-container .footer-row .footer-links .footer-col {
    width: 50%;
    margin-bottom: 20px;
    float: none;
    display: inline-block;
    vertical-align: top; } }

@media (max-width: 460px) {
  footer {
    padding: 50px 20px 70px 20px; }
  footer .footer-container .footer-row .footer-links .footer-col {
    margin-bottom: 40px; }
  footer .footer-container .footer-row .footer-brand {
    float: none;
    text-align: left;
    width: 100%;
    margin-bottom: 40px; }
  footer .footer-container .footer-app i {
    margin-right: 10px;
    margin-left: 0; } }

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes mainAction {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background: #00a6e7;
    color: #fff;
    z-index: 3;
    opacity: 0; } }

@keyframes mainAction {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background: #00a6e7;
    color: #fff;
    z-index: 3;
    opacity: 0; } }

@media (max-width: 1000px) {
  .view-container .page .sidebar, .analytics-page .page .sidebar, .journal-container .page .sidebar, .help-block .sidebar {
    margin-left: -360px; }
  .view-container .page .view-content, .view-container .page .analytics-content, .view-container .page .page-content, .view-container .page .archive-window, .analytics-page .page .view-content, .analytics-page .page .analytics-content, .analytics-page .page .page-content, .analytics-page .page .archive-window, .journal-container .page .view-content, .journal-container .page .analytics-content, .journal-container .page .page-content, .journal-container .page .archive-window, .help-block .view-content, .help-block .analytics-content, .help-block .page-content, .help-block .archive-window {
    margin-left: 0; }
  .view-container .page .collapse-sidebar, .analytics-page .page .collapse-sidebar, .journal-container .page .collapse-sidebar, .help-block .collapse-sidebar {
    display: block; }
  .view-container .page .view-block .page-nav-view, .analytics-page .page .view-block .page-nav-view, .journal-container .page .view-block .page-nav-view, .help-block .view-block .page-nav-view {
    left: 0; }
  .view-container .page.open-sidebar .sidebar, .analytics-page .page.open-sidebar .sidebar, .journal-container .page.open-sidebar .sidebar {
    margin-left: 0;
    z-index: 20;
    overflow: auto !important; }
  .view-container .page.open-sidebar .view-content, .view-container .page.open-sidebar .anaytics-content, .analytics-page .page.open-sidebar .view-content, .analytics-page .page.open-sidebar .anaytics-content, .journal-container .page.open-sidebar .view-content, .journal-container .page.open-sidebar .anaytics-content {
    margin-left: 0; } }

@media (max-width: 590px) {
  .back-arrow {
    margin-left: -5px !important; }
    .back-arrow i {
      display: inline-block !important; }
  .view-container .page .steps-block {
    display: block; }
    .view-container .page .steps-block .steps-list {
      width: 100% !important;
      display: block;
      float: none; }
    .view-container .page .steps-block .step-content {
      display: none;
      width: 100% !important; }
    .view-container .page .steps-block .step-list-link {
      display: block; }
    .view-container .page .steps-block .drag-content {
      display: none; }
    .view-container .page .steps-block .step-section {
      top: 10px; }
    .view-container .page .steps-block .step-block-bg {
      display: none; }
  .view-container .page .steps-block .steps-list ul .sl-active .sl-step {
    background: transparent; }
    .view-container .page .steps-block .steps-list ul .sl-active .sl-step:hover {
      background-color: #FCFCFC; }
  .view-container .page .steps-block-content-show .step-content {
    display: block; }
  .view-container .page .steps-block-content-show .steps-list {
    display: none; }
  .lightbox .close, .lightbox .remove-img, .darkwin .close, .darkwin .remove-img {
    top: 10px;
    right: 20px;
    font-style: normal; }
  .lightbox .close-esc, .darkwin .close-esc {
    display: none; } }

.welcome-window {
  width: 400px;
  max-width: 90%;
  text-align: center;
  overflow: hidden; }
  .welcome-window:after {
    font-family: "Protocols";
    font-weight: 100;
    content: "\005f";
    position: absolute;
    bottom: 48px;
    right: -50px;
    font-size: 200px;
    color: #E1E1E1;
    z-index: -1; }
  .welcome-window h3 {
    margin-bottom: 10px;
    font-weight: 500;
    z-index: 2; }
  .welcome-window .pf-plus {
    font-size: 20px;
    line-height: 10px;
    vertical-align: middle; }
  .welcome-window .navigation {
    margin-top: 40px;
    text-align: center;
    z-index: 2; }
  .welcome-window .btn span {
    vertical-align: middle; }
  .welcome-window .btn-gray {
    border: 0;
    background: transparent;
    color: #ccc; }
    .welcome-window .btn-gray:hover {
      border: 0;
      background: transparent;
      color: #ccc; }

.t-tipsy {
  font-size: 11px;
  position: absolute;
  padding: 5px;
  z-index: 900001; }

.t-tipsy-inner {
  background-color: #000;
  color: #FFF;
  max-width: 200px;
  padding: 5px 8px 4px 8px;
  text-align: left; }

/* Rounded corners */
.t-tipsy-inner {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

/* Uncomment for shadow */
/*.t-tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
.t-tipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px dashed #000; }

/* Rules to colour arrows */
.t-tipsy-arrow-n {
  border-bottom-color: #000; }

.t-tipsy-arrow-s {
  border-top-color: #000; }

.t-tipsy-arrow-e {
  border-left-color: #000; }

.t-tipsy-arrow-w {
  border-right-color: #000; }

.t-tipsy-n .t-tipsy-arrow {
  top: 0px;
  left: 50%;
  margin-left: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.t-tipsy-nw .t-tipsy-arrow {
  top: 0;
  left: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.t-tipsy-ne .t-tipsy-arrow {
  top: 0;
  right: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.t-tipsy-s .t-tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.t-tipsy-sw .t-tipsy-arrow {
  bottom: 0;
  left: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.t-tipsy-se .t-tipsy-arrow {
  bottom: 0;
  right: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.t-tipsy-e .t-tipsy-arrow {
  right: 0;
  top: 50%;
  margin-top: -5px;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.t-tipsy-w .t-tipsy-arrow {
  left: 0;
  top: 50%;
  margin-top: -5px;
  border-right-style: solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.white-tipsy .t-tipsy-inner {
  background-color: #fff;
  font-size: 14px;
  color: #000339;
  border: 1px solid #dfdfdf;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16); }

.white-tipsy .t-tipsy-arrow-n {
  border-bottom-color: #fff; }

.white-tipsy .t-tipsy-arrow-s {
  border-top-color: #fff; }

.white-tipsy .t-tipsy-arrow-e {
  border-left-color: #fff; }

.white-tipsy .t-tipsy-arrow-w {
  border-right-color: #fff; }

.red-tipsy .t-tipsy-inner {
  background: #ff3019;
  color: #fff;
  border: 1px solid transparent;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16); }

.red-tipsy .t-tipsy-arrow-n {
  border-bottom-color: #ff3019; }

.red-tipsy .t-tipsy-arrow-s {
  border-top-color: #ff3019; }

.red-tipsy .t-tipsy-arrow-e {
  border-left-color: #ff3019; }

.red-tipsy .t-tipsy-arrow-w {
  border-right-color: #ff3019; }

@media (max-width: 450px) {
  .back-arrow {
    margin-right: 18px; }
  .page-nav ul li {
    padding-right: 10px;
    margin-left: 0px; } }

@media (max-width: 740px) {
  .sign-lightbox .close, .sign-lightbox .close-esc {
    display: none; }
  .signin-window .signin-close {
    display: block; } }

@media (max-width: 540px) {
  .signin-window .sign-data .ed-input {
    display: block;
    clear: both; } }

.reactOpacity-appear {
  opacity: 0.01;
  transition: opacity 5s ease-in; }

.reactOpacity-appear.reactOpacity-appear-active {
  opacity: 1; }

.reactOpacity-leave {
  opacity: 1; }

.reactOpacity-leave.reactOpacity-leave-active {
  opacity: 0; }

.react-hide {
  display: none;
  opacity: 0; }

.reactFade-enter {
  opacity: 0.01; }

.reactFade-enter.reactFade-enter-active {
  opacity: 1;
  transition: opacity 500ms ease-in; }

.reactFade-leave {
  opacity: 1; }

.reactFade-leave.reactFade-leave-active {
  opacity: 0.01;
  transition: opacity 300ms ease-in; }

.react-show {
  -webkit-animation: ReactfadeIn 1s;
  animation: ReactfadeIn 1s; }

@-webkit-keyframes ReactfadeIn {
  0% {
    display: block;
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes ReactfadeIn {
  0% {
    display: block;
    opacity: 0; }
  100% {
    opacity: 1; } }

.lighbox-slide {
  -webkit-animation: LightboxSlide 0.5s;
  animation: LightboxSlide 0.5s; }
  .lighbox-slide .window, .lighbox-slide .signin-window {
    -webkit-animation: WindowSlide 0.5s;
    animation: WindowSlide 0.5s; }

.lighbox-slideUp {
  -webkit-animation: LightboxSlideUp 0.5s;
  animation: LightboxSlideUp 0.5s; }
  .lighbox-slideUp .window, .lighbox-slideUp .signin-window {
    -webkit-animation: WindowSlideUp 0.5s;
    animation: WindowSlideUp 0.5s; }

@-webkit-keyframes WindowSlide {
  0% {
    opacity: 0;
    margin-top: 0; }
  100% {
    opacity: 1;
    margin-top: 40px; } }

@keyframes WindowSlide {
  0% {
    opacity: 0;
    margin-top: 0; }
  100% {
    opacity: 1;
    margin-top: 40px; } }

@-webkit-keyframes WindowSlideUp {
  0% {
    opacity: 1;
    margin-top: 40px; }
  100% {
    opacity: 0;
    margin-top: 0; } }

@keyframes WindowSlideUp {
  0% {
    opacity: 1;
    margin-top: 40px; }
  100% {
    opacity: 0;
    margin-top: 0; } }

@-webkit-keyframes LightboxSlide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes LightboxSlide {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes LightboxSlideUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes LightboxSlideUp {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes moveFromLeftFade {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(-100%); } }

@keyframes moveFromLeftFade {
  from {
    opacity: 0.3;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

@-webkit-keyframes scaleDown {
  from { }
  to {
    opacity: 0;
    -webkit-transform: scale(0.8); } }

@keyframes scaleDown {
  from { }
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }

@-webkit-keyframes scaleUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.8); } }

@keyframes scaleUp {
  from {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8); } }

@-webkit-keyframes moveToLeftFade {
  from { }
  to {
    opacity: 0.0;
    -webkit-transform: translateX(-100%); } }

@keyframes moveToLeftFade {
  from { }
  to {
    opacity: 0.0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

.switchLeftNews-enter, .switchRightNews-enter {
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.switchLeftNews-enter.switchLeftNews-enter-active {
  -webkit-animation: moveFromLeftFade .6s ease both;
  animation: moveFromLeftFade .6s ease both;
  z-index: 200; }

.switchRightNews-enter.switchRightNews-enter-active {
  -webkit-animation: scaleUp .7s ease both;
  animation: scaleUp .7s ease both;
  z-index: 100; }

.switchLeftNews-leave {
  position: absolute;
  top: 0;
  left: 0; }

.switchLeftNews-leave, .switchRightNews-leave {
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.switchLeftNews-leave.switchLeftNews-leave-active {
  -webkit-animation: scaleDown .7s ease both;
  animation: scaleDown .7s ease both;
  z-index: 100; }

.switchRightNews-leave.switchRightNews-leave-active {
  -webkit-animation: moveToLeftFade .6s ease both;
  animation: moveToLeftFade .6s ease both;
  z-index: 200; }

@-webkit-keyframes justShow {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes justShow {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.justShowNews-enter {
  animation: justShow .01s ease both; }

.justShowNews-enter.justShowNews-enter-active {
  animation: justShow .01s ease both; }

.justShowNews-leave {
  animation: justShow .01s ease both; }

.justShowNews-leave.justShowNews-leave-active {
  animation: justShow .01s ease both; }

@-webkit-keyframes moveToLeft {
  from { }
  to {
    -webkit-transform: translateX(-100%); } }

@keyframes moveToLeft {
  from { }
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

@-webkit-keyframes moveFromRight {
  from {
    -webkit-transform: translateX(100%); } }

@keyframes moveFromRight {
  from {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

@-webkit-keyframes moveToRight {
  from { }
  to {
    -webkit-transform: translateX(100%); } }

@keyframes moveToRight {
  from { }
  to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%); } }

@-webkit-keyframes moveFromLeft {
  from {
    -webkit-transform: translateX(-100%); } }

@keyframes moveFromLeft {
  from {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); } }

.switchLeft-enter, .switchRight-enter {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.switchLeft-enter.switchLeft-enter-active {
  -webkit-animation: moveFromRight .6s ease both;
  animation: moveFromRight .6s ease both; }

.switchRight-enter.switchRight-enter-active {
  -webkit-animation: moveFromLeft .6s ease both;
  animation: moveFromLeft .6s ease both; }

.switchLeft-leave, .switchRight-leave {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.switchLeft-leave.switchLeft-leave-active {
  -webkit-animation: moveToLeft .6s ease both;
  animation: moveToLeft .6s ease both; }

.switchRight-leave.switchRight-leave-active {
  -webkit-animation: moveToRight .6s ease both;
  animation: moveToRight .6s ease both; }

.switch-group {
  position: relative; }

.switch-group > input {
  display: none; }

.switch-group > input:checked ~ label {
  background: rgba(21, 218, 34, 0.62); }

.switch-group > input:checked ~ label::after {
  left: 20px;
  background: #15da22; }

.switch-group > input:disabled ~ label {
  background: #15da22;
  pointer-events: none; }

.switch-group > input:disabled ~ label::after {
  background: #15da22; }

.switch-group > label {
  position: relative;
  display: block;
  height: 20px;
  width: 44px;
  background: rgba(3, 186, 207, 0.62);
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.3s ease; }

.switch-group > label::after {
  position: absolute;
  left: -2px;
  top: -3px;
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 100px;
  background: #00a6e7;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
  content: '';
  transition: all 0.3s ease; }

.switch-group > .active-state {
  position: absolute;
  top: 0;
  left: 0; }

.switch-group > .active-state:before, .switch-group > .active-state:after {
  border-radius: 100px;
  position: absolute;
  content: '';
  background: #F6F6F6;
  width: 40px;
  height: 40px;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
  opacity: 0;
  top: -10px;
  left: 13px;
  display: block;
  transition: all 0.3s ease; }

.switch-group > .active-state:after {
  left: -10px; }

.switch-group > input:checked ~ .active-state:before, .switch-group > input:not(:checked) ~ .active-state:after {
  -webkit-animation: switchClick .6s ease both;
  animation: switchClick .6s ease both; }

@keyframes switchClick {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes switchClick {
  0% {
    opacity: 0;
    width: 0;
    height: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.switch-group > label:active {
  transform: scale(1.15, 0.85); }

.switch-block .switch-label {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  font-weight: 700; }
  .switch-block .switch-label:first-child {
    margin-right: 10px; }
  .switch-block .switch-label:last-child {
    margin-left: 10px; }

.switch-block .switch-group {
  display: inline-block;
  vertical-align: top; }

.pr-warning {
  margin-bottom: 20px; }

.DateRangePicker {
  display: inline-block;
  margin-bottom: 10px;
  padding: 0;
  position: relative;
  user-select: none; }
  .DateRangePicker__Legend {
    color: #52575e;
    font-size: 14px;
    line-height: 16px;
    list-style-type: none;
    margin: 20px 0;
    padding: 0; }
  .DateRangePicker__LegendItem {
    display: inline-block;
    margin: 0 20px; }
  .DateRangePicker__LegendItemColor {
    border-radius: 50%;
    display: inline-block;
    height: 14px;
    margin-right: 6px;
    vertical-align: text-bottom;
    width: 14px;
    border: 1px solid rgba(0, 0, 0, 0.25); }
    .DateRangePicker__LegendItemColor--selection {
      background-color: #00a6e7; }
  .DateRangePicker__PaginationArrow {
    border: 0;
    cursor: pointer;
    display: block;
    height: 35px;
    outline: none;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    white-space: nowrap;
    width: 35px;
    z-index: 1; }
    .DateRangePicker__PaginationArrow--previous {
      left: 20px; }
    .DateRangePicker__PaginationArrow--next {
      right: 20px; }
    .DateRangePicker__PaginationArrow:hover {
      background-color: #ccc; }
  .DateRangePicker__PaginationArrowIcon {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    height: 0;
    position: absolute;
    top: 10px;
    width: 0; }
    .DateRangePicker__PaginationArrowIcon--is-disabled {
      opacity: .25; }
    .DateRangePicker__PaginationArrowIcon--previous {
      border-left: 8px solid transparent;
      border-right: 8px solid #aaa;
      right: 11px; }
    .DateRangePicker__PaginationArrowIcon--next {
      border-left: 8px solid #aaa;
      border-right: 8px solid transparent;
      left: 11px; }
  .DateRangePicker__Month {
    color: #333;
    display: inline-block;
    margin: 0 20px;
    position: relative;
    user-select: none;
    width: 275px; }
  .DateRangePicker__MonthHeader {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    position: relative;
    text-align: center; }
  .DateRangePicker__MonthHeaderLabel {
    display: inline-block;
    position: relative; }
  .DateRangePicker__MonthHeaderSelect {
    background: #e4e4e4;
    border: 0;
    cursor: pointer;
    display: inline-block;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5; }
  .DateRangePicker__MonthDates {
    border-bottom: 1px solid #f4f5f6;
    border-collapse: separate;
    border-spacing: 0 1px;
    margin: 0;
    width: 100%; }
  .DateRangePicker__WeekdayHeading, .DateRangePicker__Date {
    font-size: 12px;
    line-height: 1;
    padding: 10px 0;
    text-align: center;
    width: 14.285714285714286%; }
  .DateRangePicker__WeekdayHeading {
    border-bottom: 1px solid #f4f5f6;
    color: #000;
    font-weight: bold; }
    .DateRangePicker__WeekdayHeading abbr[title] {
      border-bottom-width: 0;
      color: #000;
      cursor: pointer;
      font-size: inherit;
      text-decoration: none; }
  .DateRangePicker__Date {
    border: 0 solid #f4f5f6;
    border-right-width: 1px;
    cursor: pointer;
    overflow: hidden;
    position: relative; }
    .DateRangePicker__Date:first-child {
      border-left-width: 1px; }
    .DateRangePicker__Date--weekend {
      background-color: #f6f7f9; }
    .DateRangePicker__Date--otherMonth {
      opacity: .25; }
    .DateRangePicker__Date--is-disabled {
      color: #cdcdd1;
      cursor: default; }
    .DateRangePicker__Date--is-selected {
      color: #fff; }
    .DateRangePicker__Date--is-highlighted {
      color: #333; }
  .DateRangePicker__CalendarDatePeriod {
    bottom: 0;
    position: absolute;
    top: 0; }
    .DateRangePicker__CalendarDatePeriod--am {
      left: 0;
      right: 50%; }
    .DateRangePicker__CalendarDatePeriod--pm {
      left: 50%;
      right: 0; }
  .DateRangePicker__CalendarSelection {
    background-color: #00a6e7;
    border: 1px solid #0094ce;
    bottom: 5px;
    left: 0;
    position: absolute;
    right: 0;
    top: 5px; }
    .DateRangePicker__CalendarSelection--inOtherMonth {
      opacity: .5; }
    .DateRangePicker__CalendarSelection--start {
      border-bottom-left-radius: 5px;
      border-right-width: 0;
      border-top-left-radius: 5px;
      left: 5px; }
    .DateRangePicker__CalendarSelection--end {
      border-bottom-right-radius: 5px;
      border-left-width: 0;
      border-top-right-radius: 5px;
      right: 5px; }
    .DateRangePicker__CalendarSelection--segment {
      border-left-width: 0;
      border-right-width: 0; }
    .DateRangePicker__CalendarSelection--single {
      border-radius: 5px;
      left: 5px;
      right: 5px; }
    .DateRangePicker__CalendarSelection--is-pending {
      background-color: rgba(0, 166, 231, 0.75);
      border-width: 0; }
  .DateRangePicker__CalendarHighlight {
    background-color: rgba(255, 255, 255, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.25);
    bottom: 5px;
    left: 0;
    position: absolute;
    right: 0;
    top: 5px; }
    .DateRangePicker__CalendarHighlight--inOtherMonth {
      opacity: .5; }
    .DateRangePicker__CalendarHighlight--start {
      border-bottom-left-radius: 5px;
      border-right-width: 0;
      border-top-left-radius: 5px;
      left: 5px; }
    .DateRangePicker__CalendarHighlight--end {
      border-bottom-right-radius: 5px;
      border-left-width: 0;
      border-top-right-radius: 5px;
      right: 5px; }
    .DateRangePicker__CalendarHighlight--segment {
      border-left-width: 0;
      border-right-width: 0; }
    .DateRangePicker__CalendarHighlight--single {
      background-color: #fff;
      border: 1px solid #0094ce;
      border-radius: 5px;
      left: 5px;
      right: 5px; }
  .DateRangePicker__HalfDateStates {
    bottom: -50px;
    left: -50px;
    position: absolute;
    right: -50px;
    top: -50px;
    transform: rotate(30deg); }
  .DateRangePicker__FullDateStates {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }
  .DateRangePicker__DateLabel {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1; }

.fadeStep-enter, .fadeStep-leave {
  transition: all 350ms ease-out;
  -o-transition: all 350ms ease-out;
  -moz-transition: all 350ms ease-out;
  -webkit-transition: all 350ms ease-out;
  overflow: hidden; }

.fadeStep-enter, .fadeStep-leave.fadeStep-leave-active {
  opacity: 0;
  transform: scale(0.5, 0);
  transform-origin: top left; }

.fadeStep-leave, .fadeStep-enter.fadeStep-enter-active {
  opacity: 1;
  transform: scale(1, 1);
  transform-origin: top center; }

.tinymce-block body {
  font-size: 13px;
  line-height: 20px; }

.error-text {
  font-size: 12px;
  color: red; }

.pulse-animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: none;
    transform: none; } }

@media (max-width: 450px) {
  .white-blob .wb-info, .white-blob .wb-content {
    display: block;
    float: none;
    padding: 0;
    width: 100%;
    border: 0; }
  .white-blob .wb-info {
    min-height: 40px;
    margin-bottom: 10px; }
    .white-blob .wb-info .it-info {
      padding-right: 130px; }
    .white-blob .wb-info .wb-nav {
      position: absolute;
      top: 0;
      left: auto;
      right: 0;
      bottom: auto; } }

::-webkit-scrollbar {
  width: 8px; }

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey; }

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25); }

::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35); }

@media (max-width: 2000px) {
  .html-table-long body {
    overflow-x: scroll !important; }
    .html-table-long body::-webkit-scrollbar {
      width: 10px; }
    .html-table-long body::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
    .html-table-long body::-webkit-scrollbar-thumb {
      background-color: darkgrey;
      outline: 1px solid slategrey; }
    .html-table-long body #app {
      min-width: 2000px; } }

@media (max-width: 1275px) {
  .tools-table.total-metrics.protocols .total_views {
    min-width: 60px; }
  .tools-table.total-metrics.protocols .all_forks {
    min-width: 54px; }
  .tools-table.total-metrics.protocols .bookmarks, .tools-table.total-metrics.protocols .comments {
    min-width: 83px; }
  .tools-table.total-metrics.protocols .journal_runs {
    min-width: 52px; } }

@media (max-width: 1105px) {
  .tools-table.total-metrics.protocols .protocol_name {
    min-width: 155px;
    width: 155px; } }

@media (max-width: 1200px) {
  .html-table body::-webkit-scrollbar {
    width: 10px; }
  .html-table body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
  .html-table body::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey; }
  .html-table body #app {
    min-width: 1010px; } }

html {
  height: 100%; }

body {
  min-height: 100%;
  position: relative;
  padding-bottom: 0px;
  font-size: 14px;
  line-height: 20px;
  font-family: 'Raleway', sans-serif;
  color: #000339;
  /*background: #F6F6F4;*/
  background-color: white; }

button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.nofooter footer {
  display: none; }

.white-body {
  background: #fff; }

* {
  box-sizing: border-box; }

.bold {
  font-weight: 700; }

::-moz-selection {
  background: #00a6e7;
  color: black; }

::selection {
  background: #00a6e7;
  color: black; }

header {
  -webkit-transform: translateZ(0); }
  header.landing {
    width: 100%;
    padding: 0 20px;
    font-size: 18px;
    font-weight: 300;
    line-height: 36px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSItMzE2LjE0MjQzMTIzNTY0MiUiIHkxPSItMTYxLjM5MjQzMTIzNTY0MiUiIHgyPSI0MTYuMTQyNDMxMjM1NjQyJSIgeTI9IjI2MS4zOTI0MzEyMzU2NDIlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZTFlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYTVlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
    background: -webkit-linear-gradient(-30deg, #00e1e8 33%, #00a5e8 57%);
    background: -moz-linear-gradient(-30deg, #00e1e8 33%, #00a5e8 57%);
    background: -o-linear-gradient(-30deg, #00e1e8 33%, #00a5e8 57%);
    background: -ms-linear-gradient(-30deg, #00e1e8 33%, #00a5e8 57%);
    background: linear-gradient(120deg, #00e1e8 33%, #00a5e8 57%);
    position: relative;
    z-index: 25; }
    header.landing .user-menu-toggle .pf-arrow-down {
      top: 15px; }
    header.landing:before, header.landing:after {
      content: " ";
      display: table;
      clear: both; }
    header.landing .logo {
      padding: 25px 0;
      float: left;
      font-size: 36px;
      line-height: 32px;
      font-weight: 700;
      text-decoration: none;
      color: #fff; }
      header.landing .logo .pf-logo {
        font-size: 51px;
        margin-right: 5px;
        vertical-align: middle;
        font-weight: 300;
        color: #000339; }
    header.landing .nav {
      float: right;
      margin: 0; }
      header.landing .nav li {
        cursor: pointer;
        position: relative;
        display: inline-block;
        margin-left: 40px;
        line-height: 41px; }
        header.landing .nav li a {
          display: block;
          padding: 25px 0;
          text-decoration: none;
          color: #fff; }
        header.landing .nav li:first-child {
          margin-left: 0; }
        header.landing .nav li .close-group-header {
          position: absolute;
          top: 5px;
          right: -5px;
          cursor: pointer; }
          header.landing .nav li .close-group-header:before {
            font-size: 9px;
            content: "\0058"; }
          header.landing .nav li .close-group-header:hover {
            top: 7px;
            right: -7px; }
            header.landing .nav li .close-group-header:hover:before {
              font-size: 14px;
              content: "\0057"; }
        header.landing .nav li .nav-border {
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          height: 3px;
          background: transparent; }
        header.landing .nav li:hover .nav-border {
          background: #fff; }
        header.landing .nav li .explore-dropdown li a {
          font-size: 14px;
          line-height: 14px; }
          header.landing .nav li .explore-dropdown li a i {
            font-size: 16px;
            vertical-align: middle; }
          header.landing .nav li .explore-dropdown li a img {
            vertical-align: middle; }
        header.landing .nav li .dropdown {
          line-height: 14px;
          top: 70px; }
          header.landing .nav li .dropdown li {
            margin-left: 0; }
          header.landing .nav li .dropdown a {
            display: block;
            padding: 5px;
            font-size: 12px;
            line-height: 12px;
            color: #000339; }
            header.landing .nav li .dropdown a:hover {
              color: #00a6e7; }
      header.landing .nav .nav-active a {
        color: #000339; }
      header.landing .nav .nav-active .nav-border {
        background: #000339; }
    header.landing .header-drop .explore-dropdown {
      top: 70px;
      right: -20px; }
    header.landing .mobile-menu {
      margin-top: 30px; }
    header.landing .nav li.user-menu {
      position: relative;
      margin-left: 40px;
      width: 40px;
      height: 89px;
      vertical-align: top; }
      header.landing .nav li.user-menu .user-menu-toggle {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -12px;
        padding: 0 15px 0 0;
        vertical-align: top; }
      header.landing .nav li.user-menu .user-small-dropdown {
        top: 80px;
        right: -7px; }
      header.landing .nav li.user-menu .avatar {
        width: 24px;
        height: 24px;
        cursor: pointer;
        float: right;
        border-radius: 24px; }
      header.landing .nav li.user-menu .menu-image {
        position: relative;
        width: 20px;
        height: 20px;
        float: right;
        margin-top: 4px;
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1); }
      header.landing .nav li.user-menu .user-dropdown {
        top: 80px;
        right: -10px; }
      header.landing .nav li.user-menu .user-drop-line {
        top: 70px; }
    header.landing .header-search i {
      line-height: 52px; }
    header.landing .msg-count {
      position: absolute;
      top: 20px;
      right: -5px;
      background: red;
      width: 16px;
      height: 16px;
      line-height: 16px;
      color: white;
      font-size: 12px;
      text-align: center;
      cursor: pointer;
      border-radius: 50%; }
  header .header-drop {
    position: relative; }
    header .header-drop .explore-dropdown {
      top: 47px;
      right: -20px; }
  header .header-search {
    line-height: 50px;
    position: relative; }
    header .header-search.on-active input {
      background: #d9f8ff; }
    header .header-search input {
      transition: all 300ms ease-in-out;
      height: 33px;
      padding-right: 30px;
      background: #aef0ff;
      border-radius: 3px;
      width: 200px;
      border: none;
      color: #044064; }
      header .header-search input::-webkit-input-placeholder {
        color: #044064;
        opacity: 0.7; }
      header .header-search input:focus {
        background: #d9f8ff; }
    header .header-search i {
      position: absolute;
      top: 0px;
      right: 8px;
      font-size: 22px;
      line-height: 50px;
      font-weight: 800;
      color: #0098b5;
      cursor: pointer; }
  header .mobile-menu {
    display: none;
    font-size: 20px;
    padding: 3px 8px;
    margin: 25px 0 0 20px;
    line-height: 1;
    color: white;
    background: #000339;
    vertical-align: top;
    cursor: pointer; }
  header.default {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    min-height: 50px;
    padding: 0 20px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSItOC44MTA0Nzg4OTExMjA0NSUiIHkxPSIzNS4zMzY5MDA3NTE4MjU4JSIgeDI9IjEwOC44MTA0Nzg4OTExMiUiIHkyPSI2NC42NjMwOTkyNDgxNzQyJSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGUxZTciIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGE1ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
    background-image: linear-gradient(104deg, #00e1e7 0%, #00a5e7 100%); }
    header.default:before, header.default:after {
      content: " ";
      display: table;
      clear: both; }
    header.default .logo {
      float: left;
      padding: 13px 0;
      font-size: 22px;
      line-height: 22px;
      font-weight: 700;
      color: #ffffff;
      text-decoration: none; }
      header.default .logo.white {
        padding: 11px 0 13px 0; }
        header.default .logo.white .pf-logo {
          font-size: 45px; }
      header.default .logo .pf-logo {
        font-size: 30px;
        margin-right: 5px;
        vertical-align: middle;
        color: #000339; }
    header.default .nav {
      float: right; }
      header.default .nav li {
        position: relative;
        float: left;
        margin-left: 30px; }
        header.default .nav li a {
          display: block;
          padding: 19px 0;
          font-size: 14px;
          line-height: 14px;
          text-decoration: none;
          color: #ffffff; }
        header.default .nav li .np-header {
          margin: 10px 0; }
        header.default .nav li .close-group-header {
          position: absolute;
          top: 0;
          right: -5px;
          cursor: pointer; }
          header.default .nav li .close-group-header:before {
            font-size: 9px;
            content: "\0058"; }
          header.default .nav li .close-group-header:hover {
            top: 2px;
            right: -7px; }
            header.default .nav li .close-group-header:hover:before {
              font-size: 14px;
              content: "\0057"; }
        header.default .nav li:first-child {
          margin-left: 0; }
        header.default .nav li .nav-border {
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          height: 3px;
          background: transparent; }
        header.default .nav li:hover .nav-border {
          background: #fff; }
        header.default .nav li .dropdown li {
          margin-left: 0; }
        header.default .nav li .dropdown a {
          display: block;
          padding: 5px;
          font-size: 12px;
          line-height: 12px;
          color: #000339; }
          header.default .nav li .dropdown a:hover {
            color: #00a6e7; }
      header.default .nav .nav-active a {
        color: #000339; }
      header.default .nav .nav-active .nav-border {
        background: #000339; }
    header.default .user-menu .avatar {
      width: 22px;
      height: 22px;
      margin-top: 2px;
      border-radius: 24px;
      cursor: pointer; }
      header.default .user-menu .avatar:hover {
        box-shadow: -1px 1px 5px #eee; }
    header.default .user-menu .menu-image {
      position: relative;
      display: block;
      width: 18px;
      height: 18px;
      float: right;
      margin-top: 4px;
      -webkit-filter: brightness(0) invert(1);
      filter: brightness(0) invert(1); }
    header.default .user-menu .msg-count {
      position: absolute;
      top: 5px;
      right: -5px;
      background: red;
      width: 16px;
      height: 16px;
      line-height: 16px;
      color: white;
      font-size: 12px;
      text-align: center;
      cursor: pointer;
      border-radius: 50%; }
    header.default .mobile-menu {
      margin-top: 11.5px; }
  header.relative-header {
    position: relative; }

.header-search-input {
  display: inline-block;
  padding-left: 10px; }
  .header-search-input label {
    display: table;
    margin-top: 9px;
    padding: 2px 10px 2px 2px;
    height: 32px;
    background: #aef0ff;
    width: 340px;
    position: relative;
    border-radius: 3px;
    transition: all 0.3s ease-in-out; }
    .header-search-input label span {
      display: table-cell;
      width: 1%;
      height: 26px;
      line-height: 26px;
      color: #032e48;
      background: #89daec;
      padding-right: 3px;
      white-space: nowrap;
      font-size: 12px; }
      .header-search-input label span:first-child {
        padding-left: 5px; }
    .header-search-input label input {
      display: table-cell;
      width: 99%;
      padding: 0px;
      margin-left: 5px;
      border: 0px;
      line-height: 28px;
      padding-right: 30px;
      background: transparent; }
      .header-search-input label input::-webkit-input-placeholder {
        color: #044064;
        opacity: 0.7; }
    .header-search-input label i {
      position: absolute;
      top: -2px;
      right: 8px;
      font-size: 22px;
      line-height: 38px;
      font-weight: 800;
      color: #0098b5;
      cursor: pointer; }
    .header-search-input label .pf-close {
      color: #000339;
      font-size: 10px;
      cursor: pointer;
      padding-right: 5px;
      padding-left: 2px; }
  .header-search-input.hsi-focus label {
    background: #d9f8ff; }

.crawling-link {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit; }
  .crawling-link:hover {
    color: inherit;
    text-decoration: inherit;
    font-size: inherit; }

.mobile-nav {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding-bottom: 10px;
  background: #000339;
  transition: all .2s ease-in-out;
  z-index: 301; }
  .mobile-nav .pf-close {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 24px;
    line-height: 24px;
    color: white;
    cursor: pointer; }
  .mobile-nav ul {
    width: 100%;
    margin-top: 10px; }
    .mobile-nav ul li {
      display: block;
      width: 100%;
      font-size: 16px;
      line-height: 18px;
      text-align: center;
      padding: 15px 0; }
      .mobile-nav ul li a {
        color: white;
        text-decoration: none;
        transition: all .2s ease-in-out; }
        .mobile-nav ul li a:hover {
          color: #66e3f1; }

.user-menu .user-drop-line, .header-drop .user-drop-line {
  display: none;
  position: absolute;
  top: 100%;
  left: -20px;
  height: 40px;
  margin-top: -10px;
  width: 80px;
  z-index: 1; }

.user-menu .user-dropdown, .user-menu .explore-dropdown, .user-menu .user-small-dropdown, .header-drop .user-dropdown, .header-drop .explore-dropdown, .header-drop .user-small-dropdown {
  position: absolute;
  min-width: 320px;
  top: 60px;
  padding: 15px 10px 5px 25px;
  border-radius: 10px;
  background: #FFF;
  border: 1px solid #dfdfdf;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
  font-size: 14px;
  line-height: 18px;
  display: none;
  right: -15px;
  opacity: 0;
  z-index: -2;
  transition: opacity .2s; }
  .user-menu .user-dropdown li, .user-menu .explore-dropdown li, .user-menu .user-small-dropdown li, .header-drop .user-dropdown li, .header-drop .explore-dropdown li, .header-drop .user-small-dropdown li {
    display: block !important;
    min-height: 18px;
    float: none !important;
    position: relative;
    margin: 10px 0 !important;
    white-space: nowrap;
    line-height: 18px !important; }
    .user-menu .user-dropdown li a, .user-menu .explore-dropdown li a, .user-menu .user-small-dropdown li a, .header-drop .user-dropdown li a, .header-drop .explore-dropdown li a, .header-drop .user-small-dropdown li a {
      color: #00a6e7 !important;
      padding: 0 !important; }
      .user-menu .user-dropdown li a:hover, .user-menu .explore-dropdown li a:hover, .user-menu .user-small-dropdown li a:hover, .header-drop .user-dropdown li a:hover, .header-drop .explore-dropdown li a:hover, .header-drop .user-small-dropdown li a:hover {
        text-decoration: underline; }
    .user-menu .user-dropdown li .dropdown-right, .user-menu .explore-dropdown li .dropdown-right, .user-menu .user-small-dropdown li .dropdown-right, .header-drop .user-dropdown li .dropdown-right, .header-drop .explore-dropdown li .dropdown-right, .header-drop .user-small-dropdown li .dropdown-right {
      position: absolute;
      right: 3px;
      top: 0;
      text-align: left;
      width: 90px; }
      .user-menu .user-dropdown li .dropdown-right i, .user-menu .explore-dropdown li .dropdown-right i, .user-menu .user-small-dropdown li .dropdown-right i, .header-drop .user-dropdown li .dropdown-right i, .header-drop .explore-dropdown li .dropdown-right i, .header-drop .user-small-dropdown li .dropdown-right i {
        font-size: 20px;
        vertical-align: middle; }
    .user-menu .user-dropdown li:before, .user-menu .user-dropdown li:after, .user-menu .explore-dropdown li:before, .user-menu .explore-dropdown li:after, .user-menu .user-small-dropdown li:before, .user-menu .user-small-dropdown li:after, .header-drop .user-dropdown li:before, .header-drop .user-dropdown li:after, .header-drop .explore-dropdown li:before, .header-drop .explore-dropdown li:after, .header-drop .user-small-dropdown li:before, .header-drop .user-small-dropdown li:after {
      content: " ";
      display: table;
      clear: both; }
  .user-menu .user-dropdown .drop-right, .user-menu .explore-dropdown .drop-right, .user-menu .user-small-dropdown .drop-right, .header-drop .user-dropdown .drop-right, .header-drop .explore-dropdown .drop-right, .header-drop .user-small-dropdown .drop-right {
    text-align: right; }
  .user-menu .user-dropdown .drop-header, .user-menu .explore-dropdown .drop-header, .user-menu .user-small-dropdown .drop-header, .header-drop .user-dropdown .drop-header, .header-drop .explore-dropdown .drop-header, .header-drop .user-small-dropdown .drop-header {
    width: 280px;
    position: relative;
    margin: 0 0 10px 0 !important;
    padding-bottom: 5px;
    padding-right: 80px;
    font-weight: bold;
    border-bottom: 1px solid #dfdfdf; }
    .user-menu .user-dropdown .drop-header .dh-name, .user-menu .explore-dropdown .drop-header .dh-name, .user-menu .user-small-dropdown .drop-header .dh-name, .header-drop .user-dropdown .drop-header .dh-name, .header-drop .explore-dropdown .drop-header .dh-name, .header-drop .user-small-dropdown .drop-header .dh-name {
      width: 200px;
      white-space: normal; }
    .user-menu .user-dropdown .drop-header .dh-right, .user-menu .explore-dropdown .drop-header .dh-right, .user-menu .user-small-dropdown .drop-header .dh-right, .header-drop .user-dropdown .drop-header .dh-right, .header-drop .explore-dropdown .drop-header .dh-right, .header-drop .user-small-dropdown .drop-header .dh-right {
      position: absolute;
      bottom: 5px;
      right: 23px;
      font-size: 14px;
      font-weight: normal; }
  .user-menu .user-dropdown a, .user-menu .explore-dropdown a, .user-menu .user-small-dropdown a, .header-drop .user-dropdown a, .header-drop .explore-dropdown a, .header-drop .user-small-dropdown a {
    display: inline-block !important; }
  .user-menu .user-dropdown .user-link, .user-menu .explore-dropdown .user-link, .user-menu .user-small-dropdown .user-link, .header-drop .user-dropdown .user-link, .header-drop .explore-dropdown .user-link, .header-drop .user-small-dropdown .user-link {
    margin-right: 50px; }
  .user-menu .user-dropdown .invite-header-btn, .user-menu .explore-dropdown .invite-header-btn, .user-menu .user-small-dropdown .invite-header-btn, .header-drop .user-dropdown .invite-header-btn, .header-drop .explore-dropdown .invite-header-btn, .header-drop .user-small-dropdown .invite-header-btn {
    position: absolute;
    bottom: 15px;
    left: 25px;
    padding: 14px 30px;
    font-size: 14px;
    line-height: 14px;
    color: #00a6e7;
    background: #ebebeb;
    border: 0;
    border-radius: 5px;
    cursor: pointer; }

.user-menu .user-small-dropdown, .header-drop .user-small-dropdown {
  min-width: auto;
  padding: 5px 15px;
  right: -13px; }

.user-menu .explore-dropdown, .header-drop .explore-dropdown {
  text-align: left !important; }
  .user-menu .explore-dropdown li a:hover, .header-drop .explore-dropdown li a:hover {
    text-decoration: none; }
    .user-menu .explore-dropdown li a:hover span, .header-drop .explore-dropdown li a:hover span {
      text-decoration: underline; }

.user-menu .user-dropdown:after, .user-menu .user-dropdown:before, .user-menu .user-small-dropdown:after, .user-menu .user-small-dropdown:before, .header-drop .user-dropdown:after, .header-drop .user-dropdown:before, .header-drop .user-small-dropdown:after, .header-drop .user-small-dropdown:before {
  bottom: 100%;
  right: 23px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.user-menu .user-dropdown:after, .user-menu .user-small-dropdown:after, .header-drop .user-dropdown:after, .header-drop .user-small-dropdown:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 15px;
  margin-left: -15px; }

.user-menu .user-dropdown:before, .user-menu .user-small-dropdown:before, .header-drop .user-dropdown:before, .header-drop .user-small-dropdown:before {
  height: 40px;
  border-color: rgba(223, 223, 223, 0);
  border-bottom-color: #dfdfdf;
  border-width: 16px;
  margin-left: -16px; }

.user-menu .explore-dropdown, .header-drop .explore-dropdown {
  min-width: 90px;
  padding: 2px 10px 0px 10px;
  text-align: center;
  border-radius: 0;
  border: 1px transparent solid;
  font-size: 12px;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16); }

.user-menu .dropdown-active, .header-drop .dropdown-active {
  display: block;
  z-index: 2;
  opacity: 1; }

.user-menu:hover .user-drop-line, .header-drop:hover .user-drop-line {
  display: block;
  text-decoration: underline; }

.user-menu-toggle {
  position: relative;
  padding: 12px 15px 12px 0;
  font-size: 25px;
  line-height: 25px;
  color: #fff;
  cursor: pointer; }
  .user-menu-toggle .pf-arrow-down {
    position: absolute;
    right: 0;
    top: 26px;
    margin-top: -12px;
    font-size: 14px; }

.page {
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0; }

.page-nosidebar {
  position: relative;
  top: 0px;
  padding-top: 50px;
  padding-bottom: 40px; }

.ondrag {
  outline: 5px solid #00e1e7; }

.info-page {
  width: 100%;
  padding: 20px;
  max-width: 1000px;
  margin: 0 auto; }
  .info-page h1 {
    margin: 20px 0;
    color: #333;
    font-size: 18px; }
  .info-page.terms, .info-page.privacy {
    font-size: 14px;
    line-height: 22px;
    padding-top: 70px; }
    .info-page.terms h1, .info-page.privacy h1 {
      font-size: 30px;
      font-weight: 300;
      margin: 10px 0; }
    .info-page.terms h2, .info-page.privacy h2 {
      font-weight: bold;
      font-size: 24px;
      margin: 20px 0 20px 0; }
    .info-page.terms h3, .info-page.privacy h3 {
      margin: 30px 0 10px 0;
      color: #3C3C39; }
    .info-page.terms p, .info-page.privacy p {
      margin: 10px 0; }

.round-button {
  width: 70px;
  height: 70px;
  border-radius: 35px;
  color: white;
  text-align: center;
  margin: 0 auto;
  background-color: #00a5e7;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: box-shadow 0.1s ease-out; }
  .round-button .text {
    line-height: 70px; }
  .round-button:hover {
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3); }

.sidebar {
  position: fixed;
  top: 81px;
  left: 0;
  bottom: 0;
  width: 360px;
  float: left;
  border-right: 1px solid #eee;
  padding: 20px 0 20px 0;
  background: #fff;
  z-index: 5;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transition: all 0.2s ease; }
  .sidebar:hover {
    overflow-y: auto; }

.side-journal {
  padding: 20px 0; }

.view-sidebar .sidebar-nav, .sidebar .sidebar-nav, .tools-sidebar-content .sidebar-nav {
  width: 360px;
  position: relative;
  padding: 0 15px;
  margin-bottom: 20px; }
  .view-sidebar .sidebar-nav:before, .view-sidebar .sidebar-nav:after, .sidebar .sidebar-nav:before, .sidebar .sidebar-nav:after, .tools-sidebar-content .sidebar-nav:before, .tools-sidebar-content .sidebar-nav:after {
    content: " ";
    display: table;
    clear: both; }
  .view-sidebar .sidebar-nav a, .sidebar .sidebar-nav a, .tools-sidebar-content .sidebar-nav a {
    font-size: 12px;
    line-height: 26px;
    font-weight: 500;
    color: #00a6e7; }
    .view-sidebar .sidebar-nav a span, .sidebar .sidebar-nav a span, .tools-sidebar-content .sidebar-nav a span {
      vertical-align: middle; }
    .view-sidebar .sidebar-nav a .asb-icon, .sidebar .sidebar-nav a .asb-icon, .tools-sidebar-content .sidebar-nav a .asb-icon {
      display: inline-block;
      font-size: 24px;
      line-height: 24px;
      margin-right: 5px;
      color: #00a6e7; }

.view-sidebar .pagination-list, .sidebar .pagination-list, .tools-sidebar-content .pagination-list {
  margin-bottom: 10px;
  text-align: center; }

.view-sidebar .pagination-list .active a, .sidebar .pagination-list .active a, .tools-sidebar-content .pagination-list .active a {
  background: #F6F6F4; }

.view-sidebar .search-block, .sidebar .search-block, .tools-sidebar-content .search-block {
  position: absolute;
  top: 20px;
  left: 25px;
  width: 320px; }
  .view-sidebar .search-block ul, .sidebar .search-block ul, .tools-sidebar-content .search-block ul {
    position: absolute;
    left: -10px;
    right: 30px;
    top: 30px;
    border: 1px solid #E0E0E0;
    box-shadow: 0px 2px 6px #999;
    max-height: 200px;
    overflow-y: auto;
    z-index: 10; }
    .view-sidebar .search-block ul li, .sidebar .search-block ul li, .tools-sidebar-content .search-block ul li {
      position: relative;
      font-size: 11px !important;
      padding: 5px 10px;
      cursor: pointer;
      background: #fff; }
      .view-sidebar .search-block ul li:nth-child(odd), .sidebar .search-block ul li:nth-child(odd), .tools-sidebar-content .search-block ul li:nth-child(odd) {
        background: #f5f5f5; }
      .view-sidebar .search-block ul li:hover, .sidebar .search-block ul li:hover, .tools-sidebar-content .search-block ul li:hover {
        background: #00a6e7;
        color: #fff; }
        .view-sidebar .search-block ul li:hover a, .sidebar .search-block ul li:hover a, .tools-sidebar-content .search-block ul li:hover a {
          color: #fff; }
    .view-sidebar .search-block ul .select-image, .sidebar .search-block ul .select-image, .tools-sidebar-content .search-block ul .select-image {
      padding: 5px 10px 5px 30px;
      line-height: 15px; }
      .view-sidebar .search-block ul .select-image img, .view-sidebar .search-block ul .select-image i, .sidebar .search-block ul .select-image img, .sidebar .search-block ul .select-image i, .tools-sidebar-content .search-block ul .select-image img, .tools-sidebar-content .search-block ul .select-image i {
        position: absolute;
        top: 5px;
        left: 10px;
        height: 15px; }

.view-sidebar .search-side-btn, .sidebar .search-side-btn, .tools-sidebar-content .search-side-btn {
  height: 30px;
  width: 40px;
  position: absolute;
  top: 50%;
  right: 0; }
  .view-sidebar .search-side-btn input, .sidebar .search-side-btn input, .tools-sidebar-content .search-side-btn input {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    font-size: 12px;
    border: 0;
    background: none;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    right: 23px;
    border-radius: 100%;
    transition: width 0.2s ease-in-out, height 0.2s ease-in-out, border-radius 0.1s ease-in-out, padding 0.1s, text-indent 0.1s;
    transition-delay: 0s, 0.1s, 0.2s, 0s, 0.5;
    border: 1px solid #000339;
    color: inherit;
    cursor: pointer;
    background: #fff;
    padding: 0;
    text-indent: -1000px; }
  .view-sidebar .search-side-btn .pf-close, .sidebar .search-side-btn .pf-close, .tools-sidebar-content .search-side-btn .pf-close {
    position: absolute;
    top: 50%;
    right: 30px;
    z-index: 2;
    font-size: 15px;
    margin-top: -10px;
    cursor: pointer; }
  .view-sidebar .search-side-btn .del, .sidebar .search-side-btn .del, .tools-sidebar-content .search-side-btn .del {
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: 1px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 30px;
    width: 30px;
    padding: 0;
    background: none;
    border-radius: 100%;
    border: 0;
    transition: left 0.2s ease-in-out;
    transition-delay: 0.1s;
    color: inherit;
    cursor: pointer;
    z-index: 10;
    outline: none; }
    .view-sidebar .search-side-btn .del:focus, .sidebar .search-side-btn .del:focus, .tools-sidebar-content .search-side-btn .del:focus {
      outline: none;
      border: none; }
    .view-sidebar .search-side-btn .del:active, .sidebar .search-side-btn .del:active, .tools-sidebar-content .search-side-btn .del:active {
      outline: none;
      border: none; }
    .view-sidebar .search-side-btn .del:before, .sidebar .search-side-btn .del:before, .tools-sidebar-content .search-side-btn .del:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      background: #000339;
      width: 1px;
      height: 10.5px;
      -webkit-transform: translate(16.75px, 1.75px) translate(-50%, -50%) rotate(-45deg) scaleY(1);
      transform: translate(16.75px, 1.75px) translate(-50%, -50%) rotate(-45deg) scaleY(1);
      transition: -webkit-transform 0.1s ease-in-out;
      transition: transform 0.1s ease-in-out;
      transition-delay: 0.1s; }
    .view-sidebar .search-side-btn .del:after, .sidebar .search-side-btn .del:after, .tools-sidebar-content .search-side-btn .del:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      background: #000339;
      width: 1px;
      height: 10.5px;
      -webkit-transform: translate(-50%, -50%) rotate(45deg) scaleY(0);
      transform: translate(-50%, -50%) rotate(45deg) scaleY(0);
      transition: -webkit-transform 0.1s ease-in-out;
      transition: transform 0.1s ease-in-out;
      transition-delay: 0.1s; }

.view-sidebar .search-side-btn-active, .sidebar .search-side-btn-active, .tools-sidebar-content .search-side-btn-active {
  width: 310px; }
  .view-sidebar .search-side-btn-active input, .sidebar .search-side-btn-active input, .tools-sidebar-content .search-side-btn-active input {
    width: 100%;
    height: 30px;
    padding: 6.5px 0;
    padding-right: 30px;
    transition-delay: 0.2s, 0s, 0.2s;
    outline: 0;
    cursor: text;
    padding-left: 6.5px;
    text-indent: inherit; }
  .view-sidebar .search-side-btn-active .del, .sidebar .search-side-btn-active .del, .tools-sidebar-content .search-side-btn-active .del {
    pointer-events: all;
    left: calc(100% - 15px)10;
    transition-delay: 0.1s; }
    .view-sidebar .search-side-btn-active .del:before, .sidebar .search-side-btn-active .del:before, .tools-sidebar-content .search-side-btn-active .del:before {
      -webkit-transform: translate(-50%, -50%) rotate(-45deg) scaleY(0.7);
      transform: translate(-50%, -50%) rotate(-45deg) scaleY(0.7);
      transition-delay: 0.1s; }
    .view-sidebar .search-side-btn-active .del:after, .sidebar .search-side-btn-active .del:after, .tools-sidebar-content .search-side-btn-active .del:after {
      -webkit-transform: translate(-50%, -50%) rotate(45deg) scaleY(0.7);
      transform: translate(-50%, -50%) rotate(45deg) scaleY(0.7);
      transition-delay: 0.1s; }

.view-sidebar .sidebar-title, .sidebar .sidebar-title, .tools-sidebar-content .sidebar-title {
  width: 100%;
  padding: 10px 15px;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  cursor: pointer; }
  .view-sidebar .sidebar-title .pf-bookmarked, .sidebar .sidebar-title .pf-bookmarked, .tools-sidebar-content .sidebar-title .pf-bookmarked {
    min-width: 16px;
    text-align: center; }
  .view-sidebar .sidebar-title .st-nav-line, .sidebar .sidebar-title .st-nav-line, .tools-sidebar-content .sidebar-title .st-nav-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 5px;
    background: transparent; }
  .view-sidebar .sidebar-title.st-active, .sidebar .sidebar-title.st-active, .tools-sidebar-content .sidebar-title.st-active {
    font-weight: 500;
    color: #00a6e7;
    cursor: default; }
    .view-sidebar .sidebar-title.st-active .st-nav-line, .sidebar .sidebar-title.st-active .st-nav-line, .tools-sidebar-content .sidebar-title.st-active .st-nav-line {
      background: #00a6e7; }
    .view-sidebar .sidebar-title.st-active .sidebar-visible, .sidebar .sidebar-title.st-active .sidebar-visible, .tools-sidebar-content .sidebar-title.st-active .sidebar-visible {
      color: #00a6e7; }
      .view-sidebar .sidebar-title.st-active .sidebar-visible:hover, .sidebar .sidebar-title.st-active .sidebar-visible:hover, .tools-sidebar-content .sidebar-title.st-active .sidebar-visible:hover {
        color: #00a6e7; }
  .view-sidebar .sidebar-title:hover, .sidebar .sidebar-title:hover, .tools-sidebar-content .sidebar-title:hover {
    background: #e1e1e1; }
    .view-sidebar .sidebar-title:hover .st-nav-line, .sidebar .sidebar-title:hover .st-nav-line, .tools-sidebar-content .sidebar-title:hover .st-nav-line {
      background: #646464; }
  .view-sidebar .sidebar-title .sidebar-visible, .sidebar .sidebar-title .sidebar-visible, .tools-sidebar-content .sidebar-title .sidebar-visible {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -5px;
    font-size: 10px;
    line-height: 10px;
    color: #666666;
    font-weight: 400;
    cursor: pointer; }
    .view-sidebar .sidebar-title .sidebar-visible:hover, .sidebar .sidebar-title .sidebar-visible:hover, .tools-sidebar-content .sidebar-title .sidebar-visible:hover {
      color: #000339; }
  .view-sidebar .sidebar-title i, .sidebar .sidebar-title i, .tools-sidebar-content .sidebar-title i {
    display: inline-block;
    margin: 0 10px 0 17px;
    font-size: 20px;
    line-height: 20px;
    vertical-align: middle; }
    .view-sidebar .sidebar-title i.pf-folder, .view-sidebar .sidebar-title i.pf-home, .view-sidebar .sidebar-title i.pf-bookmarked, .sidebar .sidebar-title i.pf-folder, .sidebar .sidebar-title i.pf-home, .sidebar .sidebar-title i.pf-bookmarked, .tools-sidebar-content .sidebar-title i.pf-folder, .tools-sidebar-content .sidebar-title i.pf-home, .tools-sidebar-content .sidebar-title i.pf-bookmarked {
      margin-top: -6px; }
  .view-sidebar .sidebar-title .st-icon, .sidebar .sidebar-title .st-icon, .tools-sidebar-content .sidebar-title .st-icon {
    width: 20px;
    height: 20px;
    margin: 0 10px 0 15px;
    vertical-align: middle; }

.view-sidebar .sidebar-subfolder .sidebar-title, .sidebar .sidebar-subfolder .sidebar-title, .tools-sidebar-content .sidebar-subfolder .sidebar-title {
  padding-left: 30px; }

.view-sidebar .sidebar-subfolder .st-nav-line, .sidebar .sidebar-subfolder .st-nav-line, .tools-sidebar-content .sidebar-subfolder .st-nav-line {
  left: 0; }

.view-sidebar .sidebar-subfolder .sidebar-visible, .sidebar .sidebar-subfolder .sidebar-visible, .tools-sidebar-content .sidebar-subfolder .sidebar-visible {
  left: 30px; }

.view-sidebar .sidebar-subfolder .sidebar-subfolder .sidebar-title, .sidebar .sidebar-subfolder .sidebar-subfolder .sidebar-title, .tools-sidebar-content .sidebar-subfolder .sidebar-subfolder .sidebar-title {
  padding-left: 50px; }

.view-sidebar .sidebar-subfolder .sidebar-subfolder .st-nav-line, .sidebar .sidebar-subfolder .sidebar-subfolder .st-nav-line, .tools-sidebar-content .sidebar-subfolder .sidebar-subfolder .st-nav-line {
  left: 0; }

.view-sidebar .sidebar-subfolder .sidebar-subfolder .sidebar-visible, .sidebar .sidebar-subfolder .sidebar-subfolder .sidebar-visible, .tools-sidebar-content .sidebar-subfolder .sidebar-subfolder .sidebar-visible {
  left: 50px; }

.view-sidebar .sidebar-subfolder .sidebar-subfolder .sidebar-subfolder .sidebar-title, .sidebar .sidebar-subfolder .sidebar-subfolder .sidebar-subfolder .sidebar-title, .tools-sidebar-content .sidebar-subfolder .sidebar-subfolder .sidebar-subfolder .sidebar-title {
  padding-left: 70px; }

.view-sidebar .sidebar-subfolder .sidebar-subfolder .sidebar-subfolder .st-nav-line, .sidebar .sidebar-subfolder .sidebar-subfolder .sidebar-subfolder .st-nav-line, .tools-sidebar-content .sidebar-subfolder .sidebar-subfolder .sidebar-subfolder .st-nav-line {
  left: 0; }

.view-sidebar .sidebar-subfolder .sidebar-subfolder .sidebar-subfolder .sidebar-visible, .sidebar .sidebar-subfolder .sidebar-subfolder .sidebar-subfolder .sidebar-visible, .tools-sidebar-content .sidebar-subfolder .sidebar-subfolder .sidebar-subfolder .sidebar-visible {
  left: 70px; }

.view-sidebar .sidebar-items, .sidebar .sidebar-items, .tools-sidebar-content .sidebar-items {
  width: 345px;
  margin-left: 15px;
  margin-bottom: 40px; }
  .view-sidebar .sidebar-items li, .sidebar .sidebar-items li, .tools-sidebar-content .sidebar-items li {
    width: 100%;
    position: relative;
    padding: 10px 45px 10px 5px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    border-top: 1px solid #efefef;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    vertical-align: middle; }
    .view-sidebar .sidebar-items li:hover, .sidebar .sidebar-items li:hover, .tools-sidebar-content .sidebar-items li:hover {
      padding-left: 8px;
      background: #fafafa; }
    .view-sidebar .sidebar-items li img, .sidebar .sidebar-items li img, .tools-sidebar-content .sidebar-items li img {
      margin-right: 5px;
      vertical-align: middle; }
    .view-sidebar .sidebar-items li i, .sidebar .sidebar-items li i, .tools-sidebar-content .sidebar-items li i {
      font-size: 14px;
      line-height: 14px;
      margin-right: 5px;
      vertical-align: middle; }
    .view-sidebar .sidebar-items li span, .sidebar .sidebar-items li span, .tools-sidebar-content .sidebar-items li span {
      vertical-align: middle; }
    .view-sidebar .sidebar-items li .removeBook, .sidebar .sidebar-items li .removeBook, .tools-sidebar-content .sidebar-items li .removeBook {
      margin-right: 10px;
      font-size: 11px;
      cursor: pointer; }
      .view-sidebar .sidebar-items li .removeBook:hover, .sidebar .sidebar-items li .removeBook:hover, .tools-sidebar-content .sidebar-items li .removeBook:hover {
        color: #00a6e7; }
    .view-sidebar .sidebar-items li .sidebar-name, .sidebar .sidebar-items li .sidebar-name, .tools-sidebar-content .sidebar-items li .sidebar-name {
      width: 290px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .view-sidebar .sidebar-items li .sidebar-name.sn-small, .sidebar .sidebar-items li .sidebar-name.sn-small, .tools-sidebar-content .sidebar-items li .sidebar-name.sn-small {
        width: 240px; }
      .view-sidebar .sidebar-items li .sidebar-name.sn-shared-ver, .sidebar .sidebar-items li .sidebar-name.sn-shared-ver, .tools-sidebar-content .sidebar-items li .sidebar-name.sn-shared-ver {
        width: 220px; }
    .view-sidebar .sidebar-items li .sidebar-icons, .sidebar .sidebar-items li .sidebar-icons, .tools-sidebar-content .sidebar-items li .sidebar-icons {
      float: right;
      margin-left: 5px; }
    .view-sidebar .sidebar-items li .active-icon, .sidebar .sidebar-items li .active-icon, .tools-sidebar-content .sidebar-items li .active-icon {
      position: absolute;
      top: 50%;
      right: 30px;
      margin-top: -3.5px;
      width: 7px;
      height: 7px;
      background: #15da22;
      border-radius: 100%; }
    .view-sidebar .sidebar-items li .active-open-icon, .sidebar .sidebar-items li .active-open-icon, .tools-sidebar-content .sidebar-items li .active-open-icon {
      position: absolute;
      top: 50%;
      right: 15px;
      margin-top: -14px;
      color: #15da22; }
      .view-sidebar .sidebar-items li .active-open-icon i, .sidebar .sidebar-items li .active-open-icon i, .tools-sidebar-content .sidebar-items li .active-open-icon i {
        font-size: 28px;
        line-height: 28px; }
    .view-sidebar .sidebar-items li .personal-version, .sidebar .sidebar-items li .personal-version, .tools-sidebar-content .sidebar-items li .personal-version {
      display: inline-block;
      margin: 0 3px;
      font-size: 11px;
      line-height: 11px;
      border-radius: 100%; }
    .view-sidebar .sidebar-items li .sidebar-shared, .sidebar .sidebar-items li .sidebar-shared, .tools-sidebar-content .sidebar-items li .sidebar-shared {
      display: inline-block;
      margin: 0 3px;
      font-size: 14px;
      line-height: 14px;
      cursor: pointer; }
      .view-sidebar .sidebar-items li .sidebar-shared .pf-face-left, .sidebar .sidebar-items li .sidebar-shared .pf-face-left, .tools-sidebar-content .sidebar-items li .sidebar-shared .pf-face-left {
        margin-right: 2px; }
      .view-sidebar .sidebar-items li .sidebar-shared:hover, .sidebar .sidebar-items li .sidebar-shared:hover, .tools-sidebar-content .sidebar-items li .sidebar-shared:hover {
        color: #00a6e7; }
  .view-sidebar .sidebar-items .sub-side-item, .sidebar .sidebar-items .sub-side-item, .tools-sidebar-content .sidebar-items .sub-side-item {
    padding-left: 25px; }
    .view-sidebar .sidebar-items .sub-side-item:hover, .sidebar .sidebar-items .sub-side-item:hover, .tools-sidebar-content .sidebar-items .sub-side-item:hover {
      padding-left: 30px; }
  .view-sidebar .sidebar-items .si-active, .sidebar .sidebar-items .si-active, .tools-sidebar-content .sidebar-items .si-active {
    background: #F6F6F4;
    padding-left: 8px; }
    .view-sidebar .sidebar-items .si-active:hover, .sidebar .sidebar-items .si-active:hover, .tools-sidebar-content .sidebar-items .si-active:hover {
      background: #F6F6F4; }
  .view-sidebar .sidebar-items .si-active.sub-side-item, .sidebar .sidebar-items .si-active.sub-side-item, .tools-sidebar-content .sidebar-items .si-active.sub-side-item {
    padding-left: 30px; }

.view-sidebar .journal-sidebar-items, .sidebar .journal-sidebar-items, .tools-sidebar-content .journal-sidebar-items {
  width: 360px; }
  .view-sidebar .journal-sidebar-items li, .sidebar .journal-sidebar-items li, .tools-sidebar-content .journal-sidebar-items li {
    position: relative; }

.view-sidebar .journal-protocols, .sidebar .journal-protocols, .tools-sidebar-content .journal-protocols {
  padding: 10px 50px 10px 15px;
  font-weight: 700;
  border-top: 1px solid #efefef;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer; }
  .view-sidebar .journal-protocols i, .sidebar .journal-protocols i, .tools-sidebar-content .journal-protocols i {
    margin-right: 10px;
    font-size: 23px;
    vertical-align: middle; }
  .view-sidebar .journal-protocols .sidebar-visible, .sidebar .journal-protocols .sidebar-visible, .tools-sidebar-content .journal-protocols .sidebar-visible {
    display: none;
    position: absolute;
    right: 20px;
    top: 20px;
    margin-top: -6px;
    font-size: 12px;
    line-height: 12px;
    color: #aaa;
    font-weight: 400; }
    .view-sidebar .journal-protocols .sidebar-visible:hover, .sidebar .journal-protocols .sidebar-visible:hover, .tools-sidebar-content .journal-protocols .sidebar-visible:hover {
      color: #00a6e7; }
  .view-sidebar .journal-protocols:hover .sidebar-visible, .sidebar .journal-protocols:hover .sidebar-visible, .tools-sidebar-content .journal-protocols:hover .sidebar-visible {
    display: block; }

.view-sidebar .js-active, .view-sidebar .js-active-item, .sidebar .js-active, .sidebar .js-active-item, .tools-sidebar-content .js-active, .tools-sidebar-content .js-active-item {
  background: #f6f6f4; }

.view-sidebar img, .sidebar img, .tools-sidebar-content img {
  vertical-align: middle; }

.view-sidebar .sidebar-input, .sidebar .sidebar-input, .tools-sidebar-content .sidebar-input {
  width: 315px;
  position: relative;
  margin: 10px 0; }
  .view-sidebar .sidebar-input input, .sidebar .sidebar-input input, .tools-sidebar-content .sidebar-input input {
    width: 100%; }
  .view-sidebar .sidebar-input .sidebar-input-controls, .sidebar .sidebar-input .sidebar-input-controls, .tools-sidebar-content .sidebar-input .sidebar-input-controls {
    font-size: 11px;
    line-height: 12px;
    text-align: right; }
    .view-sidebar .sidebar-input .sidebar-input-controls a, .sidebar .sidebar-input .sidebar-input-controls a, .tools-sidebar-content .sidebar-input .sidebar-input-controls a {
      line-height: 12px;
      display: inline-block; }
    .view-sidebar .sidebar-input .sidebar-input-controls .cancel, .sidebar .sidebar-input .sidebar-input-controls .cancel, .tools-sidebar-content .sidebar-input .sidebar-input-controls .cancel {
      margin-right: 10px;
      color: #ccc; }
  .view-sidebar .sidebar-input .white-load, .sidebar .sidebar-input .white-load, .tools-sidebar-content .sidebar-input .white-load {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 2; }
  .view-sidebar .sidebar-input .tipsy, .sidebar .sidebar-input .tipsy, .tools-sidebar-content .sidebar-input .tipsy {
    bottom: 100%;
    left: 0;
    right: 0; }

.view-sidebar .journal-items .journal-sort-block:before, .view-sidebar .journal-items .journal-sort-block:after, .sidebar .journal-items .journal-sort-block:before, .sidebar .journal-items .journal-sort-block:after, .tools-sidebar-content .journal-items .journal-sort-block:before, .tools-sidebar-content .journal-items .journal-sort-block:after {
  content: " ";
  display: table;
  clear: both; }

.view-sidebar .journal-items .journal-sort-block .journal-sort, .sidebar .journal-items .journal-sort-block .journal-sort, .tools-sidebar-content .journal-items .journal-sort-block .journal-sort {
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
  color: #cccccc;
  cursor: pointer; }
  .view-sidebar .journal-items .journal-sort-block .journal-sort i, .sidebar .journal-items .journal-sort-block .journal-sort i, .tools-sidebar-content .journal-items .journal-sort-block .journal-sort i {
    font-size: 20px;
    margin-left: 10px;
    vertical-align: sub; }
  .view-sidebar .journal-items .journal-sort-block .journal-sort .sort-active, .sidebar .journal-items .journal-sort-block .journal-sort .sort-active, .tools-sidebar-content .journal-items .journal-sort-block .journal-sort .sort-active {
    color: #858484; }

.view-sidebar .journal-items .journal-sort-block .js-name, .sidebar .journal-items .journal-sort-block .js-name, .tools-sidebar-content .journal-items .journal-sort-block .js-name {
  float: left;
  width: 70px;
  margin-left: 25px; }

.view-sidebar .journal-items .journal-sort-block .js-date, .sidebar .journal-items .journal-sort-block .js-date, .tools-sidebar-content .journal-items .journal-sort-block .js-date {
  margin-left: 260px; }

.view-sidebar .journal-items .jsi-block, .sidebar .journal-items .jsi-block, .tools-sidebar-content .journal-items .jsi-block {
  position: relative;
  cursor: pointer; }
  .view-sidebar .journal-items .jsi-block .jsib-border, .sidebar .journal-items .jsi-block .jsib-border, .tools-sidebar-content .journal-items .jsi-block .jsib-border {
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 0;
    height: 1px;
    background: #efefef; }
  .view-sidebar .journal-items .jsi-block:last-child .jsib-border, .sidebar .journal-items .jsi-block:last-child .jsib-border, .tools-sidebar-content .journal-items .jsi-block:last-child .jsib-border {
    display: none; }

.view-sidebar .journal-items .jp-item, .view-sidebar .journal-items .ns-item, .sidebar .journal-items .jp-item, .sidebar .journal-items .ns-item, .tools-sidebar-content .journal-items .jp-item, .tools-sidebar-content .journal-items .ns-item {
  width: 100%;
  padding: 10px 120px 10px 25px;
  position: relative;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle; }
  .view-sidebar .journal-items .jp-item .jsi-time, .view-sidebar .journal-items .ns-item .jsi-time, .sidebar .journal-items .jp-item .jsi-time, .sidebar .journal-items .ns-item .jsi-time, .tools-sidebar-content .journal-items .jp-item .jsi-time, .tools-sidebar-content .journal-items .ns-item .jsi-time {
    position: absolute;
    top: 0;
    left: 260px;
    font-size: 12px;
    line-height: 41px;
    font-weight: 300; }
  .view-sidebar .journal-items .jp-item img, .view-sidebar .journal-items .ns-item img, .sidebar .journal-items .jp-item img, .sidebar .journal-items .ns-item img, .tools-sidebar-content .journal-items .jp-item img, .tools-sidebar-content .journal-items .ns-item img {
    margin-right: 10px; }
  .view-sidebar .journal-items .jp-item i, .view-sidebar .journal-items .ns-item i, .sidebar .journal-items .jp-item i, .sidebar .journal-items .ns-item i, .tools-sidebar-content .journal-items .jp-item i, .tools-sidebar-content .journal-items .ns-item i {
    margin-right: 17px; }

.view-sidebar .archive-link, .sidebar .archive-link, .tools-sidebar-content .archive-link {
  margin: 25px 15px;
  display: block;
  text-align: right; }

.page-content-nosidebar {
  background: #f6f6f4; }

.view-content footer, .journal-container footer, .analytics-content footer {
  position: relative; }

.sidebar-promo {
  padding: 0 20px; }
  .sidebar-promo h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 500; }
  .sidebar-promo p {
    margin: 20px 0;
    font-weight: 600; }
  .sidebar-promo ul li {
    display: block;
    margin-bottom: 10px; }
  .sidebar-promo button {
    display: block;
    margin: 50px auto 10px;
    color: #FFFFFF;
    background: #00a6e7;
    font-size: 16px;
    height: 50px; }
    .sidebar-promo button:hover {
      background-color: #00cae1;
      border: 1px solid #00cae1; }

.analytics-page .sidebar .search-side-btn input {
  border: 1px solid #e0e0e0; }

.user-title .user-blob-link:hover {
  color: white; }

.user-title .small-title-bold {
  vertical-align: middle; }

.page-compare {
  padding-top: 60px; }
  .page-compare .table-compare .page-utilities {
    display: none; }
  .page-compare .table-compare .table-td {
    padding: 20px; }
    .page-compare .table-compare .table-td:first-child {
      border-right: 1px solid black; }
  .page-compare .pf-second-info {
    color: red; }
  .page-compare .form-comapre input {
    margin: 5px 0; }
    .page-compare .form-comapre input.full {
      width: 100%; }
  .page-compare .form-comapre button {
    margin-top: 5px; }
  .page-compare .form-comapre .nav {
    text-align: right; }
  .page-compare .form-comapre .example {
    background: #DADADA;
    margin: 10px 0;
    padding: 5px; }

.explore-item-protocol .publish-title {
  text-transform: none;
  line-height: 12px;
  padding: 6px 0 12px 0;
  display: block;
  font-weight: 500; }

.explore-item-protocol .small-title {
  margin: 0px !important; }

.explore-item-protocol .info-steps {
  margin-top: 10px; }

.explore-item-protocol .it-social {
  position: absolute;
  right: 10px;
  bottom: 5px;
  text-align: right; }

.explore-item-protocol .profile-img {
  padding: 0 5px;
  vertical-align: middle;
  width: 35px;
  height: 25px;
  display: inline-block; }
  .explore-item-protocol .profile-img img {
    width: 25px;
    height: 25px;
    border-radius: 100%; }

.show-tickets {
  position: fixed;
  bottom: 30%;
  right: -26px;
  width: 50px;
  height: 55px;
  font-size: 13px;
  cursor: pointer;
  background-color: #00a6e7;
  color: white;
  transition: margin .1s ease;
  z-index: 20;
  -webkit-transform: translate3d(0, 0, 0);
  border: 1px solid white; }
  .show-tickets .show-ticket-text {
    padding-left: 15px;
    padding-top: 22px;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  .show-tickets .show-ticket-tipsy {
    transition: all 0.5s;
    display: none;
    position: absolute;
    font-size: 12px;
    bottom: -4px;
    color: white;
    line-height: 12px;
    width: 150px;
    right: 47px;
    background-color: black;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid black;
    cursor: default; }
    .show-tickets .show-ticket-tipsy:after, .show-tickets .show-ticket-tipsy:before {
      left: 100%;
      top: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .show-tickets .show-ticket-tipsy:after {
      border-color: rgba(255, 255, 255, 0);
      border-left-color: black;
      border-width: 5px;
      margin-top: -5px; }
    .show-tickets .show-ticket-tipsy:before {
      border-color: rgba(223, 223, 223, 0);
      border-left-color: black;
      border-width: 6px;
      margin-top: -6px; }
  .show-tickets:hover {
    margin-right: 14px;
    color: white; }
    .show-tickets:hover .show-ticket-tipsy {
      display: block; }
  .show-tickets.show-tickets-open {
    right: -14px;
    transition: none; }

@media (max-width: 950px) {
  header .main-nav-tabs {
    margin: 20px 20px 0 20px; }
  header .collapse-menu {
    display: block !important; }
  header.default .logo {
    margin-left: 15px; } }

@media (max-width: 975px) {
  .breadcrumb-trail-right {
    display: none; }
  header.default .mobile-menu, header.landing .mobile-menu {
    display: inline-block; }
  header.default .nav li, header.landing .nav li {
    display: none; }
  header.default .nav .dropdown li, header.landing .nav .dropdown li {
    display: block;
    margin-right: 20px; }
  header.default .nav .user-menu, header.landing .nav .user-menu {
    display: inline-block; }
  header.landing .nav li.user-menu {
    height: 87px; }
  .mobile-nav {
    display: block; } }

@media (max-width: 600px) {
  header .main-header .user-menu {
    margin-left: 0 !important; }
  header.landing .user-menu {
    margin-left: 10px; }
  header.landing .logo {
    font-size: 30px; }
  header.landing .nav li.user-menu {
    margin-left: 10px; } }

@media (max-width: 480px) {
  header.landing .logo, header.default .logo {
    font-size: 20px; }
  header.landing .logo .pf-logo, header.default .logo .pf-logo {
    font-size: 26px; }
  header.landing .mobile-menu {
    margin-top: 29px; }
  header.landing .nav li.user-menu {
    height: 82px; } }

@media (max-width: 710px) {
  header .header-search-input {
    display: none; } }

@media (max-width: 750px) {
  footer {
    bottom: -465px; }
  .simple-footer {
    bottom: 0; } }

@media (max-width: 470px) {
  footer {
    bottom: -610px; }
  .simple-footer {
    bottom: 0; } }

.reg-page {
  width: 840px;
  max-width: 100%;
  margin: 0px auto 40px auto;
  padding: 130px 20px 200px 20px; }
  .reg-page:before, .reg-page:after {
    content: " ";
    display: table;
    clear: both; }
  .reg-page .sp-left-row {
    float: left;
    margin-right: 35px;
    vertical-align: top; }
  .reg-page .sp-right-row {
    margin-left: 255px;
    vertical-align: top; }
  .reg-page h2 {
    margin-bottom: 40px;
    font-size: 50px;
    line-height: 65px;
    font-weight: 300; }
  .reg-page p {
    font-size: 18px;
    line-height: 30px; }
  .reg-page .success-email {
    display: inline-block;
    padding: 10px;
    margin: 10px 0 40px 0;
    font-size: 24px;
    line-height: 24px;
    background: #f6f6f4; }
  .reg-page .confirm-form, .reg-page .reset-form {
    text-align: center;
    margin-bottom: 40px; }
    .reg-page .confirm-form h2, .reg-page .reset-form h2 {
      margin-bottom: 20px; }
    .reg-page .confirm-form .error-txt, .reg-page .reset-form .error-txt {
      width: 300px;
      margin: 0 auto;
      max-width: 100%;
      min-height: 20px;
      font-size: 12px;
      line-height: 14px;
      color: red; }
    .reg-page .confirm-form .confirm-info, .reg-page .reset-form .confirm-info {
      font-size: 24px;
      line-height: 24px; }
    .reg-page .confirm-form input, .reg-page .reset-form input {
      width: 300px;
      max-width: 100%;
      display: block;
      margin: 20px auto;
      font-size: 16px; }
    .reg-page .confirm-form .confirm-btn, .reg-page .confirm-form .reset-btn, .reg-page .confirm-form .set-new-pass, .reg-page .reset-form .confirm-btn, .reg-page .reset-form .reset-btn, .reg-page .reset-form .set-new-pass {
      width: 300px;
      max-width: 300px;
      font-size: 14px;
      text-shadow: none; }
    .reg-page .confirm-form .confirm-btn, .reg-page .reset-form .confirm-btn {
      padding: 5px 20px; }
    .reg-page .confirm-form .load-btn, .reg-page .reset-form .load-btn {
      color: #03bacf; }
    .reg-page .confirm-form .notext-btn, .reg-page .reset-form .notext-btn {
      color: transparent; }

.invite-window {
  width: 450px;
  margin: 0 auto;
  margin-top: 100px; }
  .invite-window .share-win-col {
    width: 100%;
    margin: 0px; }

.share-window {
  width: 930px; }
  .share-window .share-win-col {
    width: 47%; }
  .share-window .reset-block {
    margin-top: -20px; }

.share-window, .invite-window {
  max-width: 100%;
  background: #fff; }
  .share-window h2, .invite-window h2 {
    text-align: center; }
  .share-window .share-win-row, .invite-window .share-win-row {
    width: 100%;
    position: relative;
    margin-top: 20px; }
    .share-window .share-win-row:before, .share-window .share-win-row:after, .invite-window .share-win-row:before, .invite-window .share-win-row:after {
      content: " ";
      display: table;
      clear: both; }
    .share-window .share-win-row .share-win-col, .invite-window .share-win-row .share-win-col {
      float: left;
      padding: 20px;
      background: #f6f6f4;
      border-radius: 10px; }
      .share-window .share-win-row .share-win-col:first-child, .invite-window .share-win-row .share-win-col:first-child {
        margin-right: 3%; }
      .share-window .share-win-row .share-win-col h2, .invite-window .share-win-row .share-win-col h2 {
        margin-bottom: 30px;
        text-align: center; }
      .share-window .share-win-row .share-win-col label, .invite-window .share-win-row .share-win-col label {
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 12px;
        font-weight: 300;
        text-transform: uppercase; }
      .share-window .share-win-row .share-win-col input, .invite-window .share-win-row .share-win-col input {
        width: 100%;
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 16px; }
      .share-window .share-win-row .share-win-col .share-error, .invite-window .share-win-row .share-win-col .share-error {
        margin: 10px 0;
        font-size: 12px;
        line-height: 12px;
        color: red; }
      .share-window .share-win-row .share-win-col .btn, .invite-window .share-win-row .share-win-col .btn {
        display: block;
        width: 160px;
        margin: 0 auto;
        text-shadow: none; }
      .share-window .share-win-row .share-win-col .disclaimer, .invite-window .share-win-row .share-win-col .disclaimer {
        margin-top: 40px;
        font-size: 12px;
        line-height: 16px;
        color: #cfcfcf;
        text-align: center; }
  .share-window .reset-block, .invite-window .reset-block {
    margin: -10px 0 10px 0; }
    .share-window .reset-block:before, .share-window .reset-block:after, .invite-window .reset-block:before, .invite-window .reset-block:after {
      content: " ";
      display: table;
      clear: both; }
    .share-window .reset-block .reset-pass, .invite-window .reset-block .reset-pass {
      font-size: 11px;
      line-height: 11px;
      text-transform: uppercase;
      float: right; }
  .share-window .white-block, .invite-window .white-block {
    position: relative;
    height: 70px;
    width: 250px;
    margin: 20px auto;
    padding: 10px 10px 10px 60px;
    background: #FFF;
    border-radius: 10px;
    border: 1px solid #E0E0E0; }
    .share-window .white-block .img, .invite-window .white-block .img {
      position: absolute;
      left: 10px;
      top: 10px;
      width: 50px;
      height: 50px; }
    .share-window .white-block h2, .share-window .white-block h3, .invite-window .white-block h2, .invite-window .white-block h3 {
      text-align: left; }
  .share-window .accexists, .invite-window .accexists {
    margin-top: -10px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 14px;
    color: red; }

@media (max-width: 660px) {
  .success-page .sp-left-row {
    width: 100%;
    float: none;
    text-align: center; }
  .success-page .sp-right-row {
    width: 100%;
    margin: 40px 0 0 0; } }

@media (max-width: 550px) {
  .share-window .share-win-row .share-win-col, .invite-window .share-win-row .share-win-col {
    float: none;
    width: 100%;
    margin-bottom: 20px; }
    .share-window .share-win-row .share-win-col:first-child, .invite-window .share-win-row .share-win-col:first-child {
      margin-right: 0; } }

.body-create {
  min-height: auto;
  padding-bottom: 0 !important; }

.create-account-page {
  width: 420px;
  max-width: 100%;
  margin: 30px auto;
  padding: 0 10px; }
  .create-account-page .create-logo {
    margin-bottom: 40px;
    font-size: 48px;
    line-height: 48px;
    font-weight: 700;
    text-decoration: none;
    color: #444;
    text-align: center;
    cursor: pointer; }
    .create-account-page .create-logo .pf-logo {
      font-size: 60px;
      margin-right: 5px;
      vertical-align: middle;
      font-weight: 300;
      color: #000339; }
  .create-account-page .create-title {
    margin-bottom: 40px;
    font-size: 13px;
    line-height: 22px;
    text-align: center; }
  .create-account-page .create-new-title {
    color: #aaa;
    font-size: 13px;
    line-height: 22px;
    text-align: left; }
  .create-account-page .ca-form {
    margin: 0 auto 60px auto;
    padding: 30px 20px 20px;
    text-align: center;
    background: #FFFFFF;
    border: 1px solid #A7A6B2; }
    .create-account-page .ca-form .create-form {
      width: 350px;
      max-width: 100%;
      margin: 0 auto; }
    .create-account-page .ca-form input {
      width: 100%;
      height: 40px;
      margin-bottom: 20px;
      text-align: left; }
    .create-account-page .ca-form .btn-create {
      width: 100%;
      height: 50px;
      font-size: 16px;
      line-height: 50px;
      color: #FFFFFF;
      background: #00a6e7;
      border: 1px solid #00a6e7; }
      .create-account-page .ca-form .btn-create:hover {
        background-color: #00b7ff;
        border: 1px solid #00b7ff; }
      .create-account-page .ca-form .btn-create.btn-create-dis {
        color: #FFFFFF;
        background: #CDCDCD;
        border: 1px solid #CDCDCD; }
        .create-account-page .ca-form .btn-create.btn-create-dis:hover {
          color: #FFFFFF;
          background: #CDCDCD;
          border: 1px solid #CDCDCD; }
    .create-account-page .ca-form .disclaimer {
      margin-top: 10px;
      margin-bottom: 30px;
      font-size: 10px;
      line-height: 16px; }
    .create-account-page .ca-form .social-login i {
      margin: 17px 5px;
      width: auto;
      display: inline-block;
      vertical-align: top;
      font-size: 56px;
      font-style: normal;
      color: #777;
      cursor: pointer; }
    .create-account-page .ca-form .social-login .pf-facebook:hover {
      color: #306199; }
    .create-account-page .ca-form .social-login .pf-google:hover {
      color: #E93F2E; }
    .create-account-page .ca-form .reset-block {
      font-size: 12px;
      text-align: right; }
    .create-account-page .ca-form .accexists {
      min-height: 16px;
      font-size: 12px;
      line-height: 16px;
      color: red; }
    .create-account-page .ca-form .create-exists {
      margin-top: 40px; }
      .create-account-page .ca-form .create-exists strong {
        font-weight: bold; }
    .create-account-page .ca-form .create-animate-block {
      transform: scale(0);
      -webkit-transform: scale(0);
      transition: all .25s ease-in-out;
      -webkit-transition: all .25s ease-in-out; }
      .create-account-page .ca-form .create-animate-block.show-cab {
        transform: scale(1);
        -webkit-transform: scale(1); }
    .create-account-page .ca-form .create-thankyou {
      width: 650px;
      max-width: 100%;
      padding: 0 20px;
      margin: 0 auto; }
      .create-account-page .ca-form .create-thankyou .thanks-block {
        position: relative;
        margin-bottom: 70px; }
        .create-account-page .ca-form .create-thankyou .thanks-block .create-icon {
          width: 100px;
          margin: 0 auto 20px auto; }
        .create-account-page .ca-form .create-thankyou .thanks-block .ct-text {
          text-align: left; }
          .create-account-page .ca-form .create-thankyou .thanks-block .ct-text h3 {
            font-size: 24px;
            line-height: 30px;
            margin-bottom: 20px; }
          .create-account-page .ca-form .create-thankyou .thanks-block .ct-text p {
            margin-bottom: 20px; }
          .create-account-page .ca-form .create-thankyou .thanks-block .ct-text strong {
            font-weight: bold; }
  .create-account-page .ca-footer ul {
    text-align: center; }
    .create-account-page .ca-footer ul li {
      display: inline-block;
      padding: 0 10px;
      font-size: 13px;
      font-weight: 200; }
      .create-account-page .ca-footer ul li a {
        color: #777; }

@media (max-width: 500px) {
  .create-account-page {
    margin: 10px auto; } }

.files-manager .files-spin {
  padding-top: 250px; }

.files-manager .files-content {
  padding-top: 40px; }

.files-manager .twh-nav {
  border-bottom: #eee solid 1px; }

.files-manager .empty-folders {
  width: 400px;
  margin-top: 150px;
  margin-left: 50px;
  font-weight: bold;
  color: #777;
  text-align: center; }
  .files-manager .empty-folders img {
    display: block;
    width: 400px;
    margin: 20px auto; }
  .files-manager .empty-folders.empty-folders-hover {
    cursor: pointer; }

.twh-nav {
  position: relative;
  height: 40px;
  padding: 8px 0px 15px;
  white-space: nowrap; }
  .twh-nav button {
    margin-right: 10px; }
  .twh-nav .btn-list {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top; }
    .twh-nav .btn-list button {
      margin-right: 0; }

.comments-block {
  padding: 20px 50px 20px 20px; }

.view-twh-nav {
  position: fixed;
  left: 0;
  right: 0;
  top: 115px;
  padding: 7px 20px 15px 20px;
  background: white;
  z-index: 10;
  border-bottom: 1px solid #eaeaea;
  border-top: 1px solid #eaeaea;
  height: 43px; }

.view-header-with-btns {
  margin-top: 40px; }

.files-manager {
  margin-top: -50px;
  height: calc(100vh - 52px);
  overflow-y: auto; }
  .files-manager .twh-nav {
    height: 40px;
    position: absolute;
    left: 0px;
    right: 0;
    padding: 0;
    z-index: 10;
    transition: all 0.2s;
    box-shadow: 0px 0px 6px #999; }
    .files-manager .twh-nav:before, .files-manager .twh-nav:after {
      content: " ";
      display: table;
      clear: both; }
    .files-manager .twh-nav .twh-buttons {
      float: right;
      margin-top: 6px;
      margin-left: 20px; }
    .files-manager .twh-nav .twh-bct {
      padding-left: 10px;
      line-height: 40px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }

.files-btns {
  background: #f3f3f3; }

.protocol-steps {
  position: relative;
  display: flex;
  flex-direction: row; }
  .protocol-steps .list-of-step {
    width: 50%; }
    .protocol-steps .list-of-step .list-step-section {
      position: relative; }
      .protocol-steps .list-of-step .list-step-section .section-block {
        position: absolute;
        top: 0px;
        width: 5px;
        bottom: 0px;
        left: 0px; }
      .protocol-steps .list-of-step .list-step-section.no-section .step-list-item {
        width: auto;
        margin-left: 0px; }
    .protocol-steps .list-of-step .active-section {
      background: #00a6e7;
      color: white; }
    .protocol-steps .list-of-step .default-section {
      background: #e3e3e1;
      color: black !important; }
    .protocol-steps .list-of-step .step-list-item {
      width: auto;
      min-height: 50px;
      margin-left: 5px;
      padding: 30px 0px 30px 0px;
      position: relative;
      background-color: #F6F6F4;
      min-height: 105px;
      cursor: pointer;
      border-bottom: 1px solid white; }
      .protocol-steps .list-of-step .step-list-item.step-list-item-section {
        padding-top: 40px; }
        .protocol-steps .list-of-step .step-list-item.step-list-item-section .step-number {
          top: 40px; }
      .protocol-steps .list-of-step .step-list-item .sli-section {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 26px;
        padding: 0 10px;
        font-size: 14px;
        line-height: 26px;
        color: #fff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .protocol-steps .list-of-step .step-list-item .section-line {
        position: absolute;
        top: 0;
        bottom: -1px;
        right: 0;
        width: 5px;
        background: transparent; }
      .protocol-steps .list-of-step .step-list-item.active {
        background: white; }
      .protocol-steps .list-of-step .step-list-item .step-description {
        padding-left: 60px;
        padding-right: 50px; }
        .protocol-steps .list-of-step .step-list-item .step-description .step-toggle {
          padding-left: 5px; }
        .protocol-steps .list-of-step .step-list-item .step-description.skipped {
          color: red; }
      .protocol-steps .list-of-step .step-list-item .step-number {
        position: absolute;
        width: 50px;
        left: 10px;
        top: 30px; }
      .protocol-steps .list-of-step .step-list-item .run-checkbox {
        position: absolute;
        top: 50%;
        right: 20px;
        margin-top: -15px; }
      .protocol-steps .list-of-step .step-list-item .step-with-changes {
        position: absolute;
        top: 50%;
        right: 20px;
        background: white;
        width: 25px;
        height: 25px;
        margin-top: -15px;
        text-align: center;
        border: 1px solid #00a6e7;
        border-radius: 3px; }
        .protocol-steps .list-of-step .step-list-item .step-with-changes i {
          line-height: 23px;
          font-size: 18px;
          width: 25px;
          color: #00a6e7;
          display: inline-block; }
        .protocol-steps .list-of-step .step-list-item .step-with-changes.active, .protocol-steps .list-of-step .step-list-item .step-with-changes:hover {
          background: #00a6e7; }
          .protocol-steps .list-of-step .step-list-item .step-with-changes.active i, .protocol-steps .list-of-step .step-list-item .step-with-changes:hover i {
            color: white; }
    .protocol-steps .list-of-step .step-changes {
      padding: 10px;
      background: white;
      margin-left: 5px; }
      .protocol-steps .list-of-step .step-changes .compare-link {
        position: absolute;
        top: 5px;
        right: 5px; }
      .protocol-steps .list-of-step .step-changes .changes-container {
        border: 1px solid #00a5e7;
        padding: 5px;
        margin-bottom: 5px;
        position: relative; }
        .protocol-steps .list-of-step .step-changes .changes-container .protocol-block {
          margin: 10px 0px; }
        .protocol-steps .list-of-step .step-changes .changes-container .old-item {
          text-decoration: line-through;
          opacity: 0.7;
          margin-bottom: 3px; }
        .protocol-steps .list-of-step .step-changes .changes-container .changes-item {
          padding-bottom: 15px; }
  .protocol-steps .step-item {
    width: 50%;
    padding: 20px 40px 10px 10px;
    position: relative;
    background: white; }
    .protocol-steps .step-item .drag-content {
      position: absolute;
      top: 0;
      left: 0px;
      bottom: 0;
      width: 8px;
      cursor: col-resize; }
      .protocol-steps .step-item .drag-content .dc-block {
        text-align: center;
        line-height: 5px;
        font-size: 14px;
        font-weight: bold;
        cursor: col-resize;
        color: #C2C2C2; }
        .protocol-steps .step-item .drag-content .dc-block span {
          display: block; }
    .protocol-steps .step-item .step-section {
      position: absolute;
      left: 0;
      right: 0px;
      top: 0px;
      height: 26px; }
    .protocol-steps .step-item .step-description {
      padding-top: 10px; }
      .protocol-steps .step-item .step-description * {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important; }
      .protocol-steps .step-item .step-description table {
        display: block;
        overflow: auto; }
    .protocol-steps .step-item .step-part {
      padding: 10px 0; }
      .protocol-steps .step-item .step-part .step-part-title {
        position: relative;
        font-size: 12px;
        line-height: 15px;
        padding-top: 3px;
        font-weight: 300;
        text-transform: uppercase; }
    .protocol-steps .step-item .step-window-nav {
      position: absolute;
      top: 0;
      right: 20px;
      padding: 5px 0;
      text-align: center;
      border-radius: 10px;
      border: 2px solid #f6f6f4;
      cursor: pointer; }
      .protocol-steps .step-item .step-window-nav .step-nav-item {
        display: inline-block;
        font-size: 19px;
        margin: 0 5px;
        vertical-align: middle; }
      .protocol-steps .step-item .step-window-nav .run-checkbox {
        height: 24px;
        width: 24px;
        font-size: 16px;
        line-height: 24px;
        border-width: 1.5px; }
    .protocol-steps .step-item.step-item-w-section {
      padding: 40px 40px 10px 10px; }
  .protocol-steps .step-number {
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    font-weight: 300;
    display: inline-block; }
    .protocol-steps .step-number .step-id {
      font-size: 22px;
      line-height: 23px;
      font-weight: 700; }

.protocol-steps-editor {
  padding: 30px;
  padding-right: 240px;
  position: relative; }
  .protocol-steps-editor .step-tools-components {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 215px;
    right: 0px;
    padding: 2px 0px 20px 0;
    background: #f3f3f3;
    font-size: 12px; }
    .protocol-steps-editor .step-tools-components .tools-active-step {
      font-size: 12px;
      line-height: 26px;
      font-weight: 400;
      text-transform: uppercase;
      margin: 0 0 5px 19px; }
      .protocol-steps-editor .step-tools-components .tools-active-step strong {
        margin-left: 5px;
        font-size: 22px;
        font-weight: 600; }
    .protocol-steps-editor .step-tools-components .stc-search {
      text-align: center;
      padding: 5px 0;
      position: relative; }
      .protocol-steps-editor .step-tools-components .stc-search input {
        width: 165px;
        font-size: 11px;
        padding: 6px 8px; }
      .protocol-steps-editor .step-tools-components .stc-search .close-sc {
        position: absolute;
        right: 36px;
        top: 9px;
        cursor: pointer; }
    .protocol-steps-editor .step-tools-components ul {
      text-align: center;
      background: #f3f3f3; }
      .protocol-steps-editor .step-tools-components ul.favorites li:last-child {
        border-bottom: 1px solid #e0e0e0; }
      .protocol-steps-editor .step-tools-components ul li {
        padding: 5px 10px 0 10px; }
        .protocol-steps-editor .step-tools-components ul li.in-use button {
          background-color: #F6F6F4;
          color: #aaa;
          border: 1px solid #aaa;
          cursor: default; }
          .protocol-steps-editor .step-tools-components ul li.in-use button:hover {
            background-color: #F6F6F4;
            color: #aaa; }
        .protocol-steps-editor .step-tools-components ul li:last-child {
          padding-bottom: 8px; }
        .protocol-steps-editor .step-tools-components ul li button {
          font-size: 12.5px;
          color: #00a6e7;
          border: 1px solid #00a6e7;
          background: transparent;
          cursor: pointer;
          width: 165px;
          line-height: 27px;
          position: relative; }
          .protocol-steps-editor .step-tools-components ul li button:hover {
            color: white;
            background: #00a6e7; }
          .protocol-steps-editor .step-tools-components ul li button .component-star-icon {
            position: absolute;
            margin-top: -14.5px;
            font-size: 15px;
            right: 10px;
            top: 50%;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            cursor: pointer; }
            .protocol-steps-editor .step-tools-components ul li button .component-star-icon:before {
              content: "\2606"; }
            .protocol-steps-editor .step-tools-components ul li button .component-star-icon:hover:before {
              content: "\2605"; }
            .protocol-steps-editor .step-tools-components ul li button .component-star-icon.favorite:before {
              content: "\2605"; }
  .protocol-steps-editor .editor-list .editor-item {
    margin-top: 30px;
    cursor: pointer;
    position: relative; }
    .protocol-steps-editor .editor-list .editor-item:first-child {
      margin-top: 0px; }
    .protocol-steps-editor .editor-list .editor-item.active {
      cursor: default; }
      .protocol-steps-editor .editor-list .editor-item.active .editor-item-controll {
        color: black;
        transition: color 0.2s; }
        .protocol-steps-editor .editor-list .editor-item.active .editor-item-controll .editor-controll-tools .controll-item {
          opacity: 1; }
    .protocol-steps-editor .editor-list .editor-item .editor-item-top-menu {
      padding-bottom: 10px; }
      .protocol-steps-editor .editor-list .editor-item .editor-item-top-menu .editor-item-arrow {
        position: absolute;
        height: 14px;
        top: 1px;
        bottom: auto;
        left: 0px;
        padding: 0 15px 0 5px;
        cursor: pointer;
        z-index: 2;
        transition: 0.1s ease-out; }
        .protocol-steps-editor .editor-list .editor-item .editor-item-top-menu .editor-item-arrow div {
          content: " ";
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 5px 0 5px 10px;
          border-color: transparent transparent transparent #000339; }
      .protocol-steps-editor .editor-list .editor-item .editor-item-top-menu .editor-item-links {
        padding-left: 35px;
        font-size: 12px;
        line-height: 12px;
        height: 15px;
        opacity: 0;
        transition: 0.1s ease-out; }
        .protocol-steps-editor .editor-list .editor-item .editor-item-top-menu .editor-item-links li {
          cursor: default;
          display: inline-block;
          padding-right: 10px; }
          .protocol-steps-editor .editor-list .editor-item .editor-item-top-menu .editor-item-links li:hover {
            color: #00a6e7; }
      .protocol-steps-editor .editor-list .editor-item .editor-item-top-menu.active .editor-item-links {
        opacity: 1; }
        .protocol-steps-editor .editor-list .editor-item .editor-item-top-menu.active .editor-item-links li {
          cursor: pointer; }
    .protocol-steps-editor .editor-list .editor-item .editor-item-controll {
      display: table-cell;
      min-width: 100px;
      color: gray;
      transition: color 0.2s; }
      .protocol-steps-editor .editor-list .editor-item .editor-item-controll .step-number {
        width: 100px;
        text-transform: uppercase; }
        .protocol-steps-editor .editor-list .editor-item .editor-item-controll .step-number .step-id {
          font-size: 27px;
          line-height: 27px;
          font-weight: 700; }
      .protocol-steps-editor .editor-list .editor-item .editor-item-controll .editor-controll-tools .controll-item {
        opacity: 0;
        transition: opacity 0.1s;
        text-align: center;
        padding-top: 20px;
        cursor: pointer; }
      .protocol-steps-editor .editor-list .editor-item .editor-item-controll .editor-controll-tools .checkbox-item {
        position: relative; }
        .protocol-steps-editor .editor-list .editor-item .editor-item-controll .editor-controll-tools .checkbox-item .community-checkbox {
          margin-left: 0px; }
          .protocol-steps-editor .editor-list .editor-item .editor-item-controll .editor-controll-tools .checkbox-item .community-checkbox label {
            border-width: 1px;
            width: 18px;
            height: 18px;
            border-radius: 1px;
            margin-left: 0px; }
        .protocol-steps-editor .editor-list .editor-item .editor-item-controll .editor-controll-tools .checkbox-item .checkbox-copy {
          text-transform: none;
          position: absolute;
          bottom: 0;
          left: -10px;
          text-align: right;
          font-size: 11px;
          color: #aaa;
          display: none; }
          .protocol-steps-editor .editor-list .editor-item .editor-item-controll .editor-controll-tools .checkbox-item .checkbox-copy div {
            cursor: pointer; }
            .protocol-steps-editor .editor-list .editor-item .editor-item-controll .editor-controll-tools .checkbox-item .checkbox-copy div:hover {
              color: #03bacf;
              display: block; }
        .protocol-steps-editor .editor-list .editor-item .editor-item-controll .editor-controll-tools .checkbox-item.checked {
          opacity: 1 !important; }
        .protocol-steps-editor .editor-list .editor-item .editor-item-controll .editor-controll-tools .checkbox-item:hover .checkbox-copy {
          display: block; }
      .protocol-steps-editor .editor-list .editor-item .editor-item-controll .editor-controll-tools .remove-step {
        font-size: 20px; }
        .protocol-steps-editor .editor-list .editor-item .editor-item-controll .editor-controll-tools .remove-step:hover {
          color: #00a6e7; }
      .protocol-steps-editor .editor-list .editor-item .editor-item-controll .editor-controll-tools .move-step {
        font-size: 30px; }
    .protocol-steps-editor .editor-list .editor-item:hover .editor-item-top-menu .editor-item-links {
      opacity: 1; }
      .protocol-steps-editor .editor-list .editor-item:hover .editor-item-top-menu .editor-item-links li {
        cursor: pointer; }
    .protocol-steps-editor .editor-list .editor-item:hover .editor-item-controll .editor-controll-tools .controll-item {
      opacity: 1;
      transition: opacity 0.1s; }
  .protocol-steps-editor .editor-list .add-step {
    width: 40px;
    margin: 0 auto;
    font-size: 25px;
    line-height: 25px;
    vertical-align: middle;
    padding: 5px 10px;
    border-radius: 8px;
    cursor: pointer; }
    .protocol-steps-editor .editor-list .add-step:hover {
      color: #fff;
      background: #00a6e7; }

.small-protocol-blob {
  padding: 10px 0; }
  .small-protocol-blob a {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400; }

.editor-item-body {
  display: table-cell;
  vertical-align: top;
  width: 100%; }
  .editor-item-body .editor-item-part {
    padding: 15px;
    padding-bottom: 10px;
    border: 1px transparent solid;
    position: relative; }
    .editor-item-body .editor-item-part .editor-item-title {
      margin-bottom: 5px; }
      .editor-item-body .editor-item-part .editor-item-title div {
        font-family: 'Raleway';
        font-size: 14px;
        padding: 7px 11px;
        color: white; }
    .editor-item-body .editor-item-part.can-delete:hover {
      border: 1px #ddd dashed;
      border-radius: 10px; }
    .editor-item-body .editor-item-part.can-delete .remove-component {
      display: block; }
    .editor-item-body .editor-item-part .remove-component {
      position: absolute;
      display: none;
      top: 5px;
      right: 5px;
      cursor: pointer;
      font-size: 14px;
      z-index: 1; }
    .editor-item-body .editor-item-part .small-title {
      text-transform: uppercase; }
      .editor-item-body .editor-item-part .small-title .small-title-create {
        padding-left: 10px; }
    .editor-item-body .editor-item-part .select-protocol input, .editor-item-body .editor-item-part .select-reagent input, .editor-item-body .editor-item-part .select-dataset input, .editor-item-body .editor-item-part .select-soft input {
      width: 100%; }
    .editor-item-body .editor-item-part .editor-item-link {
      width: 100%; }
    .editor-item-body .editor-item-part .amount-drop {
      margin-left: 5px;
      display: inline-block;
      position: relative;
      vertical-align: top;
      z-index: 2; }
      .editor-item-body .editor-item-part .amount-drop span {
        font-size: 16px;
        line-height: 40px;
        cursor: pointer; }
        .editor-item-body .editor-item-part .amount-drop span i {
          margin-left: 5px; }
      .editor-item-body .editor-item-part .amount-drop ul {
        position: absolute;
        top: 100%;
        left: 0;
        width: 40px;
        text-align: center;
        border-radius: 3px;
        border: 1px solid #E0E0E0;
        box-shadow: 0px 2px 6px #999; }
        .editor-item-body .editor-item-part .amount-drop ul li {
          background: #fff;
          cursor: pointer; }
          .editor-item-body .editor-item-part .amount-drop ul li:nth-child(odd) {
            background: #f5f5f5; }
          .editor-item-body .editor-item-part .amount-drop ul li:hover {
            background: #03bacf;
            color: #fff; }

.workarea-editor-header .editor-header-block .editor-header-left {
  display: table-cell;
  padding: 0 30px 0 0px;
  vertical-align: top; }
  .workarea-editor-header .editor-header-block .editor-header-left .protocol-file {
    width: 100px;
    height: 100px;
    padding-top: 0px;
    background-size: 100px 100px !important;
    position: relative; }
    .workarea-editor-header .editor-header-block .editor-header-left .protocol-file:hover .pf-close {
      display: block; }
    .workarea-editor-header .editor-header-block .editor-header-left .protocol-file .change-img {
      position: absolute;
      top: 0px;
      left: 0px;
      color: white;
      line-height: 100px;
      font-size: 12px;
      background: rgba(0, 3, 57, 0.5);
      width: 100px;
      height: 100px;
      text-align: center;
      font-weight: 700;
      cursor: pointer; }
    .workarea-editor-header .editor-header-block .editor-header-left .protocol-file .pf-close {
      position: absolute;
      display: none;
      top: -5px;
      right: -5px;
      color: white;
      background: #333333;
      width: 20px;
      height: 20px;
      font-weight: 600;
      font-size: 10px;
      line-height: 18px;
      border: 1px solid white;
      border-radius: 100%;
      margin-top: 0px; }

.workarea-editor-header .editor-header-block .editor-header-right {
  margin: 0 20px 5px 30px;
  display: table-cell;
  width: 100%;
  padding-right: 40px;
  vertical-align: top; }
  .workarea-editor-header .editor-header-block .editor-header-right input {
    width: 100%;
    margin-top: 33px; }

.mce-dummy {
  border-radius: 8px;
  padding: 9px;
  min-height: 136px;
  padding-top: 36px;
  margin: 0;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 13px;
  line-height: 20px;
  color: #3C3C39;
  word-wrap: break-word; }

.protocol-more-tool {
  padding: 20px; }

.discussion-module li {
  position: relative;
  padding-top: 10px; }

.discussion-module .discussion-module-header div {
  display: inline-block; }

.discussion-module .discussion-module-header .discussion-header-time {
  font-weight: 300;
  color: #A7A6B2;
  font-size: 12px; }

.discussion-module .discussion-module-header .discussion-module-control {
  right: 0px; }
  .discussion-module .discussion-module-header .discussion-module-control .p-font {
    font-size: 20px;
    cursor: pointer;
    margin-left: 10px; }

.discussion-module .discussion-module-edit .nav {
  margin-top: 10px;
  text-align: right; }
  .discussion-module .discussion-module-edit .nav button {
    margin-left: 10px; }

.discussion-module .discussion-module-footer a {
  cursor: pointer; }

.discussion-module .discussion-module-child {
  padding-left: 20px; }

.discussion-module.discussion-avatar .da-left {
  display: table-cell;
  vertical-align: top; }
  .discussion-module.discussion-avatar .da-left img {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    margin-right: 20px; }

.discussion-module.discussion-avatar .da-right {
  width: 100%;
  display: table-cell;
  vertical-align: top; }

.results-block .result-item-edit .nav {
  margin-top: 10px;
  text-align: right; }

.results-block .result-item-control .p-font {
  font-size: 20px;
  cursor: pointer;
  margin-left: 10px; }

.protocol-collection {
  padding: 30px; }
  .protocol-collection .collection-list .collection-item {
    position: relative;
    margin: 10px 0; }
  .protocol-collection.edit .cb-select {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 30px; }
    .protocol-collection.edit .cb-select input {
      width: 100%; }
  .protocol-collection.edit .collection-item .pf-close-circle {
    position: absolute;
    top: 0px;
    right: 50px;
    font-size: 30px;
    cursor: pointer; }
  .protocol-collection.edit .collection-item .pf-arrow-down {
    position: absolute;
    top: 50%;
    right: 50px;
    font-size: 30px;
    margin-top: 15px;
    cursor: pointer; }
  .protocol-collection.edit .collection-item .pf-arrow-up {
    position: absolute;
    top: 50%;
    right: 50px;
    font-size: 30px;
    margin-top: -15px;
    cursor: pointer; }

.timer {
  font-size: 24px; }
  .timer .p-font {
    cursor: pointer;
    margin-right: 5px; }
  .timer .pf-play, .timer .pf-pause {
    color: #00a6e7; }
  .timer .done {
    color: red; }

.protocol-preloader {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -30px; }

@media (max-width: 800px) {
  .files-content {
    max-width: 800px; }
  .protocol-steps .list-of-step {
    width: 300px; }
  .protocol-steps .step-item {
    width: auto; } }

.protocols-spin .protocols-spin-block {
  position: relative;
  width: 120px;
  height: 120px; }

.protocols-spin .ps-circle {
  position: absolute;
  top: 50%;
  left: 50%; }

.protocols-spin .ps-1 .ps-circle {
  position: absolute;
  width: 120px;
  height: 120px;
  margin-top: -60px;
  margin-left: -60px;
  background: #fff;
  border-radius: 100%; }

.protocols-spin .ps-1 .ps-circle:nth-child(1) {
  animation: pspin1-top-big 1s infinite; }

.protocols-spin .ps-1 .ps-circle:nth-child(2) {
  animation: pspin1-bottom-big 1s infinite; }

@-webkit-keyframes pspin1-top-big {
  0% {
    opacity: 1;
    width: 120px;
    height: 120px; }
  19% {
    opacity: 1;
    width: 120px;
    height: 120px;
    margin-top: -60px;
    margin-left: -60px; }
  20% {
    opacity: 1;
    width: 120px;
    height: 120px;
    margin-top: -60px;
    margin-left: -60px; }
  40% {
    opacity: 1;
    width: 60px;
    height: 60px;
    margin-top: -60px;
    margin-left: -30px; }
  41% {
    opacity: 0; }
  100% {
    opacity: 0;
    width: 120px;
    height: 120px; } }

@-webkit-keyframes pspin1-bottom-big {
  0% {
    opacity: 1;
    width: 120px;
    height: 120px; }
  19% {
    opacity: 1;
    width: 120px;
    height: 120px;
    margin-top: -60px;
    margin-left: -60px; }
  20% {
    opacity: 1;
    width: 120px;
    height: 120px;
    margin-top: -60px;
    margin-left: -60px; }
  40% {
    opacity: 1;
    width: 60px;
    height: 60px;
    margin-top: 0px;
    margin-left: -30px; }
  41% {
    opacity: 0; }
  100% {
    opacity: 0;
    width: 120px;
    height: 120px; } }

.protocols-spin .ps-2 {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -60px;
  margin-top: -60px; }

.protocols-spin .ps-2 .ps-circle:before, .protocols-spin .ps-2 .ps-circle:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -30px;
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 100%;
  animation: pspin4 1s infinite; }

.protocols-spin .ps-2 .ps-circle {
  top: 0;
  animation: pspin4-top 1s infinite; }

.protocols-spin .ps-2 .ps-circle:nth-child(2) {
  top: 50%;
  animation: pspin4-bottom 1s infinite; }

.protocols-spin .ps-2 .ps-circle:before {
  animation: pspin4-left-big 1s infinite; }

.protocols-spin .ps-2 .ps-circle:after {
  animation: pspin4-right-big 1s infinite; }

@-webkit-keyframes pspin4-left-big {
  0% {
    margin-left: -30px;
    width: 60px;
    height: 60px;
    opacity: 0; }
  39% {
    opacity: 0; }
  40% {
    margin-left: -30px;
    width: 60px;
    height: 60px;
    opacity: 1; }
  60% {
    margin-left: -30px;
    width: 30px;
    height: 30px;
    opacity: 1; }
  61% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin4-right-big {
  0% {
    margin-left: -30px;
    width: 60px;
    height: 60px;
    opacity: 0; }
  39% {
    opacity: 0; }
  40% {
    margin-left: -30px;
    width: 60px;
    height: 60px;
    opacity: 1; }
  60% {
    margin-left: 15px;
    width: 30px;
    height: 30px;
    opacity: 1; }
  61% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin4-bottom-big {
  0% {
    top: 50%;
    opacity: 0; }
  39% {
    opacity: 0; }
  40% {
    top: 50%;
    opacity: 1; }
  60% {
    top: 67%;
    opacity: 1; }
  61% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin4-top-big {
  0% {
    top: 0;
    opacity: 0; }
  39% {
    opacity: 0; }
  40% {
    top: 0;
    opacity: 1; }
  60% {
    top: 10%;
    opacity: 1; }
  61% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.protocols-spin .ps-8 .ps-circle:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  margin-left: 30px;
  background: #fff;
  border-radius: 100%; }

.protocols-spin .ps-8 .ps-circle:nth-child(1) {
  transform: rotate(15deg);
  transform-origin: right center;
  animation: pspin81-big 1s infinite; }
  .protocols-spin .ps-8 .ps-circle:nth-child(1):before {
    animation: pspin8-before-big 1s infinite; }

.protocols-spin .ps-8 .ps-circle:nth-child(2) {
  transform: rotate(15deg);
  transform-origin: left center;
  animation: pspin82-big 1s infinite; }
  .protocols-spin .ps-8 .ps-circle:nth-child(2):before {
    animation: pspin8-before-big 1s infinite; }

@-webkit-keyframes pspin81-big {
  0% {
    transform: rotate(-65deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(-65deg);
    opacity: 1; }
  80% {
    transform: rotate(30deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin82-big {
  0% {
    transform: rotate(-65deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(-65deg);
    opacity: 1; }
  80% {
    transform: rotate(-15deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin8-before-big {
  0% {
    width: 30px;
    height: 30px;
    margin-left: 30px;
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    width: 30px;
    height: 30px;
    margin-left: 30px;
    opacity: 1; }
  80% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.protocols-spin .ps-8 .ps-circle:nth-child(3) {
  transform: rotate(105deg);
  transform-origin: right center;
  animation: pspin83-big 1s infinite; }
  .protocols-spin .ps-8 .ps-circle:nth-child(3):before {
    animation: pspin8-before-big 1s infinite; }

.protocols-spin .ps-8 .ps-circle:nth-child(4) {
  transform: rotate(105deg);
  transform-origin: left center;
  animation: pspin84-big 1s infinite; }
  .protocols-spin .ps-8 .ps-circle:nth-child(4):before {
    animation: pspin8-before-big 1s infinite; }

@-webkit-keyframes pspin83-big {
  0% {
    transform: rotate(25deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(25deg);
    opacity: 1; }
  80% {
    transform: rotate(120deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin84-big {
  0% {
    transform: rotate(25deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(25deg);
    opacity: 1; }
  80% {
    transform: rotate(75deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin8-before-big {
  0% {
    width: 30px;
    height: 30px;
    margin-left: 30px;
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    width: 30px;
    height: 30px;
    margin-left: 30px;
    opacity: 1; }
  80% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.protocols-spin .ps-8 .ps-circle:nth-child(5) {
  transform: rotate(195deg);
  transform-origin: right center;
  animation: pspin85-big 1s infinite; }
  .protocols-spin .ps-8 .ps-circle:nth-child(5):before {
    animation: pspin8-before-big 1s infinite; }

.protocols-spin .ps-8 .ps-circle:nth-child(6) {
  transform: rotate(195deg);
  transform-origin: left center;
  animation: pspin86-big 1s infinite; }
  .protocols-spin .ps-8 .ps-circle:nth-child(6):before {
    animation: pspin8-before-big 1s infinite; }

@-webkit-keyframes pspin85-big {
  0% {
    transform: rotate(115deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(115deg);
    opacity: 1; }
  80% {
    transform: rotate(210deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin86-big {
  0% {
    transform: rotate(115deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(115deg);
    opacity: 1; }
  80% {
    transform: rotate(165deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin8-before-big {
  0% {
    width: 30px;
    height: 30px;
    margin-left: 30px;
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    width: 30px;
    height: 30px;
    margin-left: 30px;
    opacity: 1; }
  80% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.protocols-spin .ps-8 .ps-circle:nth-child(7) {
  transform: rotate(285deg);
  transform-origin: right center;
  animation: pspin87-big 1s infinite; }
  .protocols-spin .ps-8 .ps-circle:nth-child(7):before {
    animation: pspin8-before-big 1s infinite; }

.protocols-spin .ps-8 .ps-circle:nth-child(8) {
  transform: rotate(285deg);
  transform-origin: left center;
  animation: pspin88-big 1s infinite; }
  .protocols-spin .ps-8 .ps-circle:nth-child(8):before {
    animation: pspin8-before-big 1s infinite; }

@-webkit-keyframes pspin87-big {
  0% {
    transform: rotate(205deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(205deg);
    opacity: 1; }
  80% {
    transform: rotate(300deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin88-big {
  0% {
    transform: rotate(205deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(205deg);
    opacity: 1; }
  80% {
    transform: rotate(255deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin8-before-big {
  0% {
    width: 30px;
    height: 30px;
    margin-left: 30px;
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    width: 30px;
    height: 30px;
    margin-left: 30px;
    opacity: 1; }
  80% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.protocols-spin .ps-8 .ps-circle:nth-child(9) {
  transform: rotate(375deg);
  transform-origin: right center;
  animation: pspin89-big 1s infinite; }
  .protocols-spin .ps-8 .ps-circle:nth-child(9):before {
    animation: pspin8-before-big 1s infinite; }

.protocols-spin .ps-8 .ps-circle:nth-child(10) {
  transform: rotate(375deg);
  transform-origin: left center;
  animation: pspin810-big 1s infinite; }
  .protocols-spin .ps-8 .ps-circle:nth-child(10):before {
    animation: pspin8-before-big 1s infinite; }

@-webkit-keyframes pspin89-big {
  0% {
    transform: rotate(295deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(295deg);
    opacity: 1; }
  80% {
    transform: rotate(390deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin810-big {
  0% {
    transform: rotate(295deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(295deg);
    opacity: 1; }
  80% {
    transform: rotate(345deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin8-before-big {
  0% {
    width: 30px;
    height: 30px;
    margin-left: 30px;
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    width: 30px;
    height: 30px;
    margin-left: 30px;
    opacity: 1; }
  80% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.protocols-spin .ps-16 .ps-circle:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  margin-left: 20px;
  background: #fff;
  border-radius: 100%; }

.protocols-spin .ps-16 .ps-circle:nth-child(1) {
  transform: rotate(-15deg);
  transform-origin: right center;
  animation: pspin161-big 1s infinite; }
  .protocols-spin .ps-16 .ps-circle:nth-child(1):before {
    animation: pspin16-before-big 1s infinite; }

.protocols-spin .ps-16 .ps-circle:nth-child(2) {
  transform: rotate(-15deg);
  transform-origin: left center;
  animation: pspin162-big 1s infinite; }
  .protocols-spin .ps-16 .ps-circle:nth-child(2):before {
    animation: pspin16-before-big 1s infinite; }

@-webkit-keyframes pspin161-big {
  0% {
    transform: rotate(-15deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(-15deg);
    opacity: 1; }
  99% {
    transform: rotate(-4deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin162-big {
  0% {
    transform: rotate(-15deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(-15deg);
    opacity: 1; }
  99% {
    transform: rotate(-26deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-big {
  0% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 1; }
  99% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 47.5px; }
  100% {
    opacity: 0; } }

.protocols-spin .ps-16 .ps-circle:nth-child(3) {
  transform: rotate(30deg);
  transform-origin: right center;
  animation: pspin163-big 1s infinite; }
  .protocols-spin .ps-16 .ps-circle:nth-child(3):before {
    animation: pspin16-before-big 1s infinite; }

.protocols-spin .ps-16 .ps-circle:nth-child(4) {
  transform: rotate(30deg);
  transform-origin: left center;
  animation: pspin164-big 1s infinite; }
  .protocols-spin .ps-16 .ps-circle:nth-child(4):before {
    animation: pspin16-before-big 1s infinite; }

@-webkit-keyframes pspin163-big {
  0% {
    transform: rotate(30deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(30deg);
    opacity: 1; }
  99% {
    transform: rotate(41deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin164-big {
  0% {
    transform: rotate(30deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(30deg);
    opacity: 1; }
  99% {
    transform: rotate(19deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-big {
  0% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 1; }
  99% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 47.5px; }
  100% {
    opacity: 0; } }

.protocols-spin .ps-16 .ps-circle:nth-child(5) {
  transform: rotate(75deg);
  transform-origin: right center;
  animation: pspin165-big 1s infinite; }
  .protocols-spin .ps-16 .ps-circle:nth-child(5):before {
    animation: pspin16-before-big 1s infinite; }

.protocols-spin .ps-16 .ps-circle:nth-child(6) {
  transform: rotate(75deg);
  transform-origin: left center;
  animation: pspin166-big 1s infinite; }
  .protocols-spin .ps-16 .ps-circle:nth-child(6):before {
    animation: pspin16-before-big 1s infinite; }

@-webkit-keyframes pspin165-big {
  0% {
    transform: rotate(75deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(75deg);
    opacity: 1; }
  99% {
    transform: rotate(86deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin166-big {
  0% {
    transform: rotate(75deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(75deg);
    opacity: 1; }
  99% {
    transform: rotate(64deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-big {
  0% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 1; }
  99% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 47.5px; }
  100% {
    opacity: 0; } }

.protocols-spin .ps-16 .ps-circle:nth-child(7) {
  transform: rotate(120deg);
  transform-origin: right center;
  animation: pspin167-big 1s infinite; }
  .protocols-spin .ps-16 .ps-circle:nth-child(7):before {
    animation: pspin16-before-big 1s infinite; }

.protocols-spin .ps-16 .ps-circle:nth-child(8) {
  transform: rotate(120deg);
  transform-origin: left center;
  animation: pspin168-big 1s infinite; }
  .protocols-spin .ps-16 .ps-circle:nth-child(8):before {
    animation: pspin16-before-big 1s infinite; }

@-webkit-keyframes pspin167-big {
  0% {
    transform: rotate(120deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(120deg);
    opacity: 1; }
  99% {
    transform: rotate(131deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin168-big {
  0% {
    transform: rotate(120deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(120deg);
    opacity: 1; }
  99% {
    transform: rotate(109deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-big {
  0% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 1; }
  99% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 47.5px; }
  100% {
    opacity: 0; } }

.protocols-spin .ps-16 .ps-circle:nth-child(9) {
  transform: rotate(165deg);
  transform-origin: right center;
  animation: pspin169-big 1s infinite; }
  .protocols-spin .ps-16 .ps-circle:nth-child(9):before {
    animation: pspin16-before-big 1s infinite; }

.protocols-spin .ps-16 .ps-circle:nth-child(10) {
  transform: rotate(165deg);
  transform-origin: left center;
  animation: pspin1610-big 1s infinite; }
  .protocols-spin .ps-16 .ps-circle:nth-child(10):before {
    animation: pspin16-before-big 1s infinite; }

@-webkit-keyframes pspin169-big {
  0% {
    transform: rotate(165deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(165deg);
    opacity: 1; }
  99% {
    transform: rotate(176deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin1610-big {
  0% {
    transform: rotate(165deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(165deg);
    opacity: 1; }
  99% {
    transform: rotate(154deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-big {
  0% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 1; }
  99% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 47.5px; }
  100% {
    opacity: 0; } }

.protocols-spin .ps-16 .ps-circle:nth-child(11) {
  transform: rotate(210deg);
  transform-origin: right center;
  animation: pspin1611-big 1s infinite; }
  .protocols-spin .ps-16 .ps-circle:nth-child(11):before {
    animation: pspin16-before-big 1s infinite; }

.protocols-spin .ps-16 .ps-circle:nth-child(12) {
  transform: rotate(210deg);
  transform-origin: left center;
  animation: pspin1612-big 1s infinite; }
  .protocols-spin .ps-16 .ps-circle:nth-child(12):before {
    animation: pspin16-before-big 1s infinite; }

@-webkit-keyframes pspin1611-big {
  0% {
    transform: rotate(210deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(210deg);
    opacity: 1; }
  99% {
    transform: rotate(221deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin1612-big {
  0% {
    transform: rotate(210deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(210deg);
    opacity: 1; }
  99% {
    transform: rotate(199deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-big {
  0% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 1; }
  99% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 47.5px; }
  100% {
    opacity: 0; } }

.protocols-spin .ps-16 .ps-circle:nth-child(13) {
  transform: rotate(255deg);
  transform-origin: right center;
  animation: pspin1613-big 1s infinite; }
  .protocols-spin .ps-16 .ps-circle:nth-child(13):before {
    animation: pspin16-before-big 1s infinite; }

.protocols-spin .ps-16 .ps-circle:nth-child(14) {
  transform: rotate(255deg);
  transform-origin: left center;
  animation: pspin1614-big 1s infinite; }
  .protocols-spin .ps-16 .ps-circle:nth-child(14):before {
    animation: pspin16-before-big 1s infinite; }

@-webkit-keyframes pspin1613-big {
  0% {
    transform: rotate(255deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(255deg);
    opacity: 1; }
  99% {
    transform: rotate(266deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin1614-big {
  0% {
    transform: rotate(255deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(255deg);
    opacity: 1; }
  99% {
    transform: rotate(244deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-big {
  0% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 1; }
  99% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 47.5px; }
  100% {
    opacity: 0; } }

.protocols-spin .ps-16 .ps-circle:nth-child(15) {
  transform: rotate(300deg);
  transform-origin: right center;
  animation: pspin1615-big 1s infinite; }
  .protocols-spin .ps-16 .ps-circle:nth-child(15):before {
    animation: pspin16-before-big 1s infinite; }

.protocols-spin .ps-16 .ps-circle:nth-child(16) {
  transform: rotate(300deg);
  transform-origin: left center;
  animation: pspin1616-big 1s infinite; }
  .protocols-spin .ps-16 .ps-circle:nth-child(16):before {
    animation: pspin16-before-big 1s infinite; }

@-webkit-keyframes pspin1615-big {
  0% {
    transform: rotate(300deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(300deg);
    opacity: 1; }
  99% {
    transform: rotate(311deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin1616-big {
  0% {
    transform: rotate(300deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(300deg);
    opacity: 1; }
  99% {
    transform: rotate(289deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-big {
  0% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 1; }
  99% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 47.5px; }
  100% {
    opacity: 0; } }

.protocols-spin .ps-16 .ps-circle:nth-child(17) {
  transform: rotate(345deg);
  transform-origin: right center;
  animation: pspin1617-big 1s infinite; }
  .protocols-spin .ps-16 .ps-circle:nth-child(17):before {
    animation: pspin16-before-big 1s infinite; }

.protocols-spin .ps-16 .ps-circle:nth-child(18) {
  transform: rotate(345deg);
  transform-origin: left center;
  animation: pspin1618-big 1s infinite; }
  .protocols-spin .ps-16 .ps-circle:nth-child(18):before {
    animation: pspin16-before-big 1s infinite; }

@-webkit-keyframes pspin1617-big {
  0% {
    transform: rotate(345deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(345deg);
    opacity: 1; }
  99% {
    transform: rotate(356deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin1618-big {
  0% {
    transform: rotate(345deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(345deg);
    opacity: 1; }
  99% {
    transform: rotate(334deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-big {
  0% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    opacity: 1; }
  99% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 47.5px; }
  100% {
    opacity: 0; } }

.protocols-spin-small .protocols-spin-block {
  position: relative;
  width: 60px;
  height: 60px; }

.protocols-spin-small .ps-circle {
  position: absolute;
  top: 50%;
  left: 50%; }

.protocols-spin-small .ps-1 .ps-circle {
  position: absolute;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-left: -30px;
  background: #e8e8e6;
  border-radius: 100%; }

.protocols-spin-small .ps-1 .ps-circle:nth-child(1) {
  animation: pspin1-top-small 1s infinite; }

.protocols-spin-small .ps-1 .ps-circle:nth-child(2) {
  animation: pspin1-bottom-small 1s infinite; }

@-webkit-keyframes pspin1-top-small {
  0% {
    opacity: 1;
    width: 60px;
    height: 60px; }
  19% {
    opacity: 1;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px; }
  20% {
    opacity: 1;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px; }
  40% {
    opacity: 1;
    width: 30px;
    height: 30px;
    margin-top: -30px;
    margin-left: -15px; }
  41% {
    opacity: 0; }
  100% {
    opacity: 0;
    width: 60px;
    height: 60px; } }

@-webkit-keyframes pspin1-bottom-small {
  0% {
    opacity: 1;
    width: 60px;
    height: 60px; }
  19% {
    opacity: 1;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px; }
  20% {
    opacity: 1;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px; }
  40% {
    opacity: 1;
    width: 30px;
    height: 30px;
    margin-top: 0px;
    margin-left: -15px; }
  41% {
    opacity: 0; }
  100% {
    opacity: 0;
    width: 60px;
    height: 60px; } }

.protocols-spin-small .ps-2 {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px; }

.protocols-spin-small .ps-2 .ps-circle:before, .protocols-spin-small .ps-2 .ps-circle:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -15px;
  width: 30px;
  height: 30px;
  background: #e8e8e6;
  border-radius: 100%;
  animation: pspin4 1s infinite; }

.protocols-spin-small .ps-2 .ps-circle {
  top: 0;
  animation: pspin4-top 1s infinite; }

.protocols-spin-small .ps-2 .ps-circle:nth-child(2) {
  top: 50%;
  animation: pspin4-bottom 1s infinite; }

.protocols-spin-small .ps-2 .ps-circle:before {
  animation: pspin4-left-small 1s infinite; }

.protocols-spin-small .ps-2 .ps-circle:after {
  animation: pspin4-right-small 1s infinite; }

@-webkit-keyframes pspin4-left-small {
  0% {
    margin-left: -15px;
    width: 30px;
    height: 30px;
    opacity: 0; }
  39% {
    opacity: 0; }
  40% {
    margin-left: -15px;
    width: 30px;
    height: 30px;
    opacity: 1; }
  60% {
    margin-left: -15px;
    width: 15px;
    height: 15px;
    opacity: 1; }
  61% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin4-right-small {
  0% {
    margin-left: -15px;
    width: 30px;
    height: 30px;
    opacity: 0; }
  39% {
    opacity: 0; }
  40% {
    margin-left: -15px;
    width: 30px;
    height: 30px;
    opacity: 1; }
  60% {
    margin-left: 7.5px;
    width: 15px;
    height: 15px;
    opacity: 1; }
  61% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin4-bottom-small {
  0% {
    top: 50%;
    opacity: 0; }
  39% {
    opacity: 0; }
  40% {
    top: 50%;
    opacity: 1; }
  60% {
    top: 67%;
    opacity: 1; }
  61% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin4-top-small {
  0% {
    top: 0;
    opacity: 0; }
  39% {
    opacity: 0; }
  40% {
    top: 0;
    opacity: 1; }
  60% {
    top: 10%;
    opacity: 1; }
  61% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.protocols-spin-small .ps-8 .ps-circle:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  margin-left: 15px;
  background: #e8e8e6;
  border-radius: 100%; }

.protocols-spin-small .ps-8 .ps-circle:nth-child(1) {
  transform: rotate(15deg);
  transform-origin: right center;
  animation: pspin81-small 1s infinite; }
  .protocols-spin-small .ps-8 .ps-circle:nth-child(1):before {
    animation: pspin8-before-small 1s infinite; }

.protocols-spin-small .ps-8 .ps-circle:nth-child(2) {
  transform: rotate(15deg);
  transform-origin: left center;
  animation: pspin82-small 1s infinite; }
  .protocols-spin-small .ps-8 .ps-circle:nth-child(2):before {
    animation: pspin8-before-small 1s infinite; }

@-webkit-keyframes pspin81-small {
  0% {
    transform: rotate(-65deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(-65deg);
    opacity: 1; }
  80% {
    transform: rotate(30deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin82-small {
  0% {
    transform: rotate(-65deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(-65deg);
    opacity: 1; }
  80% {
    transform: rotate(-15deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin8-before-small {
  0% {
    width: 15px;
    height: 15px;
    margin-left: 15px;
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    width: 15px;
    height: 15px;
    margin-left: 15px;
    opacity: 1; }
  80% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.protocols-spin-small .ps-8 .ps-circle:nth-child(3) {
  transform: rotate(105deg);
  transform-origin: right center;
  animation: pspin83-small 1s infinite; }
  .protocols-spin-small .ps-8 .ps-circle:nth-child(3):before {
    animation: pspin8-before-small 1s infinite; }

.protocols-spin-small .ps-8 .ps-circle:nth-child(4) {
  transform: rotate(105deg);
  transform-origin: left center;
  animation: pspin84-small 1s infinite; }
  .protocols-spin-small .ps-8 .ps-circle:nth-child(4):before {
    animation: pspin8-before-small 1s infinite; }

@-webkit-keyframes pspin83-small {
  0% {
    transform: rotate(25deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(25deg);
    opacity: 1; }
  80% {
    transform: rotate(120deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin84-small {
  0% {
    transform: rotate(25deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(25deg);
    opacity: 1; }
  80% {
    transform: rotate(75deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin8-before-small {
  0% {
    width: 15px;
    height: 15px;
    margin-left: 15px;
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    width: 15px;
    height: 15px;
    margin-left: 15px;
    opacity: 1; }
  80% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.protocols-spin-small .ps-8 .ps-circle:nth-child(5) {
  transform: rotate(195deg);
  transform-origin: right center;
  animation: pspin85-small 1s infinite; }
  .protocols-spin-small .ps-8 .ps-circle:nth-child(5):before {
    animation: pspin8-before-small 1s infinite; }

.protocols-spin-small .ps-8 .ps-circle:nth-child(6) {
  transform: rotate(195deg);
  transform-origin: left center;
  animation: pspin86-small 1s infinite; }
  .protocols-spin-small .ps-8 .ps-circle:nth-child(6):before {
    animation: pspin8-before-small 1s infinite; }

@-webkit-keyframes pspin85-small {
  0% {
    transform: rotate(115deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(115deg);
    opacity: 1; }
  80% {
    transform: rotate(210deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin86-small {
  0% {
    transform: rotate(115deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(115deg);
    opacity: 1; }
  80% {
    transform: rotate(165deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin8-before-small {
  0% {
    width: 15px;
    height: 15px;
    margin-left: 15px;
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    width: 15px;
    height: 15px;
    margin-left: 15px;
    opacity: 1; }
  80% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.protocols-spin-small .ps-8 .ps-circle:nth-child(7) {
  transform: rotate(285deg);
  transform-origin: right center;
  animation: pspin87-small 1s infinite; }
  .protocols-spin-small .ps-8 .ps-circle:nth-child(7):before {
    animation: pspin8-before-small 1s infinite; }

.protocols-spin-small .ps-8 .ps-circle:nth-child(8) {
  transform: rotate(285deg);
  transform-origin: left center;
  animation: pspin88-small 1s infinite; }
  .protocols-spin-small .ps-8 .ps-circle:nth-child(8):before {
    animation: pspin8-before-small 1s infinite; }

@-webkit-keyframes pspin87-small {
  0% {
    transform: rotate(205deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(205deg);
    opacity: 1; }
  80% {
    transform: rotate(300deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin88-small {
  0% {
    transform: rotate(205deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(205deg);
    opacity: 1; }
  80% {
    transform: rotate(255deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin8-before-small {
  0% {
    width: 15px;
    height: 15px;
    margin-left: 15px;
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    width: 15px;
    height: 15px;
    margin-left: 15px;
    opacity: 1; }
  80% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.protocols-spin-small .ps-8 .ps-circle:nth-child(9) {
  transform: rotate(375deg);
  transform-origin: right center;
  animation: pspin89-small 1s infinite; }
  .protocols-spin-small .ps-8 .ps-circle:nth-child(9):before {
    animation: pspin8-before-small 1s infinite; }

.protocols-spin-small .ps-8 .ps-circle:nth-child(10) {
  transform: rotate(375deg);
  transform-origin: left center;
  animation: pspin810-small 1s infinite; }
  .protocols-spin-small .ps-8 .ps-circle:nth-child(10):before {
    animation: pspin8-before-small 1s infinite; }

@-webkit-keyframes pspin89-small {
  0% {
    transform: rotate(295deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(295deg);
    opacity: 1; }
  80% {
    transform: rotate(390deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin810-small {
  0% {
    transform: rotate(295deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(295deg);
    opacity: 1; }
  80% {
    transform: rotate(345deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin8-before-small {
  0% {
    width: 15px;
    height: 15px;
    margin-left: 15px;
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    width: 15px;
    height: 15px;
    margin-left: 15px;
    opacity: 1; }
  80% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.protocols-spin-small .ps-16 .ps-circle:before {
  content: "";
  position: absolute;
  width: 7.5px;
  height: 7.5px;
  margin-left: 10px;
  background: #e8e8e6;
  border-radius: 100%; }

.protocols-spin-small .ps-16 .ps-circle:nth-child(1) {
  transform: rotate(-15deg);
  transform-origin: right center;
  animation: pspin161-small 1s infinite; }
  .protocols-spin-small .ps-16 .ps-circle:nth-child(1):before {
    animation: pspin16-before-small 1s infinite; }

.protocols-spin-small .ps-16 .ps-circle:nth-child(2) {
  transform: rotate(-15deg);
  transform-origin: left center;
  animation: pspin162-small 1s infinite; }
  .protocols-spin-small .ps-16 .ps-circle:nth-child(2):before {
    animation: pspin16-before-small 1s infinite; }

@-webkit-keyframes pspin161-small {
  0% {
    transform: rotate(-15deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(-15deg);
    opacity: 1; }
  99% {
    transform: rotate(-4deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin162-small {
  0% {
    transform: rotate(-15deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(-15deg);
    opacity: 1; }
  99% {
    transform: rotate(-26deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-small {
  0% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 1; }
  99% {
    width: 3.75px;
    height: 3.75px;
    margin-left: 23.75px; }
  100% {
    opacity: 0; } }

.protocols-spin-small .ps-16 .ps-circle:nth-child(3) {
  transform: rotate(30deg);
  transform-origin: right center;
  animation: pspin163-small 1s infinite; }
  .protocols-spin-small .ps-16 .ps-circle:nth-child(3):before {
    animation: pspin16-before-small 1s infinite; }

.protocols-spin-small .ps-16 .ps-circle:nth-child(4) {
  transform: rotate(30deg);
  transform-origin: left center;
  animation: pspin164-small 1s infinite; }
  .protocols-spin-small .ps-16 .ps-circle:nth-child(4):before {
    animation: pspin16-before-small 1s infinite; }

@-webkit-keyframes pspin163-small {
  0% {
    transform: rotate(30deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(30deg);
    opacity: 1; }
  99% {
    transform: rotate(41deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin164-small {
  0% {
    transform: rotate(30deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(30deg);
    opacity: 1; }
  99% {
    transform: rotate(19deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-small {
  0% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 1; }
  99% {
    width: 3.75px;
    height: 3.75px;
    margin-left: 23.75px; }
  100% {
    opacity: 0; } }

.protocols-spin-small .ps-16 .ps-circle:nth-child(5) {
  transform: rotate(75deg);
  transform-origin: right center;
  animation: pspin165-small 1s infinite; }
  .protocols-spin-small .ps-16 .ps-circle:nth-child(5):before {
    animation: pspin16-before-small 1s infinite; }

.protocols-spin-small .ps-16 .ps-circle:nth-child(6) {
  transform: rotate(75deg);
  transform-origin: left center;
  animation: pspin166-small 1s infinite; }
  .protocols-spin-small .ps-16 .ps-circle:nth-child(6):before {
    animation: pspin16-before-small 1s infinite; }

@-webkit-keyframes pspin165-small {
  0% {
    transform: rotate(75deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(75deg);
    opacity: 1; }
  99% {
    transform: rotate(86deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin166-small {
  0% {
    transform: rotate(75deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(75deg);
    opacity: 1; }
  99% {
    transform: rotate(64deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-small {
  0% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 1; }
  99% {
    width: 3.75px;
    height: 3.75px;
    margin-left: 23.75px; }
  100% {
    opacity: 0; } }

.protocols-spin-small .ps-16 .ps-circle:nth-child(7) {
  transform: rotate(120deg);
  transform-origin: right center;
  animation: pspin167-small 1s infinite; }
  .protocols-spin-small .ps-16 .ps-circle:nth-child(7):before {
    animation: pspin16-before-small 1s infinite; }

.protocols-spin-small .ps-16 .ps-circle:nth-child(8) {
  transform: rotate(120deg);
  transform-origin: left center;
  animation: pspin168-small 1s infinite; }
  .protocols-spin-small .ps-16 .ps-circle:nth-child(8):before {
    animation: pspin16-before-small 1s infinite; }

@-webkit-keyframes pspin167-small {
  0% {
    transform: rotate(120deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(120deg);
    opacity: 1; }
  99% {
    transform: rotate(131deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin168-small {
  0% {
    transform: rotate(120deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(120deg);
    opacity: 1; }
  99% {
    transform: rotate(109deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-small {
  0% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 1; }
  99% {
    width: 3.75px;
    height: 3.75px;
    margin-left: 23.75px; }
  100% {
    opacity: 0; } }

.protocols-spin-small .ps-16 .ps-circle:nth-child(9) {
  transform: rotate(165deg);
  transform-origin: right center;
  animation: pspin169-small 1s infinite; }
  .protocols-spin-small .ps-16 .ps-circle:nth-child(9):before {
    animation: pspin16-before-small 1s infinite; }

.protocols-spin-small .ps-16 .ps-circle:nth-child(10) {
  transform: rotate(165deg);
  transform-origin: left center;
  animation: pspin1610-small 1s infinite; }
  .protocols-spin-small .ps-16 .ps-circle:nth-child(10):before {
    animation: pspin16-before-small 1s infinite; }

@-webkit-keyframes pspin169-small {
  0% {
    transform: rotate(165deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(165deg);
    opacity: 1; }
  99% {
    transform: rotate(176deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin1610-small {
  0% {
    transform: rotate(165deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(165deg);
    opacity: 1; }
  99% {
    transform: rotate(154deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-small {
  0% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 1; }
  99% {
    width: 3.75px;
    height: 3.75px;
    margin-left: 23.75px; }
  100% {
    opacity: 0; } }

.protocols-spin-small .ps-16 .ps-circle:nth-child(11) {
  transform: rotate(210deg);
  transform-origin: right center;
  animation: pspin1611-small 1s infinite; }
  .protocols-spin-small .ps-16 .ps-circle:nth-child(11):before {
    animation: pspin16-before-small 1s infinite; }

.protocols-spin-small .ps-16 .ps-circle:nth-child(12) {
  transform: rotate(210deg);
  transform-origin: left center;
  animation: pspin1612-small 1s infinite; }
  .protocols-spin-small .ps-16 .ps-circle:nth-child(12):before {
    animation: pspin16-before-small 1s infinite; }

@-webkit-keyframes pspin1611-small {
  0% {
    transform: rotate(210deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(210deg);
    opacity: 1; }
  99% {
    transform: rotate(221deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin1612-small {
  0% {
    transform: rotate(210deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(210deg);
    opacity: 1; }
  99% {
    transform: rotate(199deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-small {
  0% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 1; }
  99% {
    width: 3.75px;
    height: 3.75px;
    margin-left: 23.75px; }
  100% {
    opacity: 0; } }

.protocols-spin-small .ps-16 .ps-circle:nth-child(13) {
  transform: rotate(255deg);
  transform-origin: right center;
  animation: pspin1613-small 1s infinite; }
  .protocols-spin-small .ps-16 .ps-circle:nth-child(13):before {
    animation: pspin16-before-small 1s infinite; }

.protocols-spin-small .ps-16 .ps-circle:nth-child(14) {
  transform: rotate(255deg);
  transform-origin: left center;
  animation: pspin1614-small 1s infinite; }
  .protocols-spin-small .ps-16 .ps-circle:nth-child(14):before {
    animation: pspin16-before-small 1s infinite; }

@-webkit-keyframes pspin1613-small {
  0% {
    transform: rotate(255deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(255deg);
    opacity: 1; }
  99% {
    transform: rotate(266deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin1614-small {
  0% {
    transform: rotate(255deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(255deg);
    opacity: 1; }
  99% {
    transform: rotate(244deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-small {
  0% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 1; }
  99% {
    width: 3.75px;
    height: 3.75px;
    margin-left: 23.75px; }
  100% {
    opacity: 0; } }

.protocols-spin-small .ps-16 .ps-circle:nth-child(15) {
  transform: rotate(300deg);
  transform-origin: right center;
  animation: pspin1615-small 1s infinite; }
  .protocols-spin-small .ps-16 .ps-circle:nth-child(15):before {
    animation: pspin16-before-small 1s infinite; }

.protocols-spin-small .ps-16 .ps-circle:nth-child(16) {
  transform: rotate(300deg);
  transform-origin: left center;
  animation: pspin1616-small 1s infinite; }
  .protocols-spin-small .ps-16 .ps-circle:nth-child(16):before {
    animation: pspin16-before-small 1s infinite; }

@-webkit-keyframes pspin1615-small {
  0% {
    transform: rotate(300deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(300deg);
    opacity: 1; }
  99% {
    transform: rotate(311deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin1616-small {
  0% {
    transform: rotate(300deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(300deg);
    opacity: 1; }
  99% {
    transform: rotate(289deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-small {
  0% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 1; }
  99% {
    width: 3.75px;
    height: 3.75px;
    margin-left: 23.75px; }
  100% {
    opacity: 0; } }

.protocols-spin-small .ps-16 .ps-circle:nth-child(17) {
  transform: rotate(345deg);
  transform-origin: right center;
  animation: pspin1617-small 1s infinite; }
  .protocols-spin-small .ps-16 .ps-circle:nth-child(17):before {
    animation: pspin16-before-small 1s infinite; }

.protocols-spin-small .ps-16 .ps-circle:nth-child(18) {
  transform: rotate(345deg);
  transform-origin: left center;
  animation: pspin1618-small 1s infinite; }
  .protocols-spin-small .ps-16 .ps-circle:nth-child(18):before {
    animation: pspin16-before-small 1s infinite; }

@-webkit-keyframes pspin1617-small {
  0% {
    transform: rotate(345deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(345deg);
    opacity: 1; }
  99% {
    transform: rotate(356deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin1618-small {
  0% {
    transform: rotate(345deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(345deg);
    opacity: 1; }
  99% {
    transform: rotate(334deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-small {
  0% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 7.5px;
    height: 7.5px;
    margin-left: 20px;
    opacity: 1; }
  99% {
    width: 3.75px;
    height: 3.75px;
    margin-left: 23.75px; }
  100% {
    opacity: 0; } }

.protocols-spin-load .protocols-spin-block {
  position: relative;
  width: 20px;
  height: 20px; }

.protocols-spin-load .ps-circle {
  position: absolute;
  top: 50%;
  left: 50%; }

.protocols-spin-load .ps-1 .ps-circle {
  position: absolute;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  background: #fff;
  border-radius: 100%; }

.protocols-spin-load .ps-1 .ps-circle:nth-child(1) {
  animation: pspin1-top-preloader 1s infinite; }

.protocols-spin-load .ps-1 .ps-circle:nth-child(2) {
  animation: pspin1-bottom-preloader 1s infinite; }

@-webkit-keyframes pspin1-top-preloader {
  0% {
    opacity: 1;
    width: 20px;
    height: 20px; }
  19% {
    opacity: 1;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px; }
  20% {
    opacity: 1;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px; }
  40% {
    opacity: 1;
    width: 10px;
    height: 10px;
    margin-top: -10px;
    margin-left: -5px; }
  41% {
    opacity: 0; }
  100% {
    opacity: 0;
    width: 20px;
    height: 20px; } }

@-webkit-keyframes pspin1-bottom-preloader {
  0% {
    opacity: 1;
    width: 20px;
    height: 20px; }
  19% {
    opacity: 1;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px; }
  20% {
    opacity: 1;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px; }
  40% {
    opacity: 1;
    width: 10px;
    height: 10px;
    margin-top: 0px;
    margin-left: -5px; }
  41% {
    opacity: 0; }
  100% {
    opacity: 0;
    width: 20px;
    height: 20px; } }

.protocols-spin-load .ps-2 {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px; }

.protocols-spin-load .ps-2 .ps-circle:before, .protocols-spin-load .ps-2 .ps-circle:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 100%;
  animation: pspin4 1s infinite; }

.protocols-spin-load .ps-2 .ps-circle {
  top: 0;
  animation: pspin4-top 1s infinite; }

.protocols-spin-load .ps-2 .ps-circle:nth-child(2) {
  top: 50%;
  animation: pspin4-bottom 1s infinite; }

.protocols-spin-load .ps-2 .ps-circle:before {
  animation: pspin4-left-preloader 1s infinite; }

.protocols-spin-load .ps-2 .ps-circle:after {
  animation: pspin4-right-preloader 1s infinite; }

@-webkit-keyframes pspin4-left-preloader {
  0% {
    margin-left: -5px;
    width: 10px;
    height: 10px;
    opacity: 0; }
  39% {
    opacity: 0; }
  40% {
    margin-left: -5px;
    width: 10px;
    height: 10px;
    opacity: 1; }
  60% {
    margin-left: -5px;
    width: 5px;
    height: 5px;
    opacity: 1; }
  61% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin4-right-preloader {
  0% {
    margin-left: -5px;
    width: 10px;
    height: 10px;
    opacity: 0; }
  39% {
    opacity: 0; }
  40% {
    margin-left: -5px;
    width: 10px;
    height: 10px;
    opacity: 1; }
  60% {
    margin-left: 2.5px;
    width: 5px;
    height: 5px;
    opacity: 1; }
  61% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin4-bottom-preloader {
  0% {
    top: 50%;
    opacity: 0; }
  39% {
    opacity: 0; }
  40% {
    top: 50%;
    opacity: 1; }
  60% {
    top: 67%;
    opacity: 1; }
  61% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin4-top-preloader {
  0% {
    top: 0;
    opacity: 0; }
  39% {
    opacity: 0; }
  40% {
    top: 0;
    opacity: 1; }
  60% {
    top: 10%;
    opacity: 1; }
  61% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.protocols-spin-load .ps-8 .ps-circle:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  margin-left: 5px;
  background: #fff;
  border-radius: 100%; }

.protocols-spin-load .ps-8 .ps-circle:nth-child(1) {
  transform: rotate(15deg);
  transform-origin: right center;
  animation: pspin81-preloader 1s infinite; }
  .protocols-spin-load .ps-8 .ps-circle:nth-child(1):before {
    animation: pspin8-before-preloader 1s infinite; }

.protocols-spin-load .ps-8 .ps-circle:nth-child(2) {
  transform: rotate(15deg);
  transform-origin: left center;
  animation: pspin82-preloader 1s infinite; }
  .protocols-spin-load .ps-8 .ps-circle:nth-child(2):before {
    animation: pspin8-before-preloader 1s infinite; }

@-webkit-keyframes pspin81-preloader {
  0% {
    transform: rotate(-65deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(-65deg);
    opacity: 1; }
  80% {
    transform: rotate(30deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin82-preloader {
  0% {
    transform: rotate(-65deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(-65deg);
    opacity: 1; }
  80% {
    transform: rotate(-15deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin8-before-preloader {
  0% {
    width: 5px;
    height: 5px;
    margin-left: 5px;
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    width: 5px;
    height: 5px;
    margin-left: 5px;
    opacity: 1; }
  80% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.protocols-spin-load .ps-8 .ps-circle:nth-child(3) {
  transform: rotate(105deg);
  transform-origin: right center;
  animation: pspin83-preloader 1s infinite; }
  .protocols-spin-load .ps-8 .ps-circle:nth-child(3):before {
    animation: pspin8-before-preloader 1s infinite; }

.protocols-spin-load .ps-8 .ps-circle:nth-child(4) {
  transform: rotate(105deg);
  transform-origin: left center;
  animation: pspin84-preloader 1s infinite; }
  .protocols-spin-load .ps-8 .ps-circle:nth-child(4):before {
    animation: pspin8-before-preloader 1s infinite; }

@-webkit-keyframes pspin83-preloader {
  0% {
    transform: rotate(25deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(25deg);
    opacity: 1; }
  80% {
    transform: rotate(120deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin84-preloader {
  0% {
    transform: rotate(25deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(25deg);
    opacity: 1; }
  80% {
    transform: rotate(75deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin8-before-preloader {
  0% {
    width: 5px;
    height: 5px;
    margin-left: 5px;
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    width: 5px;
    height: 5px;
    margin-left: 5px;
    opacity: 1; }
  80% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.protocols-spin-load .ps-8 .ps-circle:nth-child(5) {
  transform: rotate(195deg);
  transform-origin: right center;
  animation: pspin85-preloader 1s infinite; }
  .protocols-spin-load .ps-8 .ps-circle:nth-child(5):before {
    animation: pspin8-before-preloader 1s infinite; }

.protocols-spin-load .ps-8 .ps-circle:nth-child(6) {
  transform: rotate(195deg);
  transform-origin: left center;
  animation: pspin86-preloader 1s infinite; }
  .protocols-spin-load .ps-8 .ps-circle:nth-child(6):before {
    animation: pspin8-before-preloader 1s infinite; }

@-webkit-keyframes pspin85-preloader {
  0% {
    transform: rotate(115deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(115deg);
    opacity: 1; }
  80% {
    transform: rotate(210deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin86-preloader {
  0% {
    transform: rotate(115deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(115deg);
    opacity: 1; }
  80% {
    transform: rotate(165deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin8-before-preloader {
  0% {
    width: 5px;
    height: 5px;
    margin-left: 5px;
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    width: 5px;
    height: 5px;
    margin-left: 5px;
    opacity: 1; }
  80% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.protocols-spin-load .ps-8 .ps-circle:nth-child(7) {
  transform: rotate(285deg);
  transform-origin: right center;
  animation: pspin87-preloader 1s infinite; }
  .protocols-spin-load .ps-8 .ps-circle:nth-child(7):before {
    animation: pspin8-before-preloader 1s infinite; }

.protocols-spin-load .ps-8 .ps-circle:nth-child(8) {
  transform: rotate(285deg);
  transform-origin: left center;
  animation: pspin88-preloader 1s infinite; }
  .protocols-spin-load .ps-8 .ps-circle:nth-child(8):before {
    animation: pspin8-before-preloader 1s infinite; }

@-webkit-keyframes pspin87-preloader {
  0% {
    transform: rotate(205deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(205deg);
    opacity: 1; }
  80% {
    transform: rotate(300deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin88-preloader {
  0% {
    transform: rotate(205deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(205deg);
    opacity: 1; }
  80% {
    transform: rotate(255deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin8-before-preloader {
  0% {
    width: 5px;
    height: 5px;
    margin-left: 5px;
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    width: 5px;
    height: 5px;
    margin-left: 5px;
    opacity: 1; }
  80% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.protocols-spin-load .ps-8 .ps-circle:nth-child(9) {
  transform: rotate(375deg);
  transform-origin: right center;
  animation: pspin89-preloader 1s infinite; }
  .protocols-spin-load .ps-8 .ps-circle:nth-child(9):before {
    animation: pspin8-before-preloader 1s infinite; }

.protocols-spin-load .ps-8 .ps-circle:nth-child(10) {
  transform: rotate(375deg);
  transform-origin: left center;
  animation: pspin810-preloader 1s infinite; }
  .protocols-spin-load .ps-8 .ps-circle:nth-child(10):before {
    animation: pspin8-before-preloader 1s infinite; }

@-webkit-keyframes pspin89-preloader {
  0% {
    transform: rotate(295deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(295deg);
    opacity: 1; }
  80% {
    transform: rotate(390deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin810-preloader {
  0% {
    transform: rotate(295deg);
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    transform: rotate(295deg);
    opacity: 1; }
  80% {
    transform: rotate(345deg);
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin8-before-preloader {
  0% {
    width: 5px;
    height: 5px;
    margin-left: 5px;
    opacity: 0; }
  59% {
    opacity: 0; }
  60% {
    width: 5px;
    height: 5px;
    margin-left: 5px;
    opacity: 1; }
  80% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 1; }
  81% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.protocols-spin-load .ps-16 .ps-circle:before {
  content: "";
  position: absolute;
  width: 2.5px;
  height: 2.5px;
  margin-left: 3.3333333333px;
  background: #fff;
  border-radius: 100%; }

.protocols-spin-load .ps-16 .ps-circle:nth-child(1) {
  transform: rotate(-15deg);
  transform-origin: right center;
  animation: pspin161-preloader 1s infinite; }
  .protocols-spin-load .ps-16 .ps-circle:nth-child(1):before {
    animation: pspin16-before-preloader 1s infinite; }

.protocols-spin-load .ps-16 .ps-circle:nth-child(2) {
  transform: rotate(-15deg);
  transform-origin: left center;
  animation: pspin162-preloader 1s infinite; }
  .protocols-spin-load .ps-16 .ps-circle:nth-child(2):before {
    animation: pspin16-before-preloader 1s infinite; }

@-webkit-keyframes pspin161-preloader {
  0% {
    transform: rotate(-15deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(-15deg);
    opacity: 1; }
  99% {
    transform: rotate(-4deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin162-preloader {
  0% {
    transform: rotate(-15deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(-15deg);
    opacity: 1; }
  99% {
    transform: rotate(-26deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-preloader {
  0% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 1; }
  99% {
    width: 1.25px;
    height: 1.25px;
    margin-left: 7.9166666667px; }
  100% {
    opacity: 0; } }

.protocols-spin-load .ps-16 .ps-circle:nth-child(3) {
  transform: rotate(30deg);
  transform-origin: right center;
  animation: pspin163-preloader 1s infinite; }
  .protocols-spin-load .ps-16 .ps-circle:nth-child(3):before {
    animation: pspin16-before-preloader 1s infinite; }

.protocols-spin-load .ps-16 .ps-circle:nth-child(4) {
  transform: rotate(30deg);
  transform-origin: left center;
  animation: pspin164-preloader 1s infinite; }
  .protocols-spin-load .ps-16 .ps-circle:nth-child(4):before {
    animation: pspin16-before-preloader 1s infinite; }

@-webkit-keyframes pspin163-preloader {
  0% {
    transform: rotate(30deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(30deg);
    opacity: 1; }
  99% {
    transform: rotate(41deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin164-preloader {
  0% {
    transform: rotate(30deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(30deg);
    opacity: 1; }
  99% {
    transform: rotate(19deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-preloader {
  0% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 1; }
  99% {
    width: 1.25px;
    height: 1.25px;
    margin-left: 7.9166666667px; }
  100% {
    opacity: 0; } }

.protocols-spin-load .ps-16 .ps-circle:nth-child(5) {
  transform: rotate(75deg);
  transform-origin: right center;
  animation: pspin165-preloader 1s infinite; }
  .protocols-spin-load .ps-16 .ps-circle:nth-child(5):before {
    animation: pspin16-before-preloader 1s infinite; }

.protocols-spin-load .ps-16 .ps-circle:nth-child(6) {
  transform: rotate(75deg);
  transform-origin: left center;
  animation: pspin166-preloader 1s infinite; }
  .protocols-spin-load .ps-16 .ps-circle:nth-child(6):before {
    animation: pspin16-before-preloader 1s infinite; }

@-webkit-keyframes pspin165-preloader {
  0% {
    transform: rotate(75deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(75deg);
    opacity: 1; }
  99% {
    transform: rotate(86deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin166-preloader {
  0% {
    transform: rotate(75deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(75deg);
    opacity: 1; }
  99% {
    transform: rotate(64deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-preloader {
  0% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 1; }
  99% {
    width: 1.25px;
    height: 1.25px;
    margin-left: 7.9166666667px; }
  100% {
    opacity: 0; } }

.protocols-spin-load .ps-16 .ps-circle:nth-child(7) {
  transform: rotate(120deg);
  transform-origin: right center;
  animation: pspin167-preloader 1s infinite; }
  .protocols-spin-load .ps-16 .ps-circle:nth-child(7):before {
    animation: pspin16-before-preloader 1s infinite; }

.protocols-spin-load .ps-16 .ps-circle:nth-child(8) {
  transform: rotate(120deg);
  transform-origin: left center;
  animation: pspin168-preloader 1s infinite; }
  .protocols-spin-load .ps-16 .ps-circle:nth-child(8):before {
    animation: pspin16-before-preloader 1s infinite; }

@-webkit-keyframes pspin167-preloader {
  0% {
    transform: rotate(120deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(120deg);
    opacity: 1; }
  99% {
    transform: rotate(131deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin168-preloader {
  0% {
    transform: rotate(120deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(120deg);
    opacity: 1; }
  99% {
    transform: rotate(109deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-preloader {
  0% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 1; }
  99% {
    width: 1.25px;
    height: 1.25px;
    margin-left: 7.9166666667px; }
  100% {
    opacity: 0; } }

.protocols-spin-load .ps-16 .ps-circle:nth-child(9) {
  transform: rotate(165deg);
  transform-origin: right center;
  animation: pspin169-preloader 1s infinite; }
  .protocols-spin-load .ps-16 .ps-circle:nth-child(9):before {
    animation: pspin16-before-preloader 1s infinite; }

.protocols-spin-load .ps-16 .ps-circle:nth-child(10) {
  transform: rotate(165deg);
  transform-origin: left center;
  animation: pspin1610-preloader 1s infinite; }
  .protocols-spin-load .ps-16 .ps-circle:nth-child(10):before {
    animation: pspin16-before-preloader 1s infinite; }

@-webkit-keyframes pspin169-preloader {
  0% {
    transform: rotate(165deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(165deg);
    opacity: 1; }
  99% {
    transform: rotate(176deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin1610-preloader {
  0% {
    transform: rotate(165deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(165deg);
    opacity: 1; }
  99% {
    transform: rotate(154deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-preloader {
  0% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 1; }
  99% {
    width: 1.25px;
    height: 1.25px;
    margin-left: 7.9166666667px; }
  100% {
    opacity: 0; } }

.protocols-spin-load .ps-16 .ps-circle:nth-child(11) {
  transform: rotate(210deg);
  transform-origin: right center;
  animation: pspin1611-preloader 1s infinite; }
  .protocols-spin-load .ps-16 .ps-circle:nth-child(11):before {
    animation: pspin16-before-preloader 1s infinite; }

.protocols-spin-load .ps-16 .ps-circle:nth-child(12) {
  transform: rotate(210deg);
  transform-origin: left center;
  animation: pspin1612-preloader 1s infinite; }
  .protocols-spin-load .ps-16 .ps-circle:nth-child(12):before {
    animation: pspin16-before-preloader 1s infinite; }

@-webkit-keyframes pspin1611-preloader {
  0% {
    transform: rotate(210deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(210deg);
    opacity: 1; }
  99% {
    transform: rotate(221deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin1612-preloader {
  0% {
    transform: rotate(210deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(210deg);
    opacity: 1; }
  99% {
    transform: rotate(199deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-preloader {
  0% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 1; }
  99% {
    width: 1.25px;
    height: 1.25px;
    margin-left: 7.9166666667px; }
  100% {
    opacity: 0; } }

.protocols-spin-load .ps-16 .ps-circle:nth-child(13) {
  transform: rotate(255deg);
  transform-origin: right center;
  animation: pspin1613-preloader 1s infinite; }
  .protocols-spin-load .ps-16 .ps-circle:nth-child(13):before {
    animation: pspin16-before-preloader 1s infinite; }

.protocols-spin-load .ps-16 .ps-circle:nth-child(14) {
  transform: rotate(255deg);
  transform-origin: left center;
  animation: pspin1614-preloader 1s infinite; }
  .protocols-spin-load .ps-16 .ps-circle:nth-child(14):before {
    animation: pspin16-before-preloader 1s infinite; }

@-webkit-keyframes pspin1613-preloader {
  0% {
    transform: rotate(255deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(255deg);
    opacity: 1; }
  99% {
    transform: rotate(266deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin1614-preloader {
  0% {
    transform: rotate(255deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(255deg);
    opacity: 1; }
  99% {
    transform: rotate(244deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-preloader {
  0% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 1; }
  99% {
    width: 1.25px;
    height: 1.25px;
    margin-left: 7.9166666667px; }
  100% {
    opacity: 0; } }

.protocols-spin-load .ps-16 .ps-circle:nth-child(15) {
  transform: rotate(300deg);
  transform-origin: right center;
  animation: pspin1615-preloader 1s infinite; }
  .protocols-spin-load .ps-16 .ps-circle:nth-child(15):before {
    animation: pspin16-before-preloader 1s infinite; }

.protocols-spin-load .ps-16 .ps-circle:nth-child(16) {
  transform: rotate(300deg);
  transform-origin: left center;
  animation: pspin1616-preloader 1s infinite; }
  .protocols-spin-load .ps-16 .ps-circle:nth-child(16):before {
    animation: pspin16-before-preloader 1s infinite; }

@-webkit-keyframes pspin1615-preloader {
  0% {
    transform: rotate(300deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(300deg);
    opacity: 1; }
  99% {
    transform: rotate(311deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin1616-preloader {
  0% {
    transform: rotate(300deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(300deg);
    opacity: 1; }
  99% {
    transform: rotate(289deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-preloader {
  0% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 1; }
  99% {
    width: 1.25px;
    height: 1.25px;
    margin-left: 7.9166666667px; }
  100% {
    opacity: 0; } }

.protocols-spin-load .ps-16 .ps-circle:nth-child(17) {
  transform: rotate(345deg);
  transform-origin: right center;
  animation: pspin1617-preloader 1s infinite; }
  .protocols-spin-load .ps-16 .ps-circle:nth-child(17):before {
    animation: pspin16-before-preloader 1s infinite; }

.protocols-spin-load .ps-16 .ps-circle:nth-child(18) {
  transform: rotate(345deg);
  transform-origin: left center;
  animation: pspin1618-preloader 1s infinite; }
  .protocols-spin-load .ps-16 .ps-circle:nth-child(18):before {
    animation: pspin16-before-preloader 1s infinite; }

@-webkit-keyframes pspin1617-preloader {
  0% {
    transform: rotate(345deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(345deg);
    opacity: 1; }
  99% {
    transform: rotate(356deg);
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin1618-preloader {
  0% {
    transform: rotate(345deg);
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    transform: rotate(345deg);
    opacity: 1; }
  99% {
    transform: rotate(334deg); }
  100% {
    opacity: 0; } }

@-webkit-keyframes pspin16-before-preloader {
  0% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 0; }
  79% {
    opacity: 0; }
  80% {
    width: 2.5px;
    height: 2.5px;
    margin-left: 6.6666666667px;
    opacity: 1; }
  99% {
    width: 1.25px;
    height: 1.25px;
    margin-left: 7.9166666667px; }
  100% {
    opacity: 0; } }

.protocols-spinner-bars {
  position: relative;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-left: -30px;
  left: 50%;
  top: 50%; }

.protocols-spinner-bars.psb-small {
  position: absolute;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px; }

.protocols-spinner-bars .psb-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -11px;
  font-size: 30px;
  line-height: 30px;
  color: #000339; }

.protocols-spinner-bars.psb-light .psb-logo {
  color: #BDBDBD; }
  .protocols-spinner-bars.psb-light .psb-logo .pf-logo {
    color: #BDBDBD !important; }

.protocols-spinner-bars.psb-small .psb-logo {
  margin-top: -8px;
  margin-left: -6px;
  font-size: 16px;
  line-height: 16px; }
  .protocols-spinner-bars.psb-small .psb-logo .pf-logo {
    font-size: 16px !important;
    line-height: 16px;
    color: #FFFFFF; }

.protocols-spinner-bars .protocols-bar {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1.5px;
  margin-left: -4px;
  width: 8px;
  height: 2px;
  background-color: #000339;
  opacity: 0.05;
  animation: fadeit 0.6s linear infinite; }

.protocols-spinner-bars.psb-light .protocols-bar {
  background-color: #BDBDBD !important; }

.protocols-spinner-bars.psb-small .protocols-bar {
  width: 3px;
  height: 1px;
  margin-top: -0.5px;
  margin-left: -1.5px;
  background: #FFFFFF; }

.protocols-spinner-bars > .bar-1 {
  transform: rotate(0deg) translate(0, -30px);
  animation-delay: 0.06s; }

.protocols-spinner-bars.psb-small > .bar-1 {
  transform: rotate(0deg) translate(0, -10px); }

.protocols-spinner-bars > .bar-2 {
  transform: rotate(40deg) translate(0, -30px);
  animation-delay: 0.12s; }

.protocols-spinner-bars.psb-small > .bar-2 {
  transform: rotate(40deg) translate(0, -10px); }

.protocols-spinner-bars > .bar-3 {
  transform: rotate(80deg) translate(0, -30px);
  animation-delay: 0.18s; }

.protocols-spinner-bars.psb-small > .bar-3 {
  transform: rotate(80deg) translate(0, -10px); }

.protocols-spinner-bars > .bar-4 {
  transform: rotate(120deg) translate(0, -30px);
  animation-delay: 0.24s; }

.protocols-spinner-bars.psb-small > .bar-4 {
  transform: rotate(120deg) translate(0, -10px); }

.protocols-spinner-bars > .bar-5 {
  transform: rotate(160deg) translate(0, -30px);
  animation-delay: 0.3s; }

.protocols-spinner-bars.psb-small > .bar-5 {
  transform: rotate(160deg) translate(0, -10px); }

.protocols-spinner-bars > .bar-6 {
  transform: rotate(200deg) translate(0, -30px);
  animation-delay: 0.36s; }

.protocols-spinner-bars.psb-small > .bar-6 {
  transform: rotate(200deg) translate(0, -10px); }

.protocols-spinner-bars > .bar-7 {
  transform: rotate(240deg) translate(0, -30px);
  animation-delay: 0.42s; }

.protocols-spinner-bars.psb-small > .bar-7 {
  transform: rotate(240deg) translate(0, -10px); }

.protocols-spinner-bars > .bar-8 {
  transform: rotate(280deg) translate(0, -30px);
  animation-delay: 0.48s; }

.protocols-spinner-bars.psb-small > .bar-8 {
  transform: rotate(280deg) translate(0, -10px); }

.protocols-spinner-bars > .bar-9 {
  transform: rotate(320deg) translate(0, -30px);
  animation-delay: 0.54s; }

.protocols-spinner-bars.psb-small > .bar-9 {
  transform: rotate(320deg) translate(0, -10px); }

@keyframes fadeit {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.cs-loader {
  position: relative;
  margin: 0 auto;
  height: 60px;
  width: 60px; }
  .cs-loader:before {
    content: '';
    display: block;
    padding-top: 100%; }

.circle-spinner {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }
  .circle-spinner .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: #00A7EA; }

.cs-block.cs-white .cs-loader .path {
  stroke: white; }

.cs-block.cs-medium {
  height: 20px; }
  .cs-block.cs-medium .cs-loader {
    width: 20px;
    height: 20px; }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px; } }

/*+ $upgrade-header-height*/
.test_rb {
  border: 1px solid red; }

.hidden {
  display: none !important; }

body {
  font-family: "Roboto", sans-serif; }

.transition02 {
  transition: all 0.2s; }

/*preloader*/
.preloader {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }
  .preloader .spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -11px -35px;
    background: none; }
    .preloader .spinner div {
      vertical-align: middle;
      background-color: #ffffff; }

/*Header*/
.header-main {
  height: 40px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 12;
  padding: 0 20px;
  background: #00A7EA;
  min-width: 1010px; }
  .header-main .header-block {
    display: flex; }
    .header-main .header-block .logo-container {
      flex-grow: 1; }
    .header-main .header-block .logo {
      color: #D7E4F7;
      font-size: 30px;
      float: left;
      line-height: 40px;
      font-weight: bold;
      min-width: 200px; }
      .header-main .header-block .logo img {
        height: 30px;
        margin-top: 5px; }
    .header-main .header-block .headers-nav {
      min-width: 100px; }
      .header-main .header-block .headers-nav .user-avatar {
        text-align: right;
        padding: 6px;
        position: relative; }
        .header-main .header-block .headers-nav .user-avatar i {
          position: absolute;
          color: white;
          top: 50%;
          margin-top: -10px;
          cursor: pointer; }
    .header-main .header-block .header-search {
      line-height: 60px;
      flex-grow: 1;
      text-align: right; }
      .header-main .header-block .header-search label {
        position: relative;
        display: inline-block; }
      .header-main .header-block .header-search input {
        background: #CCEDFB;
        transition: all 300ms ease-in-out;
        height: 28px;
        padding-right: 30px;
        width: 200px;
        border: none;
        color: #044064;
        margin-right: 30px; }
      .header-main .header-block .header-search i {
        top: 5px;
        right: 40px;
        font-size: 22px;
        line-height: 50px;
        font-weight: 800;
        color: #3FADD6;
        cursor: pointer; }
    .header-main .header-block .profile-image {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin-top: 3px;
      border-radius: 24px;
      cursor: pointer;
      margin-right: 5px;
      vertical-align: middle; }
      .header-main .header-block .profile-image:hover {
        box-shadow: -1px 1px 5px #eee; }
    .header-main .header-block .profile-name {
      display: inline-block;
      margin-top: 5px;
      padding-right: 5px;
      color: #fff;
      vertical-align: middle;
      cursor: pointer; }
    .header-main .header-block .profile-menu {
      position: absolute;
      background: white;
      display: inline-block;
      top: 13px;
      margin-top: 60px;
      border: 1px solid #00A7EA;
      left: -244px;
      padding: 10px 20px;
      width: 320px;
      z-index: 100; }
      .header-main .header-block .profile-menu:after, .header-main .header-block .profile-menu:before {
        bottom: 100%;
        right: 38px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .header-main .header-block .profile-menu:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #ffffff;
        border-width: 12px; }
      .header-main .header-block .profile-menu:before {
        border-color: rgba(0, 167, 234, 0);
        border-bottom-color: #00A7EA;
        border-width: 13px;
        margin-right: -1px; }
      .header-main .header-block .profile-menu div {
        text-align: right;
        margin: 10px 0; }
        .header-main .header-block .profile-menu div:last-child {
          margin-bottom: 0; }
        .header-main .header-block .profile-menu div.profile-menu-header {
          text-align: left;
          display: flex;
          padding-bottom: 5px;
          border-bottom: 1px solid #dfdfdf;
          font-weight: bold;
          margin: 0 0 10px 0; }
          .header-main .header-block .profile-menu div.profile-menu-header .profile-username {
            flex-grow: 1;
            text-transform: capitalize; }
          .header-main .header-block .profile-menu div.profile-menu-header .profile-title {
            min-width: 90px;
            width: 90px;
            color: #00A7EA; }
        .header-main .header-block .profile-menu div a {
          color: #00A7EA;
          font-size: 14px;
          line-height: 14px;
          display: inline-block;
          text-align: left;
          width: 90px; }
          .header-main .header-block .profile-menu div a:hover {
            text-decoration: underline; }

/*headers-nav*/
.headers-nav li {
  position: relative;
  margin-left: 30px; }
  .headers-nav li:first-child {
    margin-left: 0px; }

/*upgrade header*/
.header-upgrade {
  height: 75px;
  padding: 0 20px;
  background: #397AD8;
  text-align: center; }
  .header-upgrade .headers-nav {
    float: inherit;
    display: inline-block;
    vertical-align: middle; }
    .header-upgrade .headers-nav li a {
      line-height: 75px;
      font-size: 13px;
      padding: 10px 20px;
      border-radius: 15px;
      border: 2px solid #ffffff;
      font-weight: 500; }
      .header-upgrade .headers-nav li a:hover {
        background: #ffffff;
        color: #397AD8; }
  .header-upgrade .upgrade-label {
    color: #ffffff;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px; }

/*page header*/
.page-header {
  height: 40px;
  background: #ffffff;
  border-bottom: 1px solid #CBD1D6; }
  .page-header .headers-nav {
    display: inline-block;
    height: 100%;
    padding-left: 10px; }
    .page-header .headers-nav li {
      cursor: pointer;
      color: #4c4c4c;
      text-transform: uppercase;
      font-weight: bold;
      display: inline-block;
      height: 100%;
      line-height: 40px;
      padding: 0 20px;
      margin-left: 0;
      font-size: 12px; }
  .page-header .company-block {
    display: flex;
    position: absolute;
    right: 20px;
    top: 0;
    height: 40px; }
    .page-header .company-block .company-logo-container {
      height: 30px;
      width: 30px;
      display: inline-block;
      overflow: hidden;
      margin-top: 5px;
      margin-right: 15px; }
      .page-header .company-block .company-logo-container img {
        width: 100%; }
    .page-header .company-block .company-name {
      display: inline-block;
      top: 0;
      height: 100%;
      line-height: 40px;
      height: 40px;
      font-size: 14px; }

/*tools*/
.tools {
  height: 100%;
  position: relative;
  overflow: hidden; }
  .tools .tools-content {
    height: calc(100% - 80px); }
  .tools.with-sidebar .tools-content {
    min-width: 1010px; }
  .tools .tools-header {
    position: absolute;
    top: 40px;
    left: 0px;
    right: 0px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
    z-index: 10;
    min-width: 1010px; }
  .tools .sidebar-collapse {
    position: absolute;
    top: 80px;
    left: 255px;
    width: 30px;
    padding: 5px 0;
    font-size: 12px;
    text-align: center;
    z-index: 11;
    cursor: pointer;
    /*transition: all 0.2s; for drag tools*/ }
  .tools .tools-sidebar {
    position: absolute;
    top: 80px;
    left: 0px;
    bottom: 0px;
    width: 290px;
    padding-top: 20px;
    overflow: auto;
    background: #EDEFF1;
    z-index: 1;
    /*transition: all 0.2s; for drag tools*/ }
    .tools .tools-sidebar .drag-tools {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 8px;
      cursor: col-resize;
      z-index: 2;
      opacity: 0; }
  .tools .tools-workarea {
    margin-top: 80px;
    margin-left: 290px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    /*transition: margin-left 0.2s; for drag tools*/
    border-left: 1px solid #CBD1D6; }
    .tools .tools-workarea .tools-workarea-content {
      position: relative;
      padding-top: 45px; }
      .tools .tools-workarea .tools-workarea-content .tools-workarea-body-container {
        height: 100%; }
        .tools .tools-workarea .tools-workarea-content .tools-workarea-body-container .workarea-body {
          height: 100%; }
          .tools .tools-workarea .tools-workarea-content .tools-workarea-body-container .workarea-body .reporting-container {
            height: 100%; }
            .tools .tools-workarea .tools-workarea-content .tools-workarea-body-container .workarea-body .reporting-container .rc-chart-container {
              height: calc(100% - 40px); }
              .tools .tools-workarea .tools-workarea-content .tools-workarea-body-container .workarea-body .reporting-container .rc-chart-container .rc-chart-selector {
                margin: 20px 20px 0 20px;
                position: relative; }
                .tools .tools-workarea .tools-workarea-content .tools-workarea-body-container .workarea-body .reporting-container .rc-chart-container .rc-chart-selector .drop-down {
                  display: block;
                  border: 0.5px solid #b2b2b2;
                  width: 100%;
                  font-size: 16px;
                  line-height: 36px;
                  max-width: 300px;
                  z-index: 9999; }
                  .tools .tools-workarea .tools-workarea-content .tools-workarea-body-container .workarea-body .reporting-container .rc-chart-container .rc-chart-selector .drop-down .drop-down-list {
                    width: 100%;
                    border: 0.5px solid #b2b2b2;
                    top: 100%;
                    left: 0px;
                    right: 0px;
                    max-height: 500px;
                    overflow-y: auto; }
              .tools .tools-workarea .tools-workarea-content .tools-workarea-body-container .workarea-body .reporting-container .rc-chart-container .h-charts-container {
                margin-top: 0px; }
            .tools .tools-workarea .tools-workarea-content .tools-workarea-body-container .workarea-body .reporting-container .rc-total-container {
              height: calc(100% - 40px); }
      .tools .tools-workarea .tools-workarea-content .tools-workarea-menu {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        height: 45px;
        background: #EDEFF1;
        padding: 0 20px;
        white-space: nowrap;
        border-bottom: 1px solid #CBD1D6;
        z-index: 1; }
        .tools .tools-workarea .tools-workarea-content .tools-workarea-menu .tools-menu {
          display: flex;
          height: 45px;
          text-align: right; }
        .tools .tools-workarea .tools-workarea-content .tools-workarea-menu .range-select .drop-down {
          display: inline-block;
          background: white;
          padding: 5px 10px;
          border: 1px solid #a5a5a5;
          cursor: pointer;
          position: relative;
          z-index: 10;
          border-radius: 0;
          height: 30px;
          width: 130px;
          margin: 8px 8px 8px -1px;
          padding-left: 15px;
          line-height: 20px; }
          .tools .tools-workarea .tools-workarea-content .tools-workarea-menu .range-select .drop-down .drop-down-list {
            width: 130px;
            border: 1px solid #b2b2b2;
            top: 28px;
            left: -1px; }
        .tools .tools-workarea .tools-workarea-content .tools-workarea-menu ul.headers-nav {
          height: 100%;
          display: inline-block;
          min-width: 100px;
          width: 100px; }
          .tools .tools-workarea .tools-workarea-content .tools-workarea-menu ul.headers-nav li {
            display: inline-block;
            cursor: pointer;
            padding: 0 10px;
            height: 100%;
            color: #4C4C4C;
            line-height: 50px;
            text-transform: uppercase;
            font-weight: 600;
            margin-left: 30px; }
            .tools .tools-workarea .tools-workarea-content .tools-workarea-menu ul.headers-nav li.active {
              border-bottom: 2px solid #00a6e7;
              color: #00a6e7; }
            .tools .tools-workarea .tools-workarea-content .tools-workarea-menu ul.headers-nav li:before {
              position: absolute;
              content: '';
              left: 0;
              top: 50%;
              margin: -12px -25px;
              height: 25px;
              width: 30px; }
            .tools .tools-workarea .tools-workarea-content .tools-workarea-menu ul.headers-nav li.preview-li:before {
              background-image: url("../../../img/preview.svg"); }
            .tools .tools-workarea .tools-workarea-content .tools-workarea-menu ul.headers-nav li.export-li:before {
              height: 24px;
              width: 25px;
              background-image: url("../../../img/export.svg");
              background-size: 26px 24px; }
            .tools .tools-workarea .tools-workarea-content .tools-workarea-menu ul.headers-nav li.export-li.disabled {
              cursor: default !important;
              color: #aaa; }
            .tools .tools-workarea .tools-workarea-content .tools-workarea-menu ul.headers-nav li.export-li {
              position: relative; }
            .tools .tools-workarea .tools-workarea-content .tools-workarea-menu ul.headers-nav li .export-dropdown {
              position: absolute;
              width: calc(100% + 25px);
              height: 100px;
              color: #012345;
              left: -25px;
              z-index: 20;
              top: 0px;
              padding-top: 50px; }
  .tools.no-sidebar .tools-workarea {
    margin-left: 0px !important; }
    .tools.no-sidebar .tools-workarea .tools-workarea-content.fixed-menu .tools-workarea-menu {
      left: 0 !important; }
    .tools.no-sidebar .tools-workarea .tools-workarea-content .files-content {
      min-width: 500px; }
    .tools.no-sidebar .tools-workarea .tools-workarea-content .twh-nav {
      left: 0px !important; }
  .tools.no-sidebar .tools-sidebar {
    width: 290px !important;
    left: -290px !important; }
  .tools.no-sidebar .sidebar-collapse {
    left: 0 !important; }
  .tools.no-sidebar .twh-bct {
    padding-left: 30px !important; }
  .tools.tools-without-bct .sidebar-collapse {
    top: 40px; }
  .tools.tools-without-bct .tools-sidebar {
    top: 40px; }
  .tools.tools-without-bct .tools-workarea {
    margin-top: 40px;
    height: 100%; }

.ip-select {
  margin-right: 10px;
  line-height: 45px; }
  .ip-select i {
    cursor: pointer;
    margin-left: 5px;
    font-weight: 600;
    font-size: 12px; }

/*Date Range*/
.date-input {
  display: flex;
  margin-top: 8px;
  cursor: pointer;
  min-width: 215px;
  width: 215px;
  position: relative; }
  .date-input .date-input-text, .date-input input {
    padding: 5px 20px;
    background: #ffffff;
    border: 1px solid #A5A5A5;
    display: inline-block;
    height: 30px;
    flex-grow: 1; }
    .date-input .date-input-text.year, .date-input input.year {
      margin-left: -1px;
      padding: 5px 10px;
      width: 55px; }
  .date-input input {
    width: 215px;
    padding: 5px 30px;
    z-index: 150; }
    .date-input input::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      font-size: 13px; }
    .date-input input::-moz-placeholder {
      /* Firefox 19+ */
      font-size: 13px; }
    .date-input input:-ms-input-placeholder {
      /* IE 10+ */
      font-size: 13px; }
    .date-input input:-moz-placeholder {
      /* Firefox 18- */
      font-size: 13px; }
  .date-input .date-range {
    background: #ffffff;
    border: 1px solid #A5A5A5;
    padding: 20px;
    position: absolute;
    z-index: 11;
    top: 29px;
    right: -129px; }
    .date-input .date-range.showEl {
      display: block; }
    .date-input .date-range.hideEl {
      display: none; }

/*sidebar*/
.tools-sidebar-content .sidebar-header-text {
  padding-left: 30px;
  line-height: 55px;
  border-bottom: 1px solid #CBD1D6;
  font-weight: 500;
  color: #576068;
  height: 55px;
  cursor: pointer; }
  .tools-sidebar-content .sidebar-header-text.admin-sidebar {
    margin-bottom: 20px; }

.tools-sidebar-content .upper-title {
  margin-bottom: 5px;
  padding: 0 20px;
  font-size: 11px;
  line-height: 11px;
  color: #CBD1D6;
  text-transform: uppercase; }

.tools-sidebar-content .new-list {
  text-align: center;
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #CBD1D6; }

.tools-sidebar-content .new-list-btn {
  padding: 10px 20px;
  border: 2px solid #012345;
  border-radius: 10px;
  cursor: pointer;
  color: #012345; }

.tools-sidebar-content .sidebar-list-apply {
  display: flex;
  margin-top: 10px;
  margin-right: 10px;
  justify-content: flex-end; }
  .tools-sidebar-content .sidebar-list-apply .btn {
    display: inline-block;
    border: 2px solid #4E88DD;
    background: #4E88DD;
    color: #fff;
    line-height: 20px;
    border-radius: 6px;
    padding: 0 10px;
    cursor: pointer;
    transition: all 0.2s; }
    .tools-sidebar-content .sidebar-list-apply .btn:hover, .tools-sidebar-content .sidebar-list-apply .btn.active {
      background: #2c71d6;
      border: 2px solid #2c71d6;
      color: #fff; }

.tools-sidebar-content .sidebar-list-item {
  padding: 5px 15px 5px 30px;
  border-bottom: 1px solid #CBD1D6;
  color: #576068;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .tools-sidebar-content .sidebar-list-item.admin-sidebar {
    border-bottom: none;
    padding-left: 50px;
    position: relative;
    cursor: pointer;
    font-weight: 500; }
    .tools-sidebar-content .sidebar-list-item.admin-sidebar.users:before {
      position: absolute;
      content: '';
      background: url("../../../img/users.svg");
      background-size: 23px 15px;
      height: 15px;
      width: 23px;
      left: 20px;
      top: 50%;
      margin-top: -7.5px; }
    .tools-sidebar-content .sidebar-list-item.admin-sidebar.acc-settings:before {
      position: absolute;
      content: '';
      background: url("../../../img/settings.svg");
      background-size: 19px 15px;
      height: 15px;
      width: 18px;
      left: 20px;
      top: 50%;
      margin-top: -7.5px; }
  .tools-sidebar-content .sidebar-list-item .btn-container {
    height: 65px;
    line-height: 65px;
    text-align: center; }
  .tools-sidebar-content .sidebar-list-item .list-search-container {
    position: relative;
    width: 100%; }
    .tools-sidebar-content .sidebar-list-item .list-search-container input {
      padding: 5px 30px 5px 10px;
      width: 100%;
      margin: 5px 0 15px 0; }
      .tools-sidebar-content .sidebar-list-item .list-search-container input::-webkit-input-placeholder {
        color: #ADB3B7; }
      .tools-sidebar-content .sidebar-list-item .list-search-container input::-moz-placeholder {
        color: #ADB3B7; }
      .tools-sidebar-content .sidebar-list-item .list-search-container input:-moz-placeholder {
        color: #ADB3B7; }
      .tools-sidebar-content .sidebar-list-item .list-search-container input:-ms-input-placeholder {
        color: #ADB3B7; }
    .tools-sidebar-content .sidebar-list-item .list-search-container .icon {
      position: absolute;
      background: url("../../../img/search.svg");
      background-size: 19px 15px;
      height: 15px;
      width: 18px;
      right: 10px;
      top: 50%;
      margin-top: -13.5px; }
  .tools-sidebar-content .sidebar-list-item .item-line {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 60px; }
    .tools-sidebar-content .sidebar-list-item .item-line:first-child {
      margin-top: 0; }
    .tools-sidebar-content .sidebar-list-item .item-line.checked {
      opacity: 1; }
    .tools-sidebar-content .sidebar-list-item .item-line.default .item-before-btns {
      opacity: 0.5; }
    .tools-sidebar-content .sidebar-list-item .item-line.default .item-text {
      opacity: 0.5; }
    .tools-sidebar-content .sidebar-list-item .item-line.default .del-btn {
      opacity: 0.3; }
    .tools-sidebar-content .sidebar-list-item .item-line .checkbox {
      margin-left: 8px; }
    .tools-sidebar-content .sidebar-list-item .item-line span {
      display: inline-block;
      vertical-align: top;
      margin-left: 8px;
      overflow: hidden;
      width: 100%;
      height: 100%;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .tools-sidebar-content .sidebar-list-item .item-line span.edit-btns {
        display: none; }
    .tools-sidebar-content .sidebar-list-item .item-line .item-before-btns {
      position: absolute;
      top: 0;
      bottom: 0;
      left: -34px;
      width: 35px; }
      .tools-sidebar-content .sidebar-list-item .item-line .item-before-btns .toggle-open {
        color: #7C7C7C;
        font-size: 20px;
        width: 18px;
        text-align: center;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        .tools-sidebar-content .sidebar-list-item .item-line .item-before-btns .toggle-open:hover {
          color: #012345;
          opacity: 1; }
      .tools-sidebar-content .sidebar-list-item .item-line .item-before-btns .icon-container {
        width: 20px;
        text-align: center; }
      .tools-sidebar-content .sidebar-list-item .item-line .item-before-btns .folder-icon {
        background-image: url("../../../img/file.svg");
        background-size: 14px 17px;
        height: 17px;
        width: 14px;
        display: inline-block;
        opacity: 0.5; }
    .tools-sidebar-content .sidebar-list-item .item-line .item-after-btns {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      display: flex;
      text-align: right;
      padding-top: 3px; }
      .tools-sidebar-content .sidebar-list-item .item-line .item-after-btns .del-btn {
        width: 12px;
        opacity: 0.5; }
        .tools-sidebar-content .sidebar-list-item .item-line .item-after-btns .del-btn:hover {
          opacity: 1;
          background-image: url("../../../img/basket_a.svg"); }
      .tools-sidebar-content .sidebar-list-item .item-line .item-after-btns .shared-icon {
        width: 12px;
        height: 12px;
        margin-top: 3px;
        margin-right: 5px;
        background-image: url("../../../img/share-icon.svg");
        background-size: 12px 12px; }
        .tools-sidebar-content .sidebar-list-item .item-line .item-after-btns .shared-icon.active {
          background-image: url("../../../img/share-icon-active.svg"); }
      .tools-sidebar-content .sidebar-list-item .item-line .item-after-btns .share-list {
        width: 12px;
        cursor: pointer;
        margin-left: 0;
        font-size: 15px; }
        .tools-sidebar-content .sidebar-list-item .item-line .item-after-btns .share-list.active {
          color: red; }
        .tools-sidebar-content .sidebar-list-item .item-line .item-after-btns .share-list.disabled {
          color: blue;
          cursor: default; }
      .tools-sidebar-content .sidebar-list-item .item-line .item-after-btns .gear-sidebar {
        width: 12px;
        height: 12px;
        margin-top: 2.5px;
        margin-right: 5px;
        cursor: pointer;
        margin-left: 0;
        background-image: url("../../../img/gear.svg");
        background-size: 12px 12px;
        opacity: 0.7; }
        .tools-sidebar-content .sidebar-list-item .item-line .item-after-btns .gear-sidebar:hover {
          opacity: 1; }
      .tools-sidebar-content .sidebar-list-item .item-line .item-after-btns .icon-sidebar-place {
        width: 12px;
        height: 12px; }
      .tools-sidebar-content .sidebar-list-item .item-line .item-after-btns .gear-dropdown {
        margin-top: 1px;
        right: 8px;
        background-image: none !important;
        box-shadow: none !important;
        background-color: #fff !important; }
        .tools-sidebar-content .sidebar-list-item .item-line .item-after-btns .gear-dropdown:hover {
          background-image: none !important;
          box-shadow: none !important;
          background-color: #fff !important; }
        .tools-sidebar-content .sidebar-list-item .item-line .item-after-btns .gear-dropdown a {
          font-size: 14px; }
        .tools-sidebar-content .sidebar-list-item .item-line .item-after-btns .gear-dropdown .gear-disabled {
          cursor: default;
          color: #ccc; }
      .tools-sidebar-content .sidebar-list-item .item-line .item-after-btns .checkbox-btn {
        height: 15px;
        width: 15px;
        background-image: url("../../../img/chb-inactive.svg");
        background-size: 15px 15px;
        cursor: pointer; }
    .tools-sidebar-content .sidebar-list-item .item-line .item-text {
      color: #576068;
      height: 20px; }
      .tools-sidebar-content .sidebar-list-item .item-line .item-text .editable-title {
        padding-right: 0; }
        .tools-sidebar-content .sidebar-list-item .item-line .item-text .editable-title input {
          padding-top: 0; }
        .tools-sidebar-content .sidebar-list-item .item-line .item-text .editable-title h1 {
          cursor: pointer; }
      .tools-sidebar-content .sidebar-list-item .item-line .item-text .sidebar-item-title {
        cursor: pointer; }
    .tools-sidebar-content .sidebar-list-item .item-line.header-line .folder-icon {
      background-image: url("../../../img/folder.svg");
      background-size: 20px 18px;
      width: 20px;
      height: 18px;
      opacity: 1; }
    .tools-sidebar-content .sidebar-list-item .item-line.header-line .del-btn {
      background-image: url("../../../img/basket.svg");
      background-size: 20px 15px;
      height: 15px;
      cursor: pointer;
      margin-top: 1px; }
    .tools-sidebar-content .sidebar-list-item .item-line.header-line .item-text {
      font-weight: 500; }
    .tools-sidebar-content .sidebar-list-item .item-line.header-line .checkbox-btn {
      height: 15px;
      width: 15px;
      background: #2A7BCC; }
    .tools-sidebar-content .sidebar-list-item .item-line.active .checkbox-btn {
      background-image: url("../../../img/chb-active.svg"); }
    .tools-sidebar-content .sidebar-list-item .item-line.active .folder-icon {
      opacity: 1; }

/*checkboxes*/
.checkbox {
  cursor: pointer;
  display: inline-block;
  /*label:hover {
        &:before {
            color: #CBD1D6;
            opacity: 1;
        }
    }*/ }
  .checkbox label {
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 2px solid #CBD1D6;
    position: relative;
    cursor: pointer;
    background: #ffffff; }
    .checkbox label:before {
      font-family: 'Protocols';
      content: "\005e";
      color: black;
      position: absolute;
      top: -3px;
      bottom: 0px;
      line-height: 20px;
      left: 0px;
      right: 0px;
      text-align: center;
      font-weight: 900;
      display: inline-block;
      font-size: 14px;
      cursor: pointer;
      opacity: 0; }
  .checkbox .ghost-check {
    width: 17px;
    height: 17px;
    position: absolute;
    right: 0;
    top: 3px;
    pointer-events: none; }
    .checkbox .ghost-check:before {
      font-family: 'Protocols';
      content: "\005e";
      color: #CBD1D6;
      position: absolute;
      top: -1px;
      bottom: 0px;
      line-height: 20px;
      left: 0px;
      right: 0px;
      text-align: center;
      font-weight: 900;
      display: inline-block;
      font-size: 14px;
      cursor: pointer;
      opacity: 0; }
    .checkbox .ghost-check.active:before {
      opacity: 1; }
  .checkbox input {
    visibility: hidden;
    width: 0px;
    height: 0px;
    padding: 0px;
    margin: 0px; }
  .checkbox input[type=checkbox]:checked + label:before {
    opacity: 1; }
  .checkbox input[type=checkbox]:checked + label:hover:before {
    color: black; }
  .checkbox .text {
    vertical-align: top;
    line-height: 20px;
    font-weight: 500;
    font-size: 12px;
    padding-left: 5px; }

/*Lightbox new-list*/
.new-list-lb {
  width: auto;
  min-width: 950px;
  min-height: 250px;
  text-align: center; }
  .new-list-lb .new-list-lb-container {
    width: 100%;
    display: inline-block; }
  .new-list-lb .extras-container {
    position: relative;
    display: inline-block;
    flex-grow: 1;
    margin-top: 2px; }
    .new-list-lb .extras-container .search-extras-results {
      position: absolute;
      margin-top: 10px;
      width: 100%;
      text-align: left;
      max-height: 150px;
      border: 2px solid #b2b2b2;
      background: #ffffff;
      padding: 5px 0;
      overflow: auto;
      z-index: 10; }
  .new-list-lb .extras-row {
    margin: 3px 0;
    cursor: pointer;
    padding: 0 10px;
    display: flex; }
    .new-list-lb .extras-row:hover {
      background: #AACFED; }
    .new-list-lb .extras-row.selected {
      position: absolute;
      padding: 3px 10px; }
      .new-list-lb .extras-row.selected:hover {
        background: #ffffff; }
        .new-list-lb .extras-row.selected:hover i {
          display: block; }
      .new-list-lb .extras-row.selected i {
        display: none;
        cursor: pointer;
        margin-top: 3px; }
    .new-list-lb .extras-row .extras-img {
      min-width: 20px;
      width: 20px;
      text-align: center;
      position: relative;
      display: inline-block;
      vertical-align: middle;
      line-height: 26px; }
      .new-list-lb .extras-row .extras-img img {
        width: 100%;
        vertical-align: middle; }
    .new-list-lb .extras-row .extras-text {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      padding: 3px 8px;
      height: 26px;
      display: inline-block;
      vertical-align: middle;
      color: #576068;
      max-width: 300px;
      text-align: left; }
  .new-list-lb .start-search {
    font-size: 25px;
    color: #b2b2b2;
    margin-bottom: 30px; }
  .new-list-lb .lb-search {
    text-align: center;
    position: relative;
    display: inline-block;
    width: 80%;
    margin: 10px auto; }
    .new-list-lb .lb-search.bott {
      margin-top: 0px;
      width: 100%; }
      .new-list-lb .lb-search.bott i {
        display: none; }
    .new-list-lb .lb-search input {
      width: 100%;
      border: 2px solid #b2b2b2;
      padding-right: 30px; }
    .new-list-lb .lb-search i {
      color: #b2b2b2;
      position: absolute;
      right: 10px;
      top: 8px;
      font-size: 22px;
      cursor: pointer; }
    .new-list-lb .lb-search .lb-s-btn {
      position: absolute;
      right: 2px;
      top: 4px;
      padding: 0px 5px;
      font-size: 14px;
      cursor: pointer; }
  .new-list-lb .lb-search-header {
    width: 100%;
    margin-top: 20px;
    text-align: left; }
    .new-list-lb .lb-search-header .lb-sh-block {
      display: flex; }
    .new-list-lb .lb-search-header .lb-search {
      display: inline-block;
      flex-grow: 1;
      width: 300px;
      margin: 0 10px 0 0;
      vertical-align: top; }
    .new-list-lb .lb-search-header input {
      margin: 0; }
    .new-list-lb .lb-search-header .lb-drop-down-container {
      width: 505px;
      margin: 0;
      padding: 0;
      display: inline-block;
      vertical-align: top; }
      .new-list-lb .lb-search-header .lb-drop-down-container .drop-down-label {
        margin-right: 10px;
        line-height: 37px; }
      .new-list-lb .lb-search-header .lb-drop-down-container .drop-down {
        height: 36px;
        margin: 0 -2px 0 0; }
        .new-list-lb .lb-search-header .lb-drop-down-container .drop-down .drop-down-list {
          top: 100%;
          left: -2px;
          right: -2px;
          width: auto;
          padding-top: 0; }
      .new-list-lb .lb-search-header .lb-drop-down-container .extras-container {
        margin: 0; }
    .new-list-lb .lb-search-header .blue-button {
      height: 37px;
      line-height: 37px; }
    .new-list-lb .lb-search-header .upload-button {
      margin-top: 10px; }
    .new-list-lb .lb-search-header .button-tipsy {
      margin-left: 10px; }
    .new-list-lb .lb-search-header .non-mine {
      position: relative;
      left: auto;
      bottom: auto;
      margin-top: 10px; }
    .new-list-lb .lb-search-header .extras-row.selected {
      display: block;
      margin: 10px 0 0 0;
      padding: 0;
      position: relative; }
      .new-list-lb .lb-search-header .extras-row.selected label {
        display: inline-block;
        margin-right: 10px;
        font-weight: bold;
        vertical-align: middle; }
      .new-list-lb .lb-search-header .extras-row.selected .pf-close, .new-list-lb .lb-search-header .extras-row.selected .pf-close:hover {
        display: inline-block; }
      .new-list-lb .lb-search-header .extras-row.selected:hover .pf-close, .new-list-lb .lb-search-header .extras-row.selected:hover .pf-close:hover {
        display: inline-block; }
    .new-list-lb .lb-search-header .extra-container .search-extras-results {
      margin-top: 0;
      z-index: 1000; }
  .new-list-lb .lb-drop-down-container {
    width: 80%;
    margin: 10px auto;
    display: flex;
    padding-bottom: 40px;
    position: relative; }
    .new-list-lb .lb-drop-down-container .drop-down-label {
      display: inline-block;
      vertical-align: bottom;
      margin-right: 20px;
      line-height: 40px; }
    .new-list-lb .lb-drop-down-container .drop-down {
      margin-top: 2px; }
  .new-list-lb .tools-table-container {
    margin-top: 20px; }
  .new-list-lb .new-list-tools-table {
    position: relative;
    min-height: 150px; }
  .new-list-lb .non-mine {
    text-align: left;
    vertical-align: middle;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    left: 0;
    bottom: 10px; }
    .new-list-lb .non-mine .checkbox {
      vertical-align: middle;
      margin-right: 10px; }

/*Update search*/
.update-search {
  position: absolute;
  top: 0px;
  bottom: 28px;
  right: 0px;
  left: 0px;
  font-size: 2px;
  background: rgba(0, 0, 0, 0.7);
  z-index: 100; }
  .update-search .v-align {
    font-size: 16px;
    color: white;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    height: auto; }
    .update-search .v-align span {
      cursor: pointer; }
  .update-search .child-v-align, .update-search .v-align {
    display: inline-block;
    vertical-align: middle; }
  .update-search .child-v-align {
    height: 100%; }
  .update-search button {
    margin-top: 5px; }

/*lightboxes*/
.lb-header-text {
  font-size: 30px;
  color: #576068;
  text-align: center;
  margin-top: 15px;
  line-height: 34px; }
  .lb-header-text.small {
    font-size: 19px; }
    .lb-header-text.small b {
      font-size: 21px; }

.confirm-btns {
  text-align: center;
  margin-top: 30px; }

.lb-btn {
  font-size: 12px;
  padding: 7px 15px;
  background: white;
  border: 2px solid #012345;
  color: #012345;
  border-radius: 6px;
  max-width: 230px;
  cursor: pointer;
  width: 100%;
  margin: 30px 10px;
  display: inline; }
  .lb-btn:hover {
    color: white;
    background: #012345; }
  .lb-btn.grey-btn {
    color: white;
    border: 2px solid rgba(255, 255, 255, 0);
    background: #CCCCCC; }
    .lb-btn.grey-btn.disabled {
      color: #666;
      background: #666; }
    .lb-btn.grey-btn:hover {
      background: #666; }
  .lb-btn.disabled {
    background: #012345;
    color: rgba(255, 255, 255, 0);
    cursor: auto; }
  .lb-btn.inactive {
    cursor: default;
    border-color: #ccc;
    color: #797979; }
    .lb-btn.inactive:hover {
      background: white; }
  .lb-btn.lb-btn-simpe {
    width: auto;
    margin: 10px 0; }

.preloader-btn {
  position: relative;
  display: inline-block;
  padding: 10px 0; }

/*new-list-lb*/
.name-new-list {
  width: 700px; }
  .name-new-list .lb-name input {
    border: 2px solid #b2b2b2;
    display: block;
    margin: 15px auto;
    width: 80%; }
    .name-new-list .lb-name input.error {
      border: 2px solid red !important; }
  .name-new-list .name-new-list-btns {
    text-align: center; }
    .name-new-list .name-new-list-btns .lb-btn {
      max-width: 110px;
      margin: 20px 10px; }

/*select*/
.drop-down {
  display: inline-block;
  height: 36px;
  max-width: 130px;
  width: 100%;
  border: 2px solid #b2b2b2;
  vertical-align: bottom;
  cursor: pointer;
  position: relative;
  padding: 0 25px 0 10px;
  line-height: 32px;
  margin-right: 30px;
  text-align: left;
  z-index: 8; }
  .drop-down:after {
    position: absolute;
    content: '';
    height: 6px;
    width: 12px;
    right: 8px;
    top: 50%;
    margin-top: -3px;
    background-image: url("../../../img/drop_down_arrow.svg");
    background-size: 12px 6px; }
  .drop-down .drop-down-list {
    position: absolute;
    top: -2px;
    left: -2px;
    background: white;
    width: 80%;
    border: 2px solid #b2b2b2;
    padding-top: 5px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .drop-down .drop-down-list.closed {
      display: none; }
    .drop-down .drop-down-list li {
      position: relative;
      padding-left: 20px;
      line-height: 25px;
      height: 25px;
      color: #000; }
      .drop-down .drop-down-list li:hover {
        background: #e1e1e1;
        color: #000;
        -webkit-box-shadow: inset 5px 0px 0px 0px #646464;
        -moz-box-shadow: inset 5px 0px 0px 0px #646464;
        box-shadow: inset 5px 0px 0px 0px #646464; }
      .drop-down .drop-down-list li.active {
        color: #00A7EA;
        -webkit-box-shadow: inset 5px 0px 0px 0px #00a7ea;
        -moz-box-shadow: inset 5px 0px 0px 0px #00a7ea;
        box-shadow: inset 5px 0px 0px 0px #00a7ea; }
      .drop-down .drop-down-list li.divider-after {
        height: 30px;
        margin-bottom: 3px;
        padding-bottom: 5px; }
        .drop-down .drop-down-list li.divider-after:after {
          content: " ";
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          height: 1px;
          background-color: #b2b2b2; }

/*HighCharts*/
.h-charts-container {
  display: block;
  margin: 20px 0;
  position: relative;
  display: flex;
  min-height: 400px; }
  .h-charts-container .h-container {
    width: 100%; }
  .h-charts-container.table-view {
    border-color: #ffffff;
    height: auto; }
    .h-charts-container.table-view .h-container {
      display: flex; }
      .h-charts-container.table-view .h-container .tables-container {
        width: 100%;
        border-bottom: 1px solid #b2b2b2; }
        .h-charts-container.table-view .h-container .tables-container > .tools-table-container {
          margin-top: 75px; }
        .h-charts-container.table-view .h-container .tables-container .tools-table-container {
          height: auto;
          margin-bottom: 15px; }
          .h-charts-container.table-view .h-container .tables-container .tools-table-container .tools-table {
            max-height: 400px; }
            .h-charts-container.table-view .h-container .tables-container .tools-table-container .tools-table tbody {
              max-height: 360px; }
      .h-charts-container.table-view .h-container .tools-table-header {
        padding: 0; }
        .h-charts-container.table-view .h-container .tools-table-header .col {
          height: 38px;
          padding: 12px 15px 9px 25px; }
    .h-charts-container.table-view .protocols-table-header {
      font-weight: 300;
      font-size: 20px;
      color: #4e4e4e;
      padding-left: 20px; }
  .h-charts-container .chart-name {
    position: absolute;
    left: 20px;
    top: 0;
    color: #848A90;
    font-size: 20px; }
    .h-charts-container .chart-name div {
      position: relative;
      display: inline-block;
      font-family: "Roboto", sans-serif;
      font-weight: 300;
      color: #4e4e4e; }
    .h-charts-container .chart-name .toggle-view-btn {
      background-image: url("../../../img/grid_view.svg");
      background-size: 19px 20px;
      height: 19px;
      width: 20px;
      margin: 0 20px 0 0;
      cursor: pointer;
      opacity: 0.8; }
      .h-charts-container .chart-name .toggle-view-btn:hover {
        opacity: 1; }
      .h-charts-container .chart-name .toggle-view-btn.table-view {
        background-image: url("../../../img/chart_view.svg");
        background-size: 28px 20px;
        width: 28px;
        margin-left: 68px; }
    .h-charts-container .chart-name .chart-description {
      display: block;
      font-size: 12px !important;
      font-weight: 300;
      color: #4e4e4e;
      margin-bottom: 5px; }
  .h-charts-container .period-btn {
    border: 1px solid #b2b2b2;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 300;
    padding: 5px 10px;
    margin: 0 10px;
    cursor: pointer;
    color: #b2b2b2; }
    .h-charts-container .period-btn:hover, .h-charts-container .period-btn.active {
      background: #b2b2b2;
      color: #ffffff; }
  .h-charts-container .total-analytics {
    position: absolute;
    right: 50px;
    top: 40px;
    font-size: 13px;
    display: flex;
    flex-wrap: wrap; }
    .h-charts-container .total-analytics .total-count {
      display: inline-block;
      font-weight: bold;
      width: 60px;
      text-align: right;
      margin-right: 5px; }
    .h-charts-container .total-analytics .legend-symbol {
      margin-right: 5px;
      width: 24px;
      height: 15px; }
    .h-charts-container .total-analytics .total-name {
      color: #848A90;
      max-width: 200px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .h-charts-container .total-analytics .total-title {
      font-size: 15px;
      font-weight: bold;
      color: #848A90;
      padding-left: 70px;
      margin-bottom: 10px; }

@media only screen and (max-width: 1500px) {
  .h-charts-container .chart-name div {
    font-size: 20px !important; } }

/*Admin tool*/
.analytics-users {
  padding: 20px 0; }
  .analytics-users .analytics-users-header {
    display: flex;
    padding: 0 20px; }
  .analytics-users .tools-header-text {
    font-size: 30px;
    color: #576068;
    line-height: 34px;
    flex-grow: 1; }
    .analytics-users .tools-header-text .tools-header-label {
      display: block;
      font-size: 15px; }

.create-account {
  padding: 20px; }
  .create-account .lb-header-text {
    margin-top: 0;
    text-align: left; }
  .create-account input {
    width: 100%; }
  .create-account .lb-name {
    margin: 15px 0;
    display: block;
    width: 80%; }
  .create-account .lb-link {
    margin: 15px 0;
    display: block;
    width: 80%; }
  .create-account .lb-logo {
    display: block;
    border: 2px dashed #b2b2b2;
    width: 100px;
    height: 100px;
    margin: 15px 0;
    cursor: pointer;
    overflow: hidden; }
    .create-account .lb-logo .upload {
      height: 100px;
      width: 100px;
      background: rgba(0, 0, 0, 0.5);
      color: #ffffff;
      display: none;
      text-align: center;
      line-height: 100px;
      margin: -2px; }
    .create-account .lb-logo:hover .upload {
      display: block; }
    .create-account .lb-logo img {
      width: 100%; }
  .create-account .confirm-btns {
    text-align: left; }
    .create-account .confirm-btns .lb-btn {
      margin-left: 0; }

.render-hint {
  height: 100%;
  width: 100%;
  text-align: center;
  position: relative; }
  .render-hint span {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    width: 100%;
    color: #a5a5a5;
    font-size: 15px; }

.reporting-container {
  padding: 0; }
  .reporting-container .header-text {
    padding: 20px 20px 10px 20px;
    font-size: 20px;
    color: #4e4e4e;
    font-weight: 300;
    font-family: "Roboto", sans-serif; }
  .reporting-container .get-chart-btn {
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    border: 2px solid #b2b2b2;
    border-radius: 8px;
    color: #576068;
    cursor: pointer;
    margin: 20px;
    vertical-align: middle; }
    .reporting-container .get-chart-btn:hover {
      color: #ffffff;
      background: #b2b2b2; }
  .reporting-container .input-container {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 30px;
    font-family: "Roboto", sans-serif;
    padding: 0 10px;
    color: #ffffff;
    max-width: 70%; }
    .reporting-container .input-container input {
      background: #ffffff;
      border: none;
      display: inline-block;
      color: #576068;
      font-size: 30px;
      font-family: "Roboto", sans-serif;
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .reporting-container .input-container span {
      display: inline-block;
      background-image: url("../../../img/edit.svg");
      width: 20px;
      height: 20px;
      cursor: pointer;
      position: absolute;
      right: -20px;
      top: 15px; }
  .reporting-container.su-charts-block .rc-chart-selector .drop-down {
    max-width: 400px !important; }

/*invite lightbox*/
.invite-lb {
  width: 80%;
  max-width: 800px;
  min-width: 400px; }
  .invite-lb .inputs-container {
    display: flex;
    margin: 15px 0; }
    .invite-lb .inputs-container input {
      margin: 0 5px;
      display: block; }
    .invite-lb .inputs-container .email-input {
      flex-grow: 1;
      min-width: 100px; }
    .invite-lb .inputs-container .first-name-input {
      width: 150px;
      min-width: 80px; }
    .invite-lb .inputs-container .last-name-input {
      width: 150px;
      min-width: 80px; }
  .invite-lb .add-more-colleagues {
    color: #397ad8;
    font-size: 13px;
    cursor: pointer;
    font-family: "Roboto", sans-serif; }

/*Reset Page*/
.reset-page {
  position: absolute;
  width: 400px;
  height: 300px;
  left: 50%;
  top: 200px;
  margin-left: -200px;
  font-family: "Roboto", sans-serif;
  text-align: center; }
  .reset-page .reset-error-email {
    width: 80%;
    display: inline-block;
    max-width: 300px;
    color: red;
    font-size: 12px;
    height: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden; }
    .reset-page .reset-error-email.active {
      height: 60px; }
  .reset-page .reset-title {
    color: #b2b2b2;
    font-size: 30px;
    margin-bottom: 30px;
    line-height: 34px; }
  .reset-page .reset-success {
    color: #b2b2b2;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 30px; }
  .reset-page input {
    width: 300px;
    margin-bottom: 20px; }
  .reset-page .reset-btn-container {
    position: relative; }
  .reset-page .reset-btn {
    border: 2px solid #00a7ea;
    border-radius: 8px;
    width: 300px;
    margin: 0 auto;
    padding: 5px 0 4px 0;
    cursor: pointer;
    color: #00a7ea;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out; }
    .reset-page .reset-btn:hover {
      background: #00a7ea;
      color: #ffffff; }
    .reset-page .reset-btn.disabled {
      background: #00a7ea;
      color: #00a7ea;
      cursor: auto; }
  .reset-page .thnk-email {
    color: #576068;
    font-weight: bold; }

.colleagues-row {
  display: flex;
  margin: 15px 0;
  font-size: 17px; }
  .colleagues-row .colleagues-col {
    width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 5px; }
    .colleagues-row .colleagues-col.email {
      flex-grow: 1;
      max-width: 200px; }

/*Account invitation*/
.accept-account-invitation .lb-name {
  margin: 10px auto;
  font-size: 16px;
  text-align: center; }

.accept-account-invitation .lb-link {
  margin: 10px auto;
  text-align: center; }

.accept-account-invitation .lb-logo {
  text-align: center; }
  .accept-account-invitation .lb-logo div {
    width: 150px;
    height: 150px;
    display: inline-block;
    border-radius: 150px;
    overflow: hidden; }
    .accept-account-invitation .lb-logo div img {
      width: 100%;
      height: 100%; }

/*admin*/
.invite-to-account-btn {
  padding: 0 15px;
  margin: 15px 0;
  border: 2px solid #012345;
  color: #012345;
  display: inherit;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  height: 35px;
  line-height: 32px; }
  .invite-to-account-btn:hover {
    background: #012345;
    color: #ffffff; }

/*New groups list*/
.new-list-lb.groups .tools-table-header .col.group_name {
  cursor: pointer; }

.new-list-lb.groups .col {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .new-list-lb.groups .col.group_name {
    flex-grow: 1;
    min-width: 200px;
    text-align: left; }
  .new-list-lb.groups .col.group_logo {
    width: 150px;
    min-width: 150px; }

.new-list-lb.groups .tools-table-body .col.group_logo {
  padding: 0 15px; }

.new-list-lb.groups .group-logo-container {
  height: 30px;
  width: 30px;
  overflow: hidden;
  display: inline-block;
  padding: 3px; }
  .new-list-lb.groups .group-logo-container img {
    width: 100%;
    height: 100%; }

/*New groups list*/
.new-list-lb.vendors .tools-table-header .col.vendor_name {
  cursor: pointer; }

.new-list-lb.vendors .col {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  .new-list-lb.vendors .col.vendor_name {
    flex-grow: 1;
    min-width: 200px;
    text-align: left; }
  .new-list-lb.vendors .col.vendor_logo {
    width: 150px;
    min-width: 150px; }

.new-list-lb.vendors .tools-table-body .col.vendor_logo {
  padding: 0 15px; }

.new-list-lb.vendors .vendor-logo-container {
  height: 30px;
  width: 30px;
  overflow: hidden;
  display: inline-block;
  padding: 3px; }
  .new-list-lb.vendors .vendor-logo-container img {
    width: 100%;
    height: 100%; }

/*SignIn*/
.sign-in-page {
  position: fixed;
  z-index: 20;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  background: rgba(255, 255, 255, 0.8); }

/*Landing page*/
.landing-page {
  position: relative;
  margin-top: 40px;
  width: 100%;
  text-align: center; }
  .landing-page .landing-title {
    font-size: 25px;
    margin-top: 50px;
    display: inline-block; }

/*charts preloader*/
.reports-preloader .preloader .spinner div {
  background-color: #ccc; }

.charts-preloader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  text-align: center;
  z-index: 100; }
  .charts-preloader .charts-preloader-title, .charts-preloader .cs-loader {
    display: inline-block;
    display: inline-block;
    margin: 150px 0;
    font-size: 25px;
    color: #576068; }
  .charts-preloader .preloader .spinner div {
    background: #397ad8; }

/*PDF*/
.export-window {
  background: white;
  font-family: "Roboto", sans-serif;
  padding: 5px 60px;
  color: #576068; }

.pdf-dates {
  margin: 15px 0; }

.pdf-header-text {
  text-align: left;
  font-size: 25px;
  margin: 20px 0; }

.pdf-image {
  text-align: center; }
  .pdf-image img {
    display: inline-block; }

.pdf-chart-box {
  page-break-inside: avoid;
  padding-bottom: 30px;
  border-bottom: 1px dashed #b2b2b2;
  margin-top: 40px; }

.pdf-chart-name {
  font-size: 25px;
  color: #576068;
  z-index: 10; }

.pdf-table-box {
  margin: 20px 0; }

.pdf-table {
  border: 2px solid #CBD1D6;
  page-break-inside: avoid;
  max-width: 570px; }
  .pdf-table td {
    font-size: 13px;
    border: 1px solid #CBD1D6;
    padding: 3px 5px;
    color: #000339;
    text-align: right; }
    .pdf-table td:first-child {
      text-align: left; }
  .pdf-table tr {
    border: 1px solid #CBD1D6; }
  .pdf-table thead td {
    text-transform: capitalize;
    background: #989EA3;
    color: white;
    position: relative; }
    .pdf-table thead td span {
      display: block;
      position: absolute; }

.q-pdf-table tr td {
  border-right: 1px solid #fff; }

.q-pdf-table tr:last-child {
  border-right: none; }

.q-pdf-table tr:nth-child(even) td {
  border-right: 1px solid #ededed; }

/*Reporting sidebar*/
.reporting-sidebar.traders {
  padding-top: 15px; }

.reporting-sidebar .charts-nav {
  font-size: 12px;
  text-align: left;
  font-weight: 300;
  width: auto;
  min-width: auto;
  margin-left: 4px; }
  .reporting-sidebar .charts-nav span {
    margin: 0 5px 5px 5px !important;
    padding: 3px 15px !important;
    vertical-align: top; }

.reporting-sidebar .drop-down {
  display: block;
  width: auto;
  font-weight: 500;
  color: #576068;
  text-transform: uppercase;
  max-width: none;
  min-width: auto;
  margin: 10px 14px 10px 8px; }
  .reporting-sidebar .drop-down:after {
    right: 10px; }
  .reporting-sidebar .drop-down .drop-down-list {
    border: 1px solid #CBD1D6;
    padding: 0;
    width: 100%;
    left: 0;
    top: 100%;
    border-right: 0; }
    .reporting-sidebar .drop-down .drop-down-list li {
      padding-left: 29px;
      line-height: 40px;
      height: 40px;
      color: #000; }
      .reporting-sidebar .drop-down .drop-down-list li:hover {
        background: #e1e1e1;
        color: #000;
        -webkit-box-shadow: inset 5px 0px 0px 0px #646464;
        -moz-box-shadow: inset 5px 0px 0px 0px #646464;
        box-shadow: inset 5px 0px 0px 0px #646464; }
      .reporting-sidebar .drop-down .drop-down-list li.active {
        color: #00A7EA;
        -webkit-box-shadow: inset 5px 0px 0px 0px #00a7ea;
        -moz-box-shadow: inset 5px 0px 0px 0px #00a7ea;
        box-shadow: inset 5px 0px 0px 0px #00a7ea; }

/*Material buttons*/
.ripple {
  overflow: hidden; }

.rippleEffect {
  position: absolute;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: transparent;
  -webkit-backface-visibility: hidden;
  animation: rippleDrop 0.8s;
  animation-timing-function: ease-out; }

.menu-animated {
  position: relative; }
  .menu-animated li {
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    transition: color 0.8s; }
    .menu-animated li.active {
      border-bottom: 0 !important;
      color: #00a6e7; }
    .menu-animated li .btn-layout {
      width: 50px;
      height: 50px;
      position: absolute;
      left: 0;
      top: 0; }
      .menu-animated li .btn-layout.mousedown {
        animation: rippleEff 0.4s; }
      .menu-animated li .btn-layout.mouseup {
        animation: rippleEffrev 0.4s; }
  .menu-animated .twmv-line {
    position: absolute;
    bottom: 0px;
    height: 2px;
    width: 0;
    background: #00a6e7;
    transition: left 0.2s, width 0.2s; }

@-webkit-keyframes rippleEff {
  from {
    opacity: 0; }
  to {
    opacity: 0.10; } }

@keyframes rippleEff {
  from {
    opacity: 0; }
  to {
    opacity: 0.10; } }

@-webkit-keyframes rippleEffrev {
  from {
    opacity: 0.10; }
  to {
    opacity: 0; } }

@keyframes rippleEffrev {
  from {
    opacity: 0.10; }
  to {
    opacity: 0; } }

@-webkit-keyframes rippleDrop {
  from {
    transform: scale(1);
    opacity: 0.14; }
  to {
    transform: scale(5);
    opacity: 0; } }

@keyframes rippleDrop {
  from {
    transform: scale(1);
    opacity: 0.14; }
  to {
    transform: scale(5);
    opacity: 0; } }

/*Edit profile*/
.edit-profile {
  width: 1000px; }
  .edit-profile .confirm-btns {
    text-align: right; }
  .edit-profile .settings-page {
    padding: 0 30px; }
  .edit-profile .data-block {
    margin-bottom: 20px; }
    .edit-profile .data-block .left-col {
      display: table-cell;
      position: relative;
      padding: 0;
      vertical-align: baseline; }
      .edit-profile .data-block .left-col img {
        border-radius: 50px;
        width: 100px;
        height: 100px;
        display: block; }
      .edit-profile .data-block .left-col .change-img {
        position: absolute;
        top: 0px;
        left: 0px;
        color: white;
        line-height: 100px;
        font-size: 12px;
        background: rgba(0, 3, 57, 0.5);
        border-radius: 100%;
        width: 100px;
        height: 100px;
        text-align: center;
        font-weight: 700;
        cursor: pointer; }
    .edit-profile .data-block .right-col {
      display: table-cell;
      vertical-align: middle;
      width: 100%;
      padding: 0 5px 0 20px; }
      .edit-profile .data-block .right-col .inline {
        display: inline-block;
        width: 35%; }
        .edit-profile .data-block .right-col .inline.middle {
          padding-left: 20px;
          width: 20%; }
        .edit-profile .data-block .right-col .inline.right {
          padding-left: 20px; }
    .edit-profile .data-block input {
      width: 100%; }
    .edit-profile .data-block .note {
      font-size: 12px;
      color: #A7A6B2; }
    .edit-profile .data-block.half input {
      width: 50%; }

/*Editable*/
.editable-title {
  position: relative;
  padding: 2px 30px 2px 5px;
  display: inline-block;
  transition: all 0.1s;
  width: 100%;
  overflow: hidden;
  height: 20px;
  line-height: 20px; }
  .editable-title h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 16px;
    line-height: 16px; }
  .editable-title .pf-pen {
    opacity: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 20px;
    text-align: center;
    font-size: 18px;
    background-color: #f0f0f0;
    cursor: pointer;
    padding-top: 1px; }
  .editable-title .edit-btns {
    display: none;
    width: auto !important;
    position: absolute;
    right: 0px;
    top: 2px;
    background-color: #f0f0f0;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    padding: 2px 0; }
    .editable-title .edit-btns .p-font {
      vertical-align: top;
      width: 16px;
      display: inline-block;
      height: 16px;
      line-height: 16px;
      background: #f5f5f5;
      margin: 0 3px;
      color: #707070;
      border: 1px solid #ccc;
      border-radius: 3px;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer; }
      .editable-title .edit-btns .p-font:hover {
        background: #e9e9e9;
        border-color: #999; }
  .editable-title input {
    font-family: "Roboto", sans-serif;
    border: none;
    padding: 0px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    margin: 0px;
    border-radius: 0;
    font-weight: bold; }
  .editable-title.normal:hover {
    cursor: text;
    transition: all 0.1s; }
    .editable-title.normal:hover .pf-pen {
      opacity: 1; }
  .editable-title.input {
    padding: 2px 40px 2px 5px;
    width: 100%; }
    .editable-title.input input {
      width: 100%; }
    .editable-title.input .edit-btns {
      display: inline-block !important; }

/*user drop down*/
.user-dropdown, .explore-dropdown, .user-small-dropdown {
  position: absolute;
  min-width: 320px;
  top: 60px;
  padding: 15px 10px 5px 25px;
  background: #FFF;
  border: 1px solid #dfdfdf;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
  font-size: 14px;
  line-height: 18px;
  display: none;
  right: -15px;
  opacity: 0;
  z-index: -2;
  transition: opacity .2s;
  width: 180px; }
  .user-dropdown.dropdown-active, .explore-dropdown.dropdown-active, .user-small-dropdown.dropdown-active {
    display: block;
    z-index: 2;
    opacity: 1; }
  .user-dropdown li, .explore-dropdown li, .user-small-dropdown li {
    display: block !important;
    float: none !important;
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap;
    line-height: 1.5 !important;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left; }
    .user-dropdown li .menu-news-icon, .explore-dropdown li .menu-news-icon, .user-small-dropdown li .menu-news-icon {
      width: 11px;
      height: 11px;
      display: inline-block;
      background: url(/img/explore/articles-icon.png);
      background-size: 11px 11px; }
    .user-dropdown li span, .user-dropdown li a, .explore-dropdown li span, .explore-dropdown li a, .user-small-dropdown li span, .user-small-dropdown li a {
      width: 100%;
      color: #00a6e7 !important;
      padding: 4px 15px !important;
      display: inline-block; }
      .user-dropdown li span:hover, .user-dropdown li a:hover, .explore-dropdown li span:hover, .explore-dropdown li a:hover, .user-small-dropdown li span:hover, .user-small-dropdown li a:hover {
        background-color: #00a6e7;
        color: white !important; }
        .user-dropdown li span:hover span, .user-dropdown li a:hover span, .explore-dropdown li span:hover span, .explore-dropdown li a:hover span, .user-small-dropdown li span:hover span, .user-small-dropdown li a:hover span {
          color: white !important; }
        .user-dropdown li span:hover .menu-news-icon, .user-dropdown li a:hover .menu-news-icon, .explore-dropdown li span:hover .menu-news-icon, .explore-dropdown li a:hover .menu-news-icon, .user-small-dropdown li span:hover .menu-news-icon, .user-small-dropdown li a:hover .menu-news-icon {
          background: url(/img/explore/articles-icon-white.png);
          background-size: 11px 11px; }
    .user-dropdown li.um-divider, .explore-dropdown li.um-divider, .user-small-dropdown li.um-divider {
      height: 1px;
      min-height: 1px;
      margin: 5px 0 !important;
      padding: 0;
      background-color: #dfdfdf; }
      .user-dropdown li.um-divider:hover, .explore-dropdown li.um-divider:hover, .user-small-dropdown li.um-divider:hover {
        background-color: #dfdfdf; }
    .user-dropdown li .dropdown-right, .explore-dropdown li .dropdown-right, .user-small-dropdown li .dropdown-right {
      position: absolute;
      right: 3px;
      top: 0;
      text-align: left;
      width: 90px; }
      .user-dropdown li .dropdown-right i, .explore-dropdown li .dropdown-right i, .user-small-dropdown li .dropdown-right i {
        font-size: 20px;
        vertical-align: middle; }
    .user-dropdown li:before, .user-dropdown li:after, .explore-dropdown li:before, .explore-dropdown li:after, .user-small-dropdown li:before, .user-small-dropdown li:after {
      content: " ";
      display: table;
      clear: both; }
  .user-dropdown .drop-right, .explore-dropdown .drop-right, .user-small-dropdown .drop-right {
    text-align: right; }
  .user-dropdown .drop-header, .explore-dropdown .drop-header, .user-small-dropdown .drop-header {
    padding: 4px 15px 0px 15px !important;
    font-weight: bold;
    cursor: default; }
    .user-dropdown .drop-header:hover, .explore-dropdown .drop-header:hover, .user-small-dropdown .drop-header:hover {
      background: transparent;
      color: #000339; }
  .user-dropdown a, .explore-dropdown a, .user-small-dropdown a {
    display: inline-block !important; }
  .user-dropdown .user-link, .explore-dropdown .user-link, .user-small-dropdown .user-link {
    margin-right: 50px; }
  .user-dropdown .invite-header-btn, .explore-dropdown .invite-header-btn, .user-small-dropdown .invite-header-btn {
    position: absolute;
    bottom: 15px;
    left: 25px;
    padding: 14px 30px;
    font-size: 14px;
    line-height: 14px;
    color: #00a6e7;
    background: #ebebeb;
    border: 0;
    border-radius: 5px;
    cursor: pointer; }

.user-small-dropdown {
  min-width: auto;
  padding: 5px 0;
  right: -8px;
  border-radius: 5px; }

.user-dropdown, .user-small-dropdown {
  width: 180px; }
  .user-dropdown:after, .user-dropdown:before, .user-small-dropdown:after, .user-small-dropdown:before {
    bottom: 100%;
    right: 23px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .user-dropdown:after, .user-small-dropdown:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 15px;
    margin-left: -15px; }
  .user-dropdown:before, .user-small-dropdown:before {
    height: 40px;
    border-color: rgba(223, 223, 223, 0);
    border-bottom-color: #dfdfdf;
    border-width: 16px;
    margin-left: -16px; }

.create-account-window {
  width: 400px;
  height: 400px;
  position: absolute;
  left: 50%;
  top: 100px;
  margin-left: -200px; }

/*User Accounts*/
.accounts-drop-down {
  position: relative; }
  .accounts-drop-down .user-accounts {
    background: white;
    color: #000;
    position: absolute;
    width: 100%;
    z-index: 10;
    border-bottom: 1px solid #CBD1D6;
    border-top: 1px solid #CBD1D6;
    left: 0;
    top: 40px; }
    .accounts-drop-down .user-accounts .account-row:hover {
      background: #e1e1e1;
      color: #000;
      -webkit-box-shadow: inset 5px 0px 0px 0px #646464;
      -moz-box-shadow: inset 5px 0px 0px 0px #646464;
      box-shadow: inset 5px 0px 0px 0px #646464; }
    .accounts-drop-down .user-accounts .account-row.active {
      color: #00A7EA;
      -webkit-box-shadow: inset 5px 0px 0px 0px #00a7ea;
      -moz-box-shadow: inset 5px 0px 0px 0px #00a7ea;
      box-shadow: inset 5px 0px 0px 0px #00a7ea; }
  .accounts-drop-down .account-row {
    cursor: pointer;
    display: flex;
    padding: 5px 5px 5px 20px; }
    .accounts-drop-down .account-row .account-logo {
      height: 30px;
      width: 30px;
      border-radius: 30px;
      overflow: hidden; }
      .accounts-drop-down .account-row .account-logo img {
        width: 100%; }
    .accounts-drop-down .account-row .account-name {
      flex-grow: 1;
      padding: 0 20px;
      height: 30px;
      line-height: 30px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .accounts-drop-down .account-row .account-arrow {
      position: absolute;
      content: '';
      height: 6px;
      width: 12px;
      right: 8px;
      top: 50%;
      margin-top: -3px;
      background-image: url("../../../img/drop_down_arrow.svg");
      background-size: 12px 6px; }

.sidebar-drop-down {
  width: auto;
  padding: 0 20px 0 20px;
  margin-bottom: 20px;
  position: relative;
  max-width: 280px; }
  .sidebar-drop-down .dropdown-items {
    position: absolute;
    top: 100%;
    left: 20px;
    right: 20px;
    width: auto;
    border: 1px solid #CBD1D6;
    z-index: 10; }
  .sidebar-drop-down .account-item, .sidebar-drop-down .ln-item.account-item {
    position: relative;
    padding: 5px 30px 5px 50px;
    line-height: 30px;
    background: #ffffff;
    cursor: pointer; }
    .sidebar-drop-down .account-item .account-logo, .sidebar-drop-down .ln-item.account-item .account-logo {
      position: absolute;
      left: 10px;
      top: 50%;
      height: 30px;
      width: 30px;
      margin-top: -15px; }
      .sidebar-drop-down .account-item .account-logo img, .sidebar-drop-down .ln-item.account-item .account-logo img {
        width: 100%;
        border-radius: 30px;
        vertical-align: top; }
    .sidebar-drop-down .account-item .account-name, .sidebar-drop-down .ln-item.account-item .account-name {
      height: 30px;
      line-height: 30px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .sidebar-drop-down .account-item .account-arrow, .sidebar-drop-down .ln-item.account-item .account-arrow {
      position: absolute;
      height: 6px;
      width: 12px;
      right: 8px;
      top: 50%;
      margin-top: -3px;
      background-image: url("../../../img/drop_down_arrow.svg");
      background-size: 12px 6px; }

.sidebar-drop-down .dropdown-active, .sidebar-drop-down .drop-down, .reporting-sidebar .dropdown-active, .reporting-sidebar .drop-down {
  border: solid 1px #ccc;
  background-color: #f3f3f3;
  background-image: linear-gradient(to top, #fefefe, #f3f3f3);
  background-image: -webkit-linear-gradient(top, #fefefe, #f3f3f3);
  background-image: -moz-linear-gradient(top, #fefefe, #f3f3f3);
  line-height: 36px;
  border: 1px solid #CBD1D6; }
  .sidebar-drop-down .dropdown-active:hover, .sidebar-drop-down .drop-down:hover, .reporting-sidebar .dropdown-active:hover, .reporting-sidebar .drop-down:hover {
    box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.2);
    background-image: linear-gradient(to top, #fafafa, #e9e9e9);
    background-image: -webkit-linear-gradient(top, #fafafa, #e9e9e9);
    background-image: -moz-linear-gradient(top, #fafafa, #e9e9e9); }

/*switcher mtrics/total */
.switcher-container {
  background: #EDEFF1;
  border-bottom: 1px solid #CBD1D6;
  padding: 0 10px;
  height: 45px;
  min-width: auto !important;
  text-align: left; }
  .switcher-container .switcher-btn {
    display: inline-block;
    margin: 10px 5px 3px 5px;
    padding: 5px 20px;
    border: 1px solid nont;
    background: none;
    vertical-align: top;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .switcher-container .switcher-btn.switcher-btn-active {
      margin-bottom: -1px;
      padding-bottom: 10px;
      border-bottom: 0;
      border-color: #CBD1D6;
      background: white; }
    .switcher-container .switcher-btn:hover {
      color: #00a6e7; }
    .switcher-container .switcher-btn.disabled {
      background: #edeff1;
      color: #576068;
      opacity: 0.8;
      cursor: default; }
      .switcher-container .switcher-btn.disabled:hover {
        color: #576068; }

/*Navigation styles*/
.charts-nav {
  flex-grow: 1;
  min-width: 340px; }
  .charts-nav .quarters-title {
    display: inline-block;
    background: white;
    padding: 5px 10px;
    border: 1px solid #a5a5a5;
    cursor: pointer;
    position: relative;
    z-index: 10;
    margin-left: 10px; }
    .charts-nav .quarters-title .quarters {
      position: absolute;
      width: calc(100% + 2px);
      background: white;
      color: #576068;
      border: 1px solid #a5a5a5;
      top: 30px;
      left: -1px;
      text-align: center; }
      .charts-nav .quarters-title .quarters div {
        cursor: pointer;
        padding: 3px 10px; }
        .charts-nav .quarters-title .quarters div a {
          color: #000; }
        .charts-nav .quarters-title .quarters div:hover {
          background: #e1e1e1;
          color: #000;
          -webkit-box-shadow: inset 5px 0px 0px 0px #646464;
          -moz-box-shadow: inset 5px 0px 0px 0px #646464;
          box-shadow: inset 5px 0px 0px 0px #646464; }
        .charts-nav .quarters-title .quarters div.active {
          color: #00A7EA;
          -webkit-box-shadow: inset 5px 0px 0px 0px #00a7ea;
          -moz-box-shadow: inset 5px 0px 0px 0px #00a7ea;
          box-shadow: inset 5px 0px 0px 0px #00a7ea; }
  .charts-nav span.charts-nav-span {
    display: inline-block;
    border: 2px solid #4E88DD;
    background: #4E88DD;
    color: #fff;
    line-height: 20px;
    border-radius: 6px;
    margin: 10px;
    padding: 5px 10px;
    cursor: pointer;
    transition: all 0.2s; }
    .charts-nav span.charts-nav-span:hover, .charts-nav span.charts-nav-span.active {
      background: #2c71d6;
      border: 2px solid #2c71d6;
      color: #fff; }
    .charts-nav span.charts-nav-span.disabled {
      cursor: auto;
      border-color: #576068;
      background: #576068;
      color: #fff;
      opacity: 0.5; }
      .charts-nav span.charts-nav-span.disabled:hover {
        color: #fff;
        background: #576068;
        border: 2px solid #576068; }

/*Growl*/
.growl {
  width: 140px;
  position: fixed;
  top: -140px;
  left: 50%;
  margin-left: -70px;
  padding: 5px;
  color: #fff;
  text-align: center;
  background: #404040;
  z-index: 100000000;
  transition: all .5s ease 0s;
  -webkit-transition: all .5s ease 0s; }
  .growl.show-growl {
    top: 0; }
  .growl p {
    display: inline-block; }
  .growl .spinner {
    display: inline-block;
    width: auto;
    margin: 0 0 0 5px; }
    .growl .spinner div {
      width: 5px;
      height: 5px;
      background-color: #fff; }

/*quarters tab*/
.quarters-container {
  padding: 20px; }
  .quarters-container a:hover {
    text-decoration: underline; }
  .quarters-container .lb-btn {
    display: inline-block;
    margin: 10px; }
    .quarters-container .lb-btn:hover {
      text-decoration: none; }
  .quarters-container .generating-pdf {
    color: #737373; }

/*v-align*/
.v-align, .v-content {
  display: inline-block;
  vertical-align: middle; }

.v-align {
  height: 100%; }

.v-content {
  font-size: 14px;
  text-align: left; }

/*privacy, terms*/
.privacy-page, .terms-page {
  height: 100%;
  padding-top: 60px; }
  .privacy-page .privacy-page-container, .privacy-page .terms-page-container, .terms-page .privacy-page-container, .terms-page .terms-page-container {
    height: 100%;
    overflow-y: auto; }

.conversions-container .h-charts-container {
  border-bottom: 0;
  margin-top: 0; }
  .conversions-container .h-charts-container.table-view .h-container .tables-container {
    border-bottom: 0; }
  .conversions-container .h-charts-container .chart-name {
    top: 30px;
    left: 30px; }
    .conversions-container .h-charts-container .chart-name .toggle-view-btn {
      margin-left: 40px; }

.traders-container {
  height: 100%;
  position: relative;
  z-index: 9; }
  .traders-container .h-charts-container {
    border-bottom: 0;
    margin-top: 0;
    height: 100%;
    margin: 0 !important; }
    .traders-container .h-charts-container .chart-name .periods {
      height: 32px;
      vertical-align: middle; }
      .traders-container .h-charts-container .chart-name .periods .period-btn {
        margin: 0 !important;
        margin-right: 10px !important; }
  .traders-container .overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 100000;
    text-align: center; }
    .traders-container .overlay .help-image-container {
      display: inline-block;
      background: white;
      padding: 30px;
      vertical-align: middle;
      width: 80%;
      max-width: 600px; }
      .traders-container .overlay .help-image-container img {
        width: 100%; }
      .traders-container .overlay .help-image-container .text {
        font-size: 18px;
        line-height: 20px; }

.tools-workarea .tools-workarea-content.twc-MENTIONS {
  height: 100%;
  padding-top: 5px; }
  .tools-workarea .tools-workarea-content.twc-MENTIONS .tools-workarea-menu {
    display: none; }
  .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container {
    padding: 10px 20px;
    height: 100%; }
    .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-search-container {
      margin-bottom: 10px;
      padding-bottom: 20px;
      position: relative;
      color: #999; }
      .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-search-container .mmc-hint {
        position: absolute;
        font-size: 12px;
        left: 0;
        bottom: 0; }
      .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-search-container .mmc-search-input {
        width: 300px; }
      .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-search-container .mentions-export {
        margin-left: 10px; }
    .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-totals {
      margin-bottom: 5px; }
    .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .non-mine {
      margin-left: 15px;
      display: inline-block; }
      .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .non-mine label, .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .non-mine span {
        vertical-align: top; }
      .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .non-mine label {
        margin-right: 5px; }
    .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-drop-down {
      display: inline-block;
      margin: 0 10px;
      height: 34px;
      border: 1px solid #e0e0e0;
      vertical-align: top;
      width: 250px;
      padding: 8px 10px;
      font-size: 14px;
      position: relative;
      z-index: 100; }
      .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-drop-down:after {
        content: '';
        position: absolute;
        right: 8px;
        top: 14px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 5px 0 5px;
        border-color: #999 transparent transparent transparent; }
      .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-drop-down .mmc-dd-list {
        position: absolute;
        left: -1px;
        right: -1px;
        top: 100%;
        border: 1px solid #e0e0e0; }
        .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-drop-down .mmc-dd-list .option {
          padding: 2px 10px;
          cursor: pointer;
          background: white; }
          .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-drop-down .mmc-dd-list .option:hover {
            background: #e0e0e0; }
    .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-table .mmc-t-line {
      display: flex; }
      .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-table .mmc-t-line .col {
        padding: 5px;
        text-align: left;
        border-right: 1px solid #e5e5e5; }
        .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-table .mmc-t-line .col.col-0 {
          min-width: 85px;
          max-width: 85px;
          text-align: center !important; }
        .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-table .mmc-t-line .col.col-3 {
          min-width: 85px;
          max-width: 85px;
          text-align: center !important; }
        .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-table .mmc-t-line .col.col-4 {
          min-width: 200px;
          max-width: 200px;
          text-align: center !important; }
        .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-table .mmc-t-line .col.col-1 {
          width: 50%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-table .mmc-t-line .col.col-2 {
          width: 50%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
    .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-table .mmc-t-header .col {
      text-align: center;
      background: #E9E9E9;
      cursor: pointer;
      font-size: 12px;
      font-weight: 700;
      user-select: none;
      position: relative; }
      .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-table .mmc-t-header .col:hover {
        background-color: #f3f3f3;
        box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.2); }
      .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-table .mmc-t-header .col.active_sort.up:after {
        content: '\2191';
        position: absolute;
        color: #000339;
        margin: 0 5px; }
      .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-table .mmc-t-header .col.active_sort.down:after {
        content: '\2193';
        position: absolute;
        color: #000339;
        margin: 0 5px; }
      .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-table .mmc-t-header .col .resize-tool {
        cursor: col-resize;
        position: absolute;
        top: 0;
        right: 0;
        width: 5px;
        bottom: 0; }
    .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-table .mmc-t-body .mmc-t-line {
      border-bottom: 1px solid #e5e5e5;
      border-left: 1px solid #e5e5e5; }
    .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-preloader {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 100;
      background: rgba(255, 255, 255, 0.6); }
      .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-preloader .charts-preloader-title {
        height: 100%;
        position: absolute;
        top: 50%;
        margin-top: -50px;
        left: 50%;
        font-size: 20px;
        width: 90px;
        text-align: center;
        margin-left: -45px; }
      .tools-workarea .tools-workarea-content.twc-MENTIONS .mentions-main-container .mmc-preloader .preloader .spinner div {
        background-color: #4e88dd; }

.tools-workarea .tools-workarea-content.twc-ADMIN {
  height: 100%;
  padding-top: 5px; }
  .tools-workarea .tools-workarea-content.twc-ADMIN .tools-workarea-menu {
    display: none; }

.tools-workarea .tools-workarea-content.twc-REPORTING .tools-workarea-menu {
  z-index: 9; }

.tools-workarea .tools-workarea-content.twc-REPORTING .h-charts-container .h-container {
  margin-top: -70px; }
  .tools-workarea .tools-workarea-content.twc-REPORTING .h-charts-container .h-container .total-analytics {
    top: -40px;
    width: 350px;
    line-height: 14px; }
    .tools-workarea .tools-workarea-content.twc-REPORTING .h-charts-container .h-container .total-analytics .total-row {
      display: inline-block;
      min-width: 175px;
      flex: 0 50%;
      flex-grow: 1;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
      .tools-workarea .tools-workarea-content.twc-REPORTING .h-charts-container .h-container .total-analytics .total-row .total-count {
        width: 85px; }
      .tools-workarea .tools-workarea-content.twc-REPORTING .h-charts-container .h-container .total-analytics .total-row.disabled {
        color: #aaa; }
        .tools-workarea .tools-workarea-content.twc-REPORTING .h-charts-container .h-container .total-analytics .total-row.disabled svg {
          fill: #aaa; }
      .tools-workarea .tools-workarea-content.twc-REPORTING .h-charts-container .h-container .total-analytics .total-row:hover .total-name {
        color: black; }
  @media (min-width: 1200px) {
    .tools-workarea .tools-workarea-content.twc-REPORTING .h-charts-container .h-container .total-analytics {
      width: 500px; } }

.tools-workarea .tools-workarea-content.twc-BENCHMARKS .tools-workarea-menu {
  z-index: initial; }

.tools-workarea .tools-workarea-content.twc-BENCHMARKS .chart-name {
  top: 10px; }

.tools-workarea .tools-workarea-content.twc-BENCHMARKS .h-charts-container {
  overflow: hidden; }
  .tools-workarea .tools-workarea-content.twc-BENCHMARKS .h-charts-container .h-container {
    margin-top: -40px; }
    .tools-workarea .tools-workarea-content.twc-BENCHMARKS .h-charts-container .h-container .total-analytics {
      top: 10px;
      width: 350px;
      line-height: 14px; }
      .tools-workarea .tools-workarea-content.twc-BENCHMARKS .h-charts-container .h-container .total-analytics .total-row {
        display: inline-block;
        width: 175px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        cursor: pointer; }
        .tools-workarea .tools-workarea-content.twc-BENCHMARKS .h-charts-container .h-container .total-analytics .total-row .total-count {
          width: 45px; }
        .tools-workarea .tools-workarea-content.twc-BENCHMARKS .h-charts-container .h-container .total-analytics .total-row.disabled {
          color: #aaa; }
          .tools-workarea .tools-workarea-content.twc-BENCHMARKS .h-charts-container .h-container .total-analytics .total-row.disabled svg {
            fill: #aaa; }
        .tools-workarea .tools-workarea-content.twc-BENCHMARKS .h-charts-container .h-container .total-analytics .total-row:hover:not(.no-hover) .total-name {
          color: black; }
        .tools-workarea .tools-workarea-content.twc-BENCHMARKS .h-charts-container .h-container .total-analytics .total-row.no-hover {
          cursor: default; }

.reporting-ip-filter {
  width: 800px; }
  .reporting-ip-filter .ip-hint {
    margin-bottom: 10px; }
  .reporting-ip-filter .ip-calculate-btn span {
    margin: 0 5px; }
  .reporting-ip-filter .ip-row {
    display: flex;
    margin-bottom: 10px; }
    .reporting-ip-filter .ip-row .ip-input-block {
      flex-grow: 1;
      flex-shrink: 0;
      padding: 0 5px; }
      .reporting-ip-filter .ip-row .ip-input-block.half-width {
        max-width: 50%; }
      .reporting-ip-filter .ip-row .ip-input-block input {
        width: 100%; }
  .reporting-ip-filter .ip-filters-table {
    max-height: 200px;
    overflow-y: auto;
    margin-top: 15px; }
    .reporting-ip-filter .ip-filters-table .ift-head, .reporting-ip-filter .ip-filters-table .ift-row {
      display: flex; }
    .reporting-ip-filter .ip-filters-table .ift-col {
      flex-shrink: 0;
      width: 16.66%;
      padding: 3px 5px; }

@media (max-width: 1200px) {
  .tools-workarea .tools-workarea-content.twc-REFERRERS .h-charts-container .h-container .total-analytics, .tools-workarea .tools-workarea-content.twc-SITEMETRICS .h-charts-container .h-container .total-analytics {
    left: 0px;
    top: 80px; } }

@media (max-width: 1240px) {
  .tools-workarea .tools-workarea-content.twc-REPORTING .tools-menu .date-input .date-range {
    right: -210px; } }

#long_name_hint {
  position: fixed;
  left: 0;
  top: 0;
  background: #fffceb;
  border: 1px solid #dadada;
  padding: 5px; }

.tools.su-page .sidebar-collapse, .tools.su-page .tools-sidebar {
  top: 60px; }

.tools.su-page .tools-workarea {
  margin-top: 60px;
  height: 100%; }

.tools.su-page .tools-sidebar-content {
  padding-top: 100px; }

.tools.su-page .lightbox .lb-title {
  font-size: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E5E9EC;
  line-height: 30px; }

.tools.su-page .lightbox .lb-row {
  display: flex; }
  .tools.su-page .lightbox .lb-row.lb-header-row {
    font-weight: 500;
    margin-bottom: 10px; }
  .tools.su-page .lightbox .lb-row .col {
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.tools.su-page .lightbox .account-vendors {
  width: 800px; }
  .tools.su-page .lightbox .account-vendors .lb-row {
    height: 26px;
    line-height: 28px; }
    .tools.su-page .lightbox .account-vendors .lb-row:nth-child(even):not(.lb-header-row) {
      background: #E5E9EC; }
  .tools.su-page .lightbox .account-vendors .col {
    text-align: center; }
  .tools.su-page .lightbox .account-vendors .col.n1 {
    flex-grow: 1;
    text-align: left; }
  .tools.su-page .lightbox .account-vendors .col.n2, .tools.su-page .lightbox .account-vendors .col.n3 {
    width: 10%;
    min-width: 150px; }
  .tools.su-page .lightbox .account-vendors .col.n4 {
    min-width: 100px;
    width: 100px; }
    .tools.su-page .lightbox .account-vendors .col.n4 .trash-icon {
      margin-top: 4px;
      display: inline-block;
      cursor: pointer;
      width: 16px;
      height: 18px;
      background-image: url(../../../img/basket_a.svg);
      background-size: 16px 18px; }
  .tools.su-page .lightbox .account-vendors .add-vendor {
    margin-bottom: 30px; }
    .tools.su-page .lightbox .account-vendors .add-vendor input {
      width: 300px; }
    .tools.su-page .lightbox .account-vendors .add-vendor .add-vendor-dd {
      width: 300px;
      position: absolute;
      z-index: 100;
      background: white;
      -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.44);
      -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.44);
      box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.44); }
      .tools.su-page .lightbox .account-vendors .add-vendor .add-vendor-dd.users {
        width: 400px; }
        .tools.su-page .lightbox .account-vendors .add-vendor .add-vendor-dd.users .dd-user-col {
          width: 50%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          padding: 0 5px; }
      .tools.su-page .lightbox .account-vendors .add-vendor .add-vendor-dd .dd-row {
        padding: 10px 15px;
        cursor: pointer;
        display: flex; }
        .tools.su-page .lightbox .account-vendors .add-vendor .add-vendor-dd .dd-row:hover {
          background: #E5E9EC; }
        .tools.su-page .lightbox .account-vendors .add-vendor .add-vendor-dd .dd-row .dd-vendor-name {
          flex-grow: 1;
          margin-left: 15px; }

.tools .accounts-container {
  padding: 50px; }
  .tools .accounts-container .accounts-table {
    overflow-y: auto; }
    .tools .accounts-container .accounts-table .col-header {
      cursor: pointer; }
    .tools .accounts-container .accounts-table .col {
      min-width: 150px;
      width: 150px;
      text-align: center; }
      .tools .accounts-container .accounts-table .col.account_name {
        width: auto;
        flex-grow: 1;
        text-align: left; }
      .tools .accounts-container .accounts-table .col .clickable-field {
        color: #00A7EA;
        cursor: pointer;
        text-decoration: underline; }
        .tools .accounts-container .accounts-table .col .clickable-field:hover {
          text-decoration: none; }
    .tools .accounts-container .accounts-table .row:nth-child(even) {
      background: #E5E9EC; }

/*Tables*/
.tools-table-container {
  height: 100%;
  width: 100%; }
  .tools-table-container .empty-field {
    color: transparent !important; }
  .tools-table-container .items-count {
    color: #b2b2b2;
    text-align: right;
    margin-top: 10px; }
  .tools-table-container .tools-table {
    position: relative;
    height: 100%;
    overflow: auto;
    table-layout: fixed;
    border-collapse: collapse;
    -webkit-overflow-scrolling: touch;
    display: inline-block; }
    .tools-table-container .tools-table::-webkit-scrollbar {
      height: 16px;
      overflow: visible;
      width: 16px; }
    .tools-table-container .tools-table::-webkit-scrollbar-track {
      background-clip: padding-box;
      border: solid transparent;
      border-width: 0 0 0 4px; }
    .tools-table-container .tools-table::-webkit-scrollbar-thumb {
      background-color: rgba(0, 0, 0, 0.2);
      background-clip: padding-box;
      border: solid transparent;
      border-width: 1px 1px 1px 6px;
      min-height: 28px;
      padding: 100px 0 0;
      box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.07); }
    .tools-table-container .tools-table::-webkit-scrollbar-thumb:horizontal {
      border-width: 6px 1px 1px;
      padding: 0 0 0 100px;
      box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.07); }
    .tools-table-container .tools-table::-webkit-scrollbar-thumb:hover {
      background-color: rgba(0, 0, 0, 0.4);
      box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25); }
    .tools-table-container .tools-table::-webkit-scrollbar-thumb:active {
      background-color: rgba(0, 0, 0, 0.5);
      box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35); }
    .tools-table-container .tools-table tr {
      border-left: 1px solid #e5e5e5;
      border-right: 1px solid #e5e5e5; }
    .tools-table-container .tools-table thead {
      position: relative;
      display: block;
      /*seperates the header from the body allowing it to be positioned*/ }
      .tools-table-container .tools-table thead th {
        min-width: 100px;
        max-width: 100px;
        height: 32px;
        background-color: #e9e9e9;
        font-size: 12px;
        font-weight: 700;
        color: #000339;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: pointer;
        line-height: 27px;
        position: relative; }
        .tools-table-container .tools-table thead th:hover {
          background-color: #f3f3f3;
          box-shadow: inset 0px 1px 5px rgba(0, 0, 0, 0.2); }
        .tools-table-container .tools-table thead th:last-child {
          border-right: none; }
        .tools-table-container .tools-table thead th:nth-child(1) {
          /*first cell in the header*/
          position: relative;
          display: block;
          height: 40px;
          z-index: 2; }
        .tools-table-container .tools-table thead th.active_sort.up span:after {
          content: '\2191';
          position: absolute;
          color: #000339;
          margin: 0 5px; }
        .tools-table-container .tools-table thead th.active_sort.down span:after {
          content: '\2193';
          position: absolute;
          color: #000339;
          margin: 0 5px; }
        .tools-table-container .tools-table thead th .col-drag {
          position: absolute;
          top: 0;
          bottom: 0;
          right: 0;
          width: 2px;
          background: #ccc;
          cursor: ew-resize;
          z-index: 2; }
    .tools-table-container .tools-table tbody {
      position: relative;
      display: block;
      /*seperates the tbody from the header*/
      max-height: calc(100% - 41px); }
      .tools-table-container .tools-table tbody tr {
        border-bottom: 1px solid #e5e5e5; }
      .tools-table-container .tools-table tbody td {
        min-width: 100px;
        max-width: 100px;
        background: white;
        text-align: center; }
        .tools-table-container .tools-table tbody td:nth-child(1) {
          /*the first cell in each tr*/
          position: relative;
          display: block;
          height: 30px;
          border-right: 2px solid #ccc;
          text-align: left; }
    .tools-table-container .tools-table .col {
      padding: 5px;
      height: 30px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

.total-metrics-container {
  padding-right: 0 !important;
  margin-bottom: 0 !important; }
  .total-metrics-container .tools-table-container {
    margin-bottom: 0; }

/*total metrics table*/
.total-metrics-container {
  padding: 0 20px;
  height: calc(100% - 50px);
  overflow: hidden; }
  .total-metrics-container .tools-table td:nth-child(1), .total-metrics-container .tools-table th:nth-child(1) {
    /*first cell in the body*/
    width: 250px;
    max-width: 250px; }

.total-metrics .tr:nth-child(even) .td {
  background: #E5E9EC; }

.total-metrics .td {
  text-align: center;
  border-bottom: 1px solid #CBD1D6; }
  .total-metrics .td.col-header {
    position: relative;
    cursor: pointer; }

.total-metrics.reagents thead th {
  min-width: 180px;
  max-width: 180px; }
  .total-metrics.reagents thead th.reagent_name {
    min-width: 300px;
    max-width: 300px;
    text-align: left; }

.total-metrics.reagents tbody td {
  min-width: 180px;
  max-width: 180px; }
  .total-metrics.reagents tbody td.reagent_name {
    min-width: 300px;
    max-width: 300px;
    text-align: left; }

.total-metrics .list_name:not(.col-header) {
  text-align: left !important; }

/*create list tables*/
.tools-table.new-list-table {
  width: 100%;
  min-width: 700px;
  overflow-y: auto !important;
  margin-bottom: 24px; }
  .tools-table.new-list-table.name-new-list {
    min-width: 450px; }
    .tools-table.new-list-table.name-new-list .row td {
      background: white !important; }
      .tools-table.new-list-table.name-new-list .row td.group_logo, .tools-table.new-list-table.name-new-list .row td.vendor_logo {
        display: table-cell !important; }
    .tools-table.new-list-table.name-new-list .row:nth-child(even) td {
      background: #E5E9EC !important; }
  .tools-table.new-list-table .col-drag {
    display: none !important; }
  .tools-table.new-list-table .row {
    display: table;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .tools-table.new-list-table .row:last-child {
      border-bottom: none; }
    .tools-table.new-list-table .row.checked .col {
      background: #AACFED; }
  .tools-table.new-list-table th:nth-child(1), .tools-table.new-list-table td:nth-child(1) {
    border-left: 2px solid #f5f5f5; }
  .tools-table.new-list-table th.protocol_id, .tools-table.new-list-table th.reagent_id, .tools-table.new-list-table th.group_id, .tools-table.new-list-table th.vendor_id, .tools-table.new-list-table td.protocol_id, .tools-table.new-list-table td.reagent_id, .tools-table.new-list-table td.group_id, .tools-table.new-list-table td.vendor_id {
    display: table-cell;
    width: 40px;
    max-width: 40px;
    min-width: 40px;
    padding: 0 10px;
    text-align: center !important;
    vertical-align: middle; }
    .tools-table.new-list-table th.protocol_id .checkbox label, .tools-table.new-list-table th.reagent_id .checkbox label, .tools-table.new-list-table th.group_id .checkbox label, .tools-table.new-list-table th.vendor_id .checkbox label, .tools-table.new-list-table td.protocol_id .checkbox label, .tools-table.new-list-table td.reagent_id .checkbox label, .tools-table.new-list-table td.group_id .checkbox label, .tools-table.new-list-table td.vendor_id .checkbox label {
      vertical-align: middle; }
    .tools-table.new-list-table th.protocol_id:nth-child(1), .tools-table.new-list-table th.reagent_id:nth-child(1), .tools-table.new-list-table th.group_id:nth-child(1), .tools-table.new-list-table th.vendor_id:nth-child(1), .tools-table.new-list-table td.protocol_id:nth-child(1), .tools-table.new-list-table td.reagent_id:nth-child(1), .tools-table.new-list-table td.group_id:nth-child(1), .tools-table.new-list-table td.vendor_id:nth-child(1) {
      display: table-cell;
      vertical-align: middle; }
  .tools-table.new-list-table th.created_by, .tools-table.new-list-table td.created_by {
    width: 200px;
    max-width: 200px;
    min-width: 200px; }
  .tools-table.new-list-table th.protocol_name, .tools-table.new-list-table th.chem_name, .tools-table.new-list-table th.group_name, .tools-table.new-list-table th.vendor_name, .tools-table.new-list-table td.protocol_name, .tools-table.new-list-table td.chem_name, .tools-table.new-list-table td.group_name, .tools-table.new-list-table td.vendor_name {
    display: table-cell !important;
    min-width: 100%;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left !important;
    vertical-align: middle; }
  .tools-table.new-list-table th.note, .tools-table.new-list-table td.note {
    min-width: 100px;
    max-width: 100px;
    text-align: left; }
  .tools-table.new-list-table th.vendor_logo, .tools-table.new-list-table td.vendor_logo {
    position: relative; }
    .tools-table.new-list-table th.vendor_logo .vendor-logo-container, .tools-table.new-list-table td.vendor_logo .vendor-logo-container {
      height: 30px;
      width: 30px;
      overflow: hidden;
      display: inline-block;
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -15px; }
      .tools-table.new-list-table th.vendor_logo .vendor-logo-container img, .tools-table.new-list-table td.vendor_logo .vendor-logo-container img {
        width: 100%;
        height: 100%; }
  .tools-table.new-list-table th.group_logo, .tools-table.new-list-table th.vendor_logo, .tools-table.new-list-table td.group_logo, .tools-table.new-list-table td.vendor_logo {
    position: relative; }
    .tools-table.new-list-table th.group_logo .group-logo-container, .tools-table.new-list-table th.vendor_logo .group-logo-container, .tools-table.new-list-table td.group_logo .group-logo-container, .tools-table.new-list-table td.vendor_logo .group-logo-container {
      height: 30px;
      width: 30px;
      overflow: hidden;
      display: inline-block;
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -15px; }
      .tools-table.new-list-table th.group_logo .group-logo-container img, .tools-table.new-list-table th.vendor_logo .group-logo-container img, .tools-table.new-list-table td.group_logo .group-logo-container img, .tools-table.new-list-table td.vendor_logo .group-logo-container img {
        width: 100%;
        height: 100%; }
  .tools-table.new-list-table td {
    background: #ffffff;
    color: #576068; }
    .tools-table.new-list-table td:nth-child(1) {
      height: 33px !important; }
    .tools-table.new-list-table td.note .new-list-item-icon {
      position: relative;
      min-width: 40px;
      padding: 0 3px;
      display: inline-block; }
      .tools-table.new-list-table td.note .new-list-item-icon:before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        width: 21px;
        height: 19px;
        margin: -16px -10px;
        display: none; }
      .tools-table.new-list-table td.note .new-list-item-icon.folder:before {
        display: block;
        background: url("../../../img/folder.svg");
        background-size: 21px 19px; }
      .tools-table.new-list-table td.note .new-list-item-icon.fork:before {
        background: url("../../../img/fork.svg");
        width: 10px;
        height: 15px;
        background-size: 10px 15px;
        margin: -14px -5px;
        display: block; }
    .tools-table.new-list-table td.note .new-list-item-version {
      display: inline-block;
      text-align: left; }
  .tools-table.new-list-table tbody {
    overflow: initial !important;
    max-height: 350px !important; }

/*Users*/
.users-table {
  min-width: 700px;
  padding: 0 20px; }
  .users-table .col-drag {
    display: none !important; }
  .users-table .col {
    border-right: 1px solid #E5E9EC;
    text-align: left !important; }
    .users-table .col.number {
      min-width: 40px;
      text-align: right !important;
      padding-left: 5px; }
    .users-table .col.email {
      min-width: 250px;
      max-width: 260px; }
    .users-table .col.full_name {
      min-width: 100px;
      width: 100%; }
    .users-table .col.remove_user {
      min-width: 100px;
      text-align: center !important;
      padding-left: 10px !important; }
      .users-table .col.remove_user .remove-user {
        display: inline-block;
        font-size: 12px;
        line-height: 20px;
        cursor: pointer; }
  .users-table tbody tr:last-child {
    border-bottom: 1px solid #E5E9EC; }

.referrers-sidebar {
  text-align: center;
  padding: 20px 10px; }
  .referrers-sidebar h3 {
    margin: 10px 0;
    padding: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px; }
  .referrers-sidebar .account-image {
    width: 150px;
    height: 150px;
    display: block;
    margin: 10px auto;
    overflow: hidden; }
    .referrers-sidebar .account-image img {
      width: 100%; }
  .referrers-sidebar a {
    padding: 0 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block; }

.blue-btn {
  color: #FFF;
  padding: 8px 15px;
  margin: 0 2px;
  border-radius: 4px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -moz-linear-gradient(180deg, #65b0ef 0%, #57a2e0 100%);
  background-image: -webkit-linear-gradient(180deg, #65B0EF 0%, #57A2E0 100%);
  background-image: linear-gradient(-90deg, #65B0EF 0%, #57A2E0 100%);
  -moz-box-shadow: inset 0px -1px 0px 0px #519FDF;
  -webkit-box-shadow: inset 0px -1px 0px 0px #519FDF;
  box-shadow: inset 0px -1px 0px 0px #519FDF;
  border: 1px solid #58A5E6;
  font-size: 13px;
  text-shadow: none;
  cursor: pointer; }

.window .window-close, .sign-window-close {
  color: #222;
  font-family: 'Open Sans', sans-serif;
  text-decoration: none;
  margin-right: 12px;
  margin-top: 10px;
  float: right;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .3s;
  transition: .3s; }

.window-helpticket {
  position: relative;
  border-radius: 5px;
  background: white;
  width: 90%;
  max-width: 1000px;
  margin: 40px auto;
  overflow: hidden;
  padding: 40px;
  color: #000339; }
  .window-helpticket .wt-header {
    margin-top: 20px; }
    .window-helpticket .wt-header:before, .window-helpticket .wt-header:after {
      content: " ";
      display: table;
      clear: both; }
    .window-helpticket .wt-header .radio {
      float: left;
      margin-bottom: 30px;
      padding-top: 23px; }
      .window-helpticket .wt-header .radio li {
        position: relative; }
        .window-helpticket .wt-header .radio li .radio-tipsy {
          position: absolute;
          top: 0;
          left: -40px;
          right: 0;
          bottom: 0;
          z-index: 0; }
      .window-helpticket .wt-header .radio li:nth-child(1) {
        margin-left: 40px; }
    .window-helpticket .wt-header .wt-title-input {
      width: auto;
      overflow: hidden; }
      .window-helpticket .wt-header .wt-title-input input {
        width: 100%; }
  .window-helpticket .wh-show-input {
    position: absolute;
    top: 20px;
    right: 20px; }
  .window-helpticket h2 {
    margin-bottom: 10px; }
    .window-helpticket h2 i {
      color: red;
      font-size: 40px;
      padding-right: 10px; }
    .window-helpticket h2 span {
      display: inline-block;
      vertical-align: top; }
  .window-helpticket .popover-content .slider {
    transition: all 0s; }
    .window-helpticket .popover-content .slider.private {
      transform-origin: 50% 0 0; }
    .window-helpticket .popover-content .slider.public {
      transform-origin: 50% 100% 0; }
    .window-helpticket .popover-content .slider.show {
      display: block;
      transform: scale(1, 1);
      max-height: 100%; }
    .window-helpticket .popover-content .slider.hide {
      display: none;
      transform: scale(1, 0);
      max-height: 0px; }
  .window-helpticket .note-item {
    font-size: 12px;
    line-height: 12px;
    color: #777777; }
  .window-helpticket .tickets-block input, .window-helpticket .tickets-block textarea {
    width: 100%; }
  .window-helpticket .tickets-block input {
    margin-bottom: 10px;
    font-size: 14px; }
  .window-helpticket .tickets-block textarea {
    resize: none;
    height: 150px;
    font-size: 14px; }
  .window-helpticket .tickets-block .tickets {
    width: 100%;
    padding-bottom: 30px; }
    .window-helpticket .tickets-block .tickets .pagination .active {
      background: #F6F6F4; }
    .window-helpticket .tickets-block .tickets li {
      padding: 20px 0 0 70px;
      position: relative; }
      .window-helpticket .tickets-block .tickets li:last-child {
        border-bottom: none; }
      .window-helpticket .tickets-block .tickets li .round-img {
        position: absolute;
        top: 10px;
        left: 0;
        cursor: pointer; }
      .window-helpticket .tickets-block .tickets li .ticket-toggle {
        cursor: pointer; }
      .window-helpticket .tickets-block .tickets li .ticket-head {
        font-size: 15px; }
        .window-helpticket .tickets-block .tickets li .ticket-head .ticket-rating {
          float: right; }
          .window-helpticket .tickets-block .tickets li .ticket-head .ticket-rating i {
            margin-left: 10px;
            cursor: pointer; }
          .window-helpticket .tickets-block .tickets li .ticket-head .ticket-rating .ticket-score {
            margin-left: 10px; }
      .window-helpticket .tickets-block .tickets li .ticket-comments {
        margin-top: 10px; }
      .window-helpticket .tickets-block .tickets li .ticket-comments-count {
        font-size: 13px;
        color: #03bacf;
        font-weight: 400;
        cursor: pointer; }
      .window-helpticket .tickets-block .tickets li .ticket-new-comment textarea {
        height: 50px; }
      .window-helpticket .tickets-block .tickets li .ticket-new-comment h3 {
        color: #A7A6B2; }
      .window-helpticket .tickets-block .tickets li .ticket-new-comment .ticket-navigation {
        text-align: right; }
        .window-helpticket .tickets-block .tickets li .ticket-new-comment .ticket-navigation button {
          margin-left: 10px; }
      .window-helpticket .tickets-block .tickets li .ticket-comments-list li {
        border-bottom: 0px;
        margin-bottom: 12px;
        padding-left: 50px;
        position: relative; }
        .window-helpticket .tickets-block .tickets li .ticket-comments-list li img {
          position: absolute;
          left: 0;
          width: 40px;
          height: 40px;
          border-radius: 20px;
          cursor: default; }
        .window-helpticket .tickets-block .tickets li .ticket-comments-list li .ticket-comment-head {
          font-size: 12px; }
          .window-helpticket .tickets-block .tickets li .ticket-comments-list li .ticket-comment-head .ticket-comment-name {
            color: #555;
            font-weight: bold;
            font-family: 'Open Sans', sans-serif; }
          .window-helpticket .tickets-block .tickets li .ticket-comments-list li .ticket-comment-head .ticket-comment-time {
            color: #A7A6B2;
            margin-left: 10px; }
        .window-helpticket .tickets-block .tickets li .ticket-comments-list li .ticket-comment-body {
          font-size: 14px;
          line-height: 20px; }
          .window-helpticket .tickets-block .tickets li .ticket-comments-list li .ticket-comment-body .ticket-comment-text {
            font-size: 13px;
            min-width: 250px; }
        .window-helpticket .tickets-block .tickets li .ticket-comments-list li .ticket-comment-rating {
          float: right; }
          .window-helpticket .tickets-block .tickets li .ticket-comments-list li .ticket-comment-rating span, .window-helpticket .tickets-block .tickets li .ticket-comments-list li .ticket-comment-rating i {
            padding-left: 5px; }
          .window-helpticket .tickets-block .tickets li .ticket-comments-list li .ticket-comment-rating i {
            cursor: pointer; }
          .window-helpticket .tickets-block .tickets li .ticket-comments-list li .ticket-comment-rating .trash-ticket-comment {
            margin-right: 30px; }
  .window-helpticket .close-ticket {
    margin-top: 25px; }
  .window-helpticket .navigation {
    margin-bottom: 25px;
    margin-top: 20px;
    text-align: right;
    float: none; }
    .window-helpticket .navigation .cancel-public-btn {
      text-decoration: none; }
    .window-helpticket .navigation button {
      margin-left: 10px; }

.window-closeticket {
  box-shadow: 0px 0px 100px 150px rgba(0, 0, 0, 0.5);
  margin-top: 100px; }

.ticket-loading {
  color: #57A3E0;
  font-size: 50px;
  width: 100%;
  text-align: center;
  margin: 100px 0;
  display: none; }

#tickets-list-block {
  display: block; }

@media (max-width: 810px) {
  .window-helpticket .wh-show-input {
    position: relative;
    top: auto;
    right: auto; } }

@media (max-width: 750px) {
  .window-helpticket .wt-header .wt-title-input {
    display: block;
    clear: both; } }

@media (max-width: 510px) {
  .window-helpticket h2 span {
    font-size: 18px; }
  .window-helpticket h2 i {
    font-size: 30px; }
  .window-helpticket .tickets-block .tickets li {
    padding-left: 0; }
    .window-helpticket .tickets-block .tickets li .ticket-info {
      padding-left: 70px;
      min-height: 70px; } }