@font-face {
  font-family: "SN Inter";
  src: url(/assets/fonts/Inter-Regular-0948705074dfe2ce7739f4909bb25eb92808940a9c47df990264bbf816c4d8a1.ttf) format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "SN Inter";
  src: url(/assets/fonts/Inter-SemiBold-d5757292ebc850b8ad40727c0ae46c6a91c3e932b2c61f5f8fb0a4d006a7cde4.ttf) format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "SN Inter";
  src: url(/assets/fonts/Inter-Bold-0920ff58b97ce9ca5e29edb117d8cfca664ad792d1a04fdbf83d4ce45966d2ca.ttf) format("truetype");
  font-weight: 900;
}
@font-face {
  font-family: "SN-icon-font";
  src: url(/assets/fonts/SN-icon-font-b8eab2eafbba2cb7740faaf58efc521b2b025c2428e08885021b7927ac3d48b4.eot?piwy67);
  src: url(/assets/fonts/SN-icon-font-b8eab2eafbba2cb7740faaf58efc521b2b025c2428e08885021b7927ac3d48b4.eot?piwy67#iefix) format("embedded-opentype"), url(/assets/fonts/SN-icon-font-e74c2141c2802cac6ad86d12c597b641887bc74a0545eeba17abaf74b3d6c363.woff2?piwy67) format("woff2"), url(/assets/fonts/SN-icon-font-1478df7b0dc1f69bf263eeef5afe3684371dc97b635a10f450df1a6c45a4c458.ttf?piwy67) format("truetype"), url(/assets/fonts/SN-icon-font-8c2a833891c20a83413cc11616b644e9c510a87b374de87ae24ca48f02c273fe.woff?piwy67) format("woff"), url(/assets/fonts/SN-icon-font-957e83de0c9cff7f573eb7322ac006ace24d143a01628a3dbb083060c85f3ad3.svg?piwy67#SN-icon-font) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=sn-icon-], [class*=" sn-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "SN-icon-font" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sn-icon-info:before {
  content: "\e900";
}

.sn-icon-arrow-left:before {
  content: "\e901";
}

.sn-icon-arrow-right:before {
  content: "\e902";
}

.sn-icon-visibility-show:before {
  content: "\e903";
}

.sn-icon-visibility-hide:before {
  content: "\e904";
}

.sn-icon-versions:before {
  content: "\e905";
}

.sn-icon-users:before {
  content: "\e906";
}

.sn-icon-user:before {
  content: "\e907";
}

.sn-icon-updates:before {
  content: "\e908";
}

.sn-icon-teams:before {
  content: "\e909";
}

.sn-icon-task:before {
  content: "\e90a";
}

.sn-icon-task-status-flow:before {
  content: "\e90b";
}

.sn-icon-task-data-display:before {
  content: "\e90c";
}

.sn-icon-tag:before {
  content: "\e90d";
}

.sn-icon-alert-dot:before {
  content: "\e90e";
}

.sn-icon-tables:before {
  content: "\e90f";
}

.sn-icon-support:before {
  content: "\e910";
}

.sn-icon-steps:before {
  content: "\e911";
}

.sn-icon-status-not-started:before {
  content: "\e912";
}

.sn-icon-status-in-progress:before {
  content: "\e913";
}

.sn-icon-status-done:before {
  content: "\e914";
}

.sn-icon-sort:before {
  content: "\e915";
}

.sn-icon-sort-up:before {
  content: "\e916";
}

.sn-icon-sort-down:before {
  content: "\e917";
}

.sn-icon-sign-out:before {
  content: "\e918";
}

.sn-icon-shared:before {
  content: "\e919";
}

.sn-icon-settings:before {
  content: "\e91a";
}

.sn-icon-send:before {
  content: "\e91b";
}

.sn-icon-send-solid:before {
  content: "\e91c";
}

.sn-icon-search:before {
  content: "\e91d";
}

.sn-icon-search-options:before {
  content: "\e91e";
}

.sn-icon-results:before {
  content: "\e91f";
}

.sn-icon-result-text:before {
  content: "\e920";
}

.sn-icon-result-image:before {
  content: "\e921";
}

.sn-icon-restore:before {
  content: "\e922";
}

.sn-icon-resize:before {
  content: "\e923";
}

.sn-icon-reset-password:before {
  content: "\e924";
}

.sn-icon-reports:before {
  content: "\e925";
}

.sn-icon-navigator-light:before {
  content: "\e926";
}

.sn-icon-navigator:before {
  content: "\e927";
}

.sn-icon-read-more:before {
  content: "\e928";
}

.sn-icon-protocols-templates:before {
  content: "\e929";
}

.sn-icon-projects:before {
  content: "\e92a";
}

.sn-icon-project-member-access:before {
  content: "\e92b";
}

.sn-icon-printer:before {
  content: "\e92c";
}

.sn-icon-down:before {
  content: "\e92d";
}

.sn-icon-notifications:before {
  content: "\e92e";
}

.sn-icon-notes:before {
  content: "\e92f";
}

.sn-icon-new-task:before {
  content: "\e930";
}

.sn-icon-right:before {
  content: "\e931";
}

.sn-icon-left:before {
  content: "\e932";
}

.sn-icon-move:before {
  content: "\e933";
}

.sn-icon-more-vert:before {
  content: "\e934";
}

.sn-icon-more-hori:before {
  content: "\e935";
}

.sn-icon-minus:before {
  content: "\e936";
}

.sn-icon-mini-folder-left:before {
  content: "\e937";
}

.sn-icon-manuscript:before {
  content: "\e938";
}

.sn-icon-manage-table:before {
  content: "\e939";
}

.sn-icon-locked-task:before {
  content: "\e93a";
}

.sn-icon-location:before {
  content: "\e93b";
}

.sn-icon-list-view:before {
  content: "\e93c";
}

.sn-icon-inventory:before {
  content: "\e93d";
}

.sn-icon-inventory-share:before {
  content: "\e93e";
}

.sn-icon-inventory-edit:before {
  content: "\e93f";
}

.sn-icon-import:before {
  content: "\e940";
}

.sn-icon-help:before {
  content: "\e941";
}

.sn-icon-help-s:before {
  content: "\e942";
}

.sn-icon-hamburger:before {
  content: "\e943";
}

.sn-icon-hamburger-big:before {
  content: "\e944";
}

.sn-icon-grid-view:before {
  content: "\e945";
}

.sn-icon-folder:before {
  content: "\e946";
}

.sn-icon-filter:before {
  content: "\e947";
}

.sn-icon-files:before {
  content: "\e948";
}

.sn-icon-file-word:before {
  content: "\e949";
}

.sn-icon-file-powerpoint:before {
  content: "\e94a";
}

.sn-icon-file-excel:before {
  content: "\e94b";
}

.sn-icon-export:before {
  content: "\e94c";
}

.sn-icon-experiment:before {
  content: "\e94d";
}

.sn-icon-expand:before {
  content: "\e94e";
}

.sn-icon-edit:before {
  content: "\e94f";
}

.sn-icon-duplicate:before {
  content: "\e950";
}

.sn-icon-drag:before {
  content: "\e951";
}

.sn-icon-double-navigate-before:before {
  content: "\e952";
}

.sn-icon-double-navigate-after:before {
  content: "\e953";
}

.sn-icon-dot-small:before {
  content: "\e954";
}

.sn-icon-delete:before {
  content: "\e955";
}

.sn-icon-dashboard:before {
  content: "\e956";
}

.sn-icon-created:before {
  content: "\e957";
}

.sn-icon-courses:before {
  content: "\e958";
}

.sn-icon-comments:before {
  content: "\e959";
}

.sn-icon-collapse:before {
  content: "\e95a";
}

.sn-icon-close:before {
  content: "\e95b";
}

.sn-icon-close-small:before {
  content: "\e95c";
}

.sn-icon-up:before {
  content: "\e95d";
}

.sn-icon-checkllist:before {
  content: "\e95e";
}

.sn-icon-check:before {
  content: "\e95f";
}

.sn-icon-card-view:before {
  content: "\e960";
}

.sn-icon-calendar:before {
  content: "\e961";
}

.sn-icon-calendar-small:before {
  content: "\e962";
}

.sn-icon-barcode:before {
  content: "\e963";
}

.sn-icon-attachment:before {
  content: "\e964";
}

.sn-icon-archive:before {
  content: "\e965";
}

.sn-icon-approval:before {
  content: "\e966";
}

.sn-icon-approval-small:before {
  content: "\e967";
}

.sn-icon-add-user:before {
  content: "\e968";
}

.sn-icon-activities:before {
  content: "\e969";
}

.sn-icon-send-comment:before {
  content: "\e96a";
}

.sn-icon-assign-to-task:before {
  content: "\e96b";
}

.sn-icon-arrow-down:before {
  content: "\e96c";
}

.sn-icon-arrow-up:before {
  content: "\e96d";
}

.sn-icon-signature:before {
  content: "\e96e";
}

.sn-icon-industry:before {
  content: "\e96f";
}

.sn-icon-alert-success:before {
  content: "\e970";
}

.sn-icon-alert-warning:before {
  content: "\e971";
}

.sn-icon-alert-destructive:before {
  content: "\e972";
}

.sn-icon-txt-t:before {
  content: "\e973";
}

.sn-icon-txt-a:before {
  content: "\e974";
}

.sn-icon-file-pdf:before {
  content: "\e975";
}

.sn-icon-save:before {
  content: "\e976";
}

.sn-icon-archived:before {
  content: "\e977";
}

.sn-icon-star:before {
  content: "\e978";
}

.sn-icon-star-filled:before {
  content: "\e979";
}

.sn-icon-marvinjs:before {
  content: "\e97a";
}

.sn-icon-sequence-editor:before {
  content: "\e97b";
}

.sn-icon-file-unknown:before {
  content: "\e97c";
}

.sn-icon-file-eln:before {
  content: "\e97d";
}

.sn-icon-arrow-s-down:before {
  content: "\e97e";
}

.sn-icon-arrow-s-up:before {
  content: "\e97f";
}

.sn-icon-arrow-s-left:before {
  content: "\e980";
}

.sn-icon-arrow-s-right:before {
  content: "\e981";
}

.sn-icon-add-text:before {
  content: "\e982";
}

.sn-icon-add-file:before {
  content: "\e983";
}

.sn-icon-add-photo-camera:before {
  content: "\e984";
}

.sn-icon-link:before {
  content: "\e985";
}

.sn-icon-link-s:before {
  content: "\e986";
}

.sn-icon-unlink:before {
  content: "\e987";
}

.sn-icon-unlink-s:before {
  content: "\e988";
}

.sn-icon-link-italic:before {
  content: "\e989";
}

.sn-icon-link-italic-s:before {
  content: "\e98a";
}

.sn-icon-unlink-italic:before {
  content: "\e98b";
}

.sn-icon-unlink-italic-s:before {
  content: "\e98c";
}

.sn-icon-open:before {
  content: "\e98d";
}

.sn-icon-history-search:before {
  content: "\e98e";
}

.sn-icon-item:before {
  content: "\e98f";
}

.sn-icon-move-arrows:before {
  content: "\e990";
}

.sn-icon-teams-small:before {
  content: "\e991";
}

.sn-icon-refresh:before {
  content: "\e992";
}

.sn-icon-pin:before {
  content: "\e993";
}

.sn-icon-pinned:before {
  content: "\e994";
}

.sn-icon-manage-columns:before {
  content: "\e995";
}

.sn-icon-expand-right:before {
  content: "\e996";
}

.sn-icon-collapse-left:before {
  content: "\e997";
}

.sn-icon-collapse-all:before {
  content: "\e998";
}

.sn-icon-expand-all:before {
  content: "\e999";
}

.sn-icon-clear-notifications:before {
  content: "\e99a";
}

.sn-icon-label-templates:before {
  content: "\e99b";
}

.sn-icon-file:before {
  content: "\e99c";
}

.sn-icon-corner-gripper:before {
  content: "\e99d";
}

.sn-icon-Stock:before {
  content: "\e99e";
}

.sn-icon-Publish:before {
  content: "\e99f";
}

.sn-icon-protocols-templates-mini:before {
  content: "\e9a0";
}

.sn-icon-projects-mini:before {
  content: "\e9a1";
}

.sn-icon-Project:before {
  content: "\e9a2";
}

.sn-icon-Project-mini:before {
  content: "\e9a3";
}

.sn-icon-folder-mini:before {
  content: "\e9a4";
}

.sn-icon-experiment-mini:before {
  content: "\e9a5";
}

.sn-icon-task-mini:before {
  content: "\e9a6";
}

.sn-icon-flag:before {
  content: "\e9a7";
}

.sn-icon-undo:before {
  content: "\e9a8";
}

.sn-icon-upgrade:before {
  content: "\e9a9";
}

.sn-icon-test-tube:before {
  content: "\e9aa";
}

.sn-icon-storage:before {
  content: "\e9ab";
}

.sn-icon-outbound:before {
  content: "\e9ac";
}

.sn-icon-align-horizontal-center:before {
  content: "\e9ad";
}

.sn-icon-align-horizontal-justify:before {
  content: "\e9ae";
}

.sn-icon-align-horizontal-left:before {
  content: "\e9af";
}

.sn-icon-align-horizontal-right:before {
  content: "\e9b0";
}

.sn-icon-align-vertical-bottom:before {
  content: "\e9b1";
}

.sn-icon-align-vertical-center:before {
  content: "\e9b2";
}

.sn-icon-align-vertical-top:before {
  content: "\e9b3";
}

.sn-icon-border-all:before {
  content: "\e9b4";
}

.sn-icon-border-bottom:before {
  content: "\e9b5";
}

.sn-icon-border-horizontal:before {
  content: "\e9b6";
}

.sn-icon-border-clear:before {
  content: "\e9b7";
}

.sn-icon-border-inner:before {
  content: "\e9b8";
}

.sn-icon-border-left:before {
  content: "\e9b9";
}

.sn-icon-border-outer:before {
  content: "\e9ba";
}

.sn-icon-border-palette:before {
  content: "\e9bb";
}

.sn-icon-border-right:before {
  content: "\e9bc";
}

.sn-icon-border-top:before {
  content: "\e9bd";
}

.sn-icon-border-vertical:before {
  content: "\e9be";
}

.sn-icon-color-fill:before {
  content: "\e9bf";
}

.sn-icon-fullscreen-enter:before {
  content: "\e9c0";
}

.sn-icon-fullscreen-exit:before {
  content: "\e9c1";
}

.sn-icon-photo-add:before {
  content: "\e9c2";
}

.sn-icon-redo:before {
  content: "\e9c3";
}

.sn-icon-table-header-row:before {
  content: "\e9c4";
}

.sn-icon-text-bold:before {
  content: "\e9c5";
}

.sn-icon-text-format:before {
  content: "\e9c6";
}

.sn-icon-text-fields:before {
  content: "\e9c7";
}

.sn-icon-merge-cells:before {
  content: "\e9c8";
}

.sn-icon-text-Italic:before {
  content: "\e9c9";
}

.sn-icon-forms:before {
  content: "\e9ca";
}

.sn-icon-value:before {
  content: "\e9cb";
}

.sn-icon-choice-multiple:before {
  content: "\e9cc";
}

.sn-icon-choice-single:before {
  content: "\e9cd";
}

.sn-icon-printer-labels:before {
  content: "\e9ce";
}

:root {
  --sn-white: #FFFFFF;
  --sn-super-light-grey: #F9F9F9;
  --sn-light-grey: #EAECF0;
  --sn-sleepy-grey: #D0D5DD;
  --sn-grey: #98A2B3;
  --sn-dark-grey: #475467;
  --sn-black: #1D2939;
  --sn-blue: #104DA9;
  --sn-science-blue: #3B99FD;
  --sn-super-light-blue: #F0F8FF;
  --sn-blue-hover: #254981;
  --sn-science-blue-hover: #79B4F3;
  --sn-alert-green: #5EC66F;
  --sn-alert-violet: #6F2DC1;
  --sn-alert-brittlebush: #E9A845;
  --sn-alert-passion: #DF3562;
  --sn-alert-turqoise: #46C3C8;
  --sn-alert-bloo: #3070ED;
  --sn-alert-blue-disabled: #87A6D4;
  --sn-alert-green-disabled: #AEE3B7;
  --sn-alert-violet-disabled: #B796E0;
  --sn-alert-brittlebush-disabled: #F4D3A2;
  --sn-alert-passion-disabled: #EF9AB0;
  --sn-alert-turqoise-disabled: #A2E1E3;
  --sn-alert-science-blue-disabled: #9DCCFE;
  --sn-delete-red: #CE0C24;
  --sn-delete-red-hover: #AD0015;
  --sn-delete-red-disabled: #F5D7DB;
  --sn-coral: #FB565B;
  --sn-background-blue: #DBE4F2;
  --sn-background-green: #E7F7E9;
  --sn-background-violet: #E9DFF6;
  --sn-background-brittlebush: #FCF2E3;
  --sn-background-passion: #FAE1E7;
  --sn-background-turqoise: #E3F6F7;
  --sn-background-bloo: #E2F0FF;
}

.sci-divider {
  background-image: linear-gradient(to right, var(--sn-sleepy-grey) 20%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 5px 1px;
  background-repeat: repeat-x;
  display: inline-block;
  flex-grow: 1;
  height: 1px;
  width: 100%;
}

:root {
  --sn-white: #FFFFFF;
  --sn-super-light-grey: #F9F9F9;
  --sn-light-grey: #EAECF0;
  --sn-sleepy-grey: #D0D5DD;
  --sn-grey: #98A2B3;
  --sn-dark-grey: #475467;
  --sn-black: #1D2939;
  --sn-blue: #104DA9;
  --sn-science-blue: #3B99FD;
  --sn-super-light-blue: #F0F8FF;
  --sn-blue-hover: #254981;
  --sn-science-blue-hover: #79B4F3;
  --sn-alert-green: #5EC66F;
  --sn-alert-violet: #6F2DC1;
  --sn-alert-brittlebush: #E9A845;
  --sn-alert-passion: #DF3562;
  --sn-alert-turqoise: #46C3C8;
  --sn-alert-bloo: #3070ED;
  --sn-alert-blue-disabled: #87A6D4;
  --sn-alert-green-disabled: #AEE3B7;
  --sn-alert-violet-disabled: #B796E0;
  --sn-alert-brittlebush-disabled: #F4D3A2;
  --sn-alert-passion-disabled: #EF9AB0;
  --sn-alert-turqoise-disabled: #A2E1E3;
  --sn-alert-science-blue-disabled: #9DCCFE;
  --sn-delete-red: #CE0C24;
  --sn-delete-red-hover: #AD0015;
  --sn-delete-red-disabled: #F5D7DB;
  --sn-coral: #FB565B;
  --sn-background-blue: #DBE4F2;
  --sn-background-green: #E7F7E9;
  --sn-background-violet: #E9DFF6;
  --sn-background-brittlebush: #FCF2E3;
  --sn-background-passion: #FAE1E7;
  --sn-background-turqoise: #E3F6F7;
  --sn-background-bloo: #E2F0FF;
}

.fas {
  align-items: center;
  display: inline-flex !important;
  justify-content: center;
  height: 24px;
  width: 24px;
}

.sn-icon {
  font-size: 24px !important;
  vertical-align: middle;
}
.sn-icon.mini {
  font-size: 16px !important;
}
.sn-icon.sn-icon-large {
  font-size: 36px !important;
}

.sn-checkbox-icon {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1rem;
  width: 1rem;
  min-height: 1rem;
  min-width: 1rem;
}
.sn-checkbox-icon.unchecked {
  background-image: url(/assets/checkbox/default-bc4fbb17c048475bd6711f3d15f520786dca066d9b81014d4dc422479d04c368.svg);
}
.sn-checkbox-icon.checked {
  background-image: url(/assets/checkbox/checked-a5e14612f0343b04605d992ee7c3416c1b79065c828a7584e7ac0460e12d6050.svg);
}
.sn-checkbox-icon.disabled {
  background-image: url(/assets/checkbox/disabled-811df4acf4eeb8a6b992dc6d9a5a33e195f90d1190ef61d6f4dbee2a18246534.svg);
}
.sn-checkbox-icon.indeterminate {
  background-image: url(/assets/checkbox/indeterminate-96eddc3c05ae8e48c01fdb1ee099ef3d6bc9ed0b35894545648579f85219b9b7.svg);
}

html {
  font-size: 16px !important;
}

h1 {
  font-size: 24px;
  font-weight: bold;
}

h2 {
  font-size: 18px;
  font-weight: bold;
}

h3 {
  font-size: 16px;
  font-weight: bold;
}

h4 {
  font-size: 16px;
  font-weight: bold;
}

h5 {
  font-size: 16px;
  font-weight: bold;
}

h6 {
  font-size: 16px;
  font-weight: bold;
}

.sn-shadow-flyout {
  box-shadow: 0px 1px 4px rgba(35, 31, 32, 0.15);
}

.sn-shadow-menu-sm {
  box-shadow: 0px 16px 32px 0px rgba(16, 24, 40, 0.07);
}

.sn-shadow-menu-lg {
  box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
}

@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}
.notransition {
  -moz-transition: none !important;
  -o-transition: none !important;
  -webkit-transition: none !important;
  transition: none !important;
}

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  width: 19em;
}

@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: "";
  display: inline-block;
  position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}

.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}

.bootstrap-datetimepicker-widget .btn[data-action=clear]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn[data-action=today]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}

.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}

.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}

.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}

.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}

.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}

.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}

.bootstrap-datetimepicker-widget table td.cw {
  font-size: 0.8em;
  height: 20px;
  line-height: 20px;
  color: #777777;
}

.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}

.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}

.bootstrap-datetimepicker-widget table td.today:before {
  content: "";
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}

.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}

.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}

.bootstrap-datetimepicker-widget.wider {
  width: 21em;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important;
}

.input-group.date .input-group-addon {
  cursor: pointer;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/*
 * A colorselector for Twitter Bootstrap which lets you select a color from a predefined set of colors only.
 * https://github.com/flaute/bootstrap-colorselector
 *
 * Copyright (C) 2014 Flaute
 *
 * Licensed under the MIT license
 */
/* colorselector dropdown */
.dropdown-colorselector > .dropdown-menu {
  top: 80%;
  left: -7px;
  padding: 4px;
  min-width: 130px;
  max-width: 130px;
}

/*
.dropdown-colorselector>.dropdown-menu.pull-right {
  right: -7px;
  left: auto;
}
*/
.dropdown-colorselector > .dropdown-menu > li {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  margin: 2px;
}

.dropdown-colorselector > .dropdown-menu > li > .color-btn {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  position: relative;
  -webkit-transition: all ease 0.1s;
  transition: all ease 0.1s;
}

.dropdown-colorselector > .dropdown-menu > li > .color-btn:hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}

.dropdown-colorselector > .dropdown-menu > li > .color-btn.selected:after {
  content: "\e013";
  font-family: "Glyphicons Halflings";
  display: inline-block;
  font-size: 11px;
  color: #FFF;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 20px;
}

.btn-colorselector {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #DDD;
  vertical-align: middle;
  border-radius: 0;
}

.dropdown-menu.dropdown-caret:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  left: 9px;
  position: absolute;
  top: -7px;
}

.dropdown-menu.dropdown-caret:after {
  border-bottom: 6px solid #FFFFFF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  left: 10px;
  position: absolute;
  top: -6px;
}

/*
.dropdown-menu.pull-right.dropdown-caret:before {
  left: auto;
  right: 9px;
}

.dropdown-menu.pull-right.dropdown-caret:after {
  left: auto;
  right: 10px;
}
*/
/*
 * bootstrap-tagsinput v0.8.0
 * Licensed under the MIT license
 * Copyright (c) 2013 Tim Schlechter
 */
.bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  padding: 4px 6px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
  cursor: text;
}

.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: auto;
  max-width: inherit;
}

.bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #777;
  opacity: 1;
}

.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #777;
}

.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #777;
}

.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}

.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
}

.bootstrap-tagsinput .tag [data-role=remove] {
  margin-left: 8px;
  cursor: pointer;
}

.bootstrap-tagsinput .tag [data-role=remove]:after {
  content: "x";
  padding: 0px 2px;
}

.bootstrap-tagsinput .tag [data-role=remove]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.bootstrap-tagsinput .tag [data-role=remove]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/*
 * bootstrap-tagsinput v0.8.0
 * Licensed under the MIT license
 * Copyright (c) 2013 Tim Schlechter
 */
.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
  margin-bottom: 0;
}

.twitter-typeahead .tt-hint {
  display: none;
}

.tt-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  cursor: pointer;
}

.tt-suggestion {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}

.tt-suggestion:hover,
.tt-suggestion:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}

/*!
  Licensed under the MIT license
  Copyright (c) 2014 Ivan Bozhanov
  jsTree - v3.3.11 - 2020-12-18 - (MIT)
*/
.jstree-node, .jstree-children, .jstree-container-ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}

.jstree-node {
  white-space: nowrap;
}

.jstree-anchor {
  display: inline-block;
  color: black;
  white-space: nowrap;
  padding: 0 4px 0 1px;
  margin: 0;
  vertical-align: top;
}

.jstree-anchor:focus {
  outline: 0;
}

.jstree-anchor, .jstree-anchor:link, .jstree-anchor:visited, .jstree-anchor:hover, .jstree-anchor:active {
  text-decoration: none;
  color: inherit;
}

.jstree-icon {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}

.jstree-icon:empty {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  text-align: center;
}

.jstree-ocl {
  cursor: pointer;
}

.jstree-leaf > .jstree-ocl {
  cursor: default;
}

.jstree .jstree-open > .jstree-children {
  display: block;
}

.jstree .jstree-closed > .jstree-children, .jstree .jstree-leaf > .jstree-children {
  display: none;
}

.jstree-anchor > .jstree-themeicon {
  margin-right: 2px;
}

.jstree-no-icons .jstree-themeicon, .jstree-anchor > .jstree-themeicon-hidden {
  display: none;
}

.jstree-hidden, .jstree-node.jstree-hidden {
  display: none;
}

.jstree-rtl .jstree-anchor {
  padding: 0 1px 0 4px;
}

.jstree-rtl .jstree-anchor > .jstree-themeicon {
  margin-left: 2px;
  margin-right: 0;
}

.jstree-rtl .jstree-node {
  margin-left: 0;
}

.jstree-rtl .jstree-container-ul > .jstree-node {
  margin-right: 0;
}

.jstree-wholerow-ul {
  position: relative;
  display: inline-block;
  min-width: 100%;
}

.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
  cursor: pointer;
}

.jstree-wholerow-ul .jstree-anchor, .jstree-wholerow-ul .jstree-icon {
  position: relative;
}

.jstree-wholerow-ul .jstree-wholerow {
  width: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.jstree-contextmenu .jstree-anchor {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.vakata-context {
  display: none;
}

.vakata-context, .vakata-context ul {
  margin: 0;
  padding: 2px;
  position: absolute;
  background: #f5f5f5;
  border: 1px solid #979797;
  box-shadow: 2px 2px 2px #999999;
}

.vakata-context ul {
  list-style: none;
  left: 100%;
  margin-top: -2.7em;
  margin-left: -4px;
}

.vakata-context .vakata-context-right ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}

.vakata-context li {
  list-style: none;
}

.vakata-context li > a {
  display: block;
  padding: 0 2em 0 2em;
  text-decoration: none;
  width: auto;
  color: black;
  white-space: nowrap;
  line-height: 2.4em;
  text-shadow: 1px 1px 0 white;
  border-radius: 1px;
}

.vakata-context li > a:hover {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}

.vakata-context li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
  background-position: right center;
  background-repeat: no-repeat;
}

.vakata-context li > a:focus {
  outline: 0;
}

.vakata-context .vakata-context-hover > a {
  position: relative;
  background-color: #e8eff7;
  box-shadow: 0 0 2px #0a6aa1;
}

.vakata-context .vakata-context-separator > a, .vakata-context .vakata-context-separator > a:hover {
  background: white;
  border: 0;
  border-top: 1px solid #e2e3e3;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  padding: 0;
  margin: 0 0 0 2.4em;
  border-left: 1px solid #e0e0e0;
  text-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  border-radius: 0;
}

.vakata-context .vakata-contextmenu-disabled a, .vakata-context .vakata-contextmenu-disabled a:hover {
  color: silver;
  background-color: transparent;
  border: 0;
  box-shadow: 0 0 0;
}

.vakata-context .vakata-contextmenu-disabled > a > i {
  filter: grayscale(100%);
}

.vakata-context li > a > i {
  text-decoration: none;
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  background: transparent;
  margin: 0 0 0 -2em;
  vertical-align: top;
  text-align: center;
  line-height: 2.4em;
}

.vakata-context li > a > i:empty {
  width: 2.4em;
  line-height: 2.4em;
}

.vakata-context li > a .vakata-contextmenu-sep {
  display: inline-block;
  width: 1px;
  height: 2.4em;
  background: white;
  margin: 0 0.5em 0 0;
  border-left: 1px solid #e2e3e3;
}

.vakata-context .vakata-contextmenu-shortcut {
  font-size: 0.8em;
  color: silver;
  opacity: 0.5;
  display: none;
}

.vakata-context-rtl ul {
  left: auto;
  right: 100%;
  margin-left: auto;
  margin-right: -4px;
}

.vakata-context-rtl li > a.vakata-context-parent {
  background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
  background-position: left center;
  background-repeat: no-repeat;
}

.vakata-context-rtl .vakata-context-separator > a {
  margin: 0 2.4em 0 0;
  border-left: 0;
  border-right: 1px solid #e2e3e3;
}

.vakata-context-rtl .vakata-context-left ul {
  right: auto;
  left: 100%;
  margin-left: -4px;
  margin-right: auto;
}

.vakata-context-rtl li > a > i {
  margin: 0 -2em 0 0;
}

.vakata-context-rtl li > a .vakata-contextmenu-sep {
  margin: 0 0 0 0.5em;
  border-left-color: white;
  background: #e2e3e3;
}

#jstree-marker {
  position: absolute;
  top: 0;
  left: 0;
  margin: -5px 0 0 0;
  padding: 0;
  border-right: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

#jstree-dnd {
  line-height: 16px;
  margin: 0;
  padding: 4px;
}

#jstree-dnd .jstree-icon, #jstree-dnd .jstree-copy {
  display: inline-block;
  text-decoration: none;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
  height: 16px;
}

#jstree-dnd .jstree-ok {
  background: green;
}

#jstree-dnd .jstree-er {
  background: red;
}

#jstree-dnd .jstree-copy {
  margin: 0 2px 0 2px;
}

.jstree-default .jstree-node, .jstree-default .jstree-icon {
  background-repeat: no-repeat;
  background-color: transparent;
}

.jstree-default .jstree-anchor, .jstree-default .jstree-animated, .jstree-default .jstree-wholerow {
  transition: background-color 0.15s, box-shadow 0.15s;
}

.jstree-default .jstree-hovered {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}

.jstree-default .jstree-context {
  background: #e7f4f9;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #cccccc;
}

.jstree-default .jstree-clicked {
  background: #beebff;
  border-radius: 2px;
  box-shadow: inset 0 0 1px #999999;
}

.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
  display: none;
}

.jstree-default .jstree-disabled {
  background: transparent;
  color: #666666;
}

.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
  box-shadow: none;
}

.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default .jstree-disabled > .jstree-icon {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}

.jstree-default .jstree-search {
  font-style: italic;
  color: #8b0000;
  font-weight: bold;
}

.jstree-default .jstree-no-checkboxes .jstree-checkbox {
  display: none !important;
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
  background: transparent;
  box-shadow: none;
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
  background: #e7f4f9;
}

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
  background: transparent;
}

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
  background: #e7f4f9;
}

.jstree-default > .jstree-striped {
  min-width: 100%;
  display: inline-block;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}

.jstree-default > .jstree-wholerow-ul .jstree-hovered, .jstree-default > .jstree-wholerow-ul .jstree-clicked {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

.jstree-default .jstree-wholerow {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.jstree-default .jstree-wholerow-hovered {
  background: #e7f4f9;
}

.jstree-default .jstree-wholerow-clicked {
  background: #beebff;
  background: -webkit-linear-gradient(top, #beebff 0, #a8e4ff 100%);
  background: linear-gradient(to bottom, #beebff 0, #a8e4ff 100%);
}

.jstree-default .jstree-node {
  min-height: 24px;
  line-height: 24px;
  margin-left: 24px;
  min-width: 24px;
}

.jstree-default .jstree-anchor {
  line-height: 24px;
  height: 24px;
}

.jstree-default .jstree-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.jstree-default .jstree-icon:empty {
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.jstree-default.jstree-rtl .jstree-node {
  margin-right: 24px;
}

.jstree-default .jstree-wholerow {
  height: 24px;
}

.jstree-default .jstree-node, .jstree-default .jstree-icon {
  background-image: url(/assets/32px-a4f1df0a3b31bdc5d810cc1a3d59c765d0b84980c0852251eda74df0609f1b00.png);
}

.jstree-default .jstree-node {
  background-position: -292px -4px;
  background-repeat: repeat-y;
}

.jstree-default .jstree-last {
  background: transparent;
}

.jstree-default .jstree-open > .jstree-ocl {
  background-position: -132px -4px;
}

.jstree-default .jstree-closed > .jstree-ocl {
  background-position: -100px -4px;
}

.jstree-default .jstree-leaf > .jstree-ocl {
  background-position: -68px -4px;
}

.jstree-default .jstree-themeicon {
  background-position: -260px -4px;
}

.jstree-default > .jstree-no-dots .jstree-node, .jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -4px;
}

.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -4px;
}

.jstree-default .jstree-disabled {
  background: transparent;
}

.jstree-default .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default .jstree-checkbox {
  background-position: -164px -4px;
}

.jstree-default .jstree-checkbox:hover {
  background-position: -164px -36px;
}

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default .jstree-checked > .jstree-checkbox {
  background-position: -228px -4px;
}

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default .jstree-checked > .jstree-checkbox:hover {
  background-position: -228px -36px;
}

.jstree-default .jstree-anchor > .jstree-undetermined {
  background-position: -196px -4px;
}

.jstree-default .jstree-anchor > .jstree-undetermined:hover {
  background-position: -196px -36px;
}

.jstree-default .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}

.jstree-default > .jstree-striped {
  background-size: auto 48px;
}

.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -132px -36px;
}

.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -100px -36px;
}

.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -68px -36px;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -36px -36px;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -4px -36px;
}

.jstree-default .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url(/assets/throbber-bef228d99c06c117613e5c74f6972e4f2f980861b4063d5bab5adc1b3b966a3b.gif) center center no-repeat;
}

.jstree-default .jstree-file {
  background: url(/assets/32px-a4f1df0a3b31bdc5d810cc1a3d59c765d0b84980c0852251eda74df0609f1b00.png) -100px -68px no-repeat;
}

.jstree-default .jstree-folder {
  background: url(/assets/32px-a4f1df0a3b31bdc5d810cc1a3d59c765d0b84980c0852251eda74df0609f1b00.png) -260px -4px no-repeat;
}

.jstree-default > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}

#jstree-dnd.jstree-default {
  line-height: 24px;
  padding: 0 4px;
}

#jstree-dnd.jstree-default .jstree-ok, #jstree-dnd.jstree-default .jstree-er {
  background-image: url(/assets/32px-a4f1df0a3b31bdc5d810cc1a3d59c765d0b84980c0852251eda74df0609f1b00.png);
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default i {
  background: transparent;
  width: 24px;
  height: 24px;
  line-height: 24px;
}

#jstree-dnd.jstree-default .jstree-ok {
  background-position: -4px -68px;
}

#jstree-dnd.jstree-default .jstree-er {
  background-position: -36px -68px;
}

.jstree-default .jstree-ellipsis {
  overflow: hidden;
}

.jstree-default .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 29px);
  text-overflow: ellipsis;
  overflow: hidden;
}

.jstree-default.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}

.jstree-default.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-small .jstree-node {
  min-height: 18px;
  line-height: 18px;
  margin-left: 18px;
  min-width: 18px;
}

.jstree-default-small .jstree-anchor {
  line-height: 18px;
  height: 18px;
}

.jstree-default-small .jstree-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
}

.jstree-default-small .jstree-icon:empty {
  width: 18px;
  height: 18px;
  line-height: 18px;
}

.jstree-default-small.jstree-rtl .jstree-node {
  margin-right: 18px;
}

.jstree-default-small .jstree-wholerow {
  height: 18px;
}

.jstree-default-small .jstree-node, .jstree-default-small .jstree-icon {
  background-image: url(/assets/32px-a4f1df0a3b31bdc5d810cc1a3d59c765d0b84980c0852251eda74df0609f1b00.png);
}

.jstree-default-small .jstree-node {
  background-position: -295px -7px;
  background-repeat: repeat-y;
}

.jstree-default-small .jstree-last {
  background: transparent;
}

.jstree-default-small .jstree-open > .jstree-ocl {
  background-position: -135px -7px;
}

.jstree-default-small .jstree-closed > .jstree-ocl {
  background-position: -103px -7px;
}

.jstree-default-small .jstree-leaf > .jstree-ocl {
  background-position: -71px -7px;
}

.jstree-default-small .jstree-themeicon {
  background-position: -263px -7px;
}

.jstree-default-small > .jstree-no-dots .jstree-node, .jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -7px;
}

.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -7px;
}

.jstree-default-small .jstree-disabled {
  background: transparent;
}

.jstree-default-small .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default-small .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default-small .jstree-checkbox {
  background-position: -167px -7px;
}

.jstree-default-small .jstree-checkbox:hover {
  background-position: -167px -39px;
}

.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-small .jstree-checked > .jstree-checkbox {
  background-position: -231px -7px;
}

.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-small .jstree-checked > .jstree-checkbox:hover {
  background-position: -231px -39px;
}

.jstree-default-small .jstree-anchor > .jstree-undetermined {
  background-position: -199px -7px;
}

.jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
  background-position: -199px -39px;
}

.jstree-default-small .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}

.jstree-default-small > .jstree-striped {
  background-size: auto 36px;
}

.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -135px -39px;
}

.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -103px -39px;
}

.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -71px -39px;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -39px -39px;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -7px -39px;
}

.jstree-default-small .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url(/assets/throbber-bef228d99c06c117613e5c74f6972e4f2f980861b4063d5bab5adc1b3b966a3b.gif) center center no-repeat;
}

.jstree-default-small .jstree-file {
  background: url(/assets/32px-a4f1df0a3b31bdc5d810cc1a3d59c765d0b84980c0852251eda74df0609f1b00.png) -103px -71px no-repeat;
}

.jstree-default-small .jstree-folder {
  background: url(/assets/32px-a4f1df0a3b31bdc5d810cc1a3d59c765d0b84980c0852251eda74df0609f1b00.png) -263px -7px no-repeat;
}

.jstree-default-small > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}

#jstree-dnd.jstree-default-small {
  line-height: 18px;
  padding: 0 4px;
}

#jstree-dnd.jstree-default-small .jstree-ok, #jstree-dnd.jstree-default-small .jstree-er {
  background-image: url(/assets/32px-a4f1df0a3b31bdc5d810cc1a3d59c765d0b84980c0852251eda74df0609f1b00.png);
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default-small i {
  background: transparent;
  width: 18px;
  height: 18px;
  line-height: 18px;
}

#jstree-dnd.jstree-default-small .jstree-ok {
  background-position: -7px -71px;
}

#jstree-dnd.jstree-default-small .jstree-er {
  background-position: -39px -71px;
}

.jstree-default-small .jstree-ellipsis {
  overflow: hidden;
}

.jstree-default-small .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 23px);
  text-overflow: ellipsis;
  overflow: hidden;
}

.jstree-default-small.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}

.jstree-default-small.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-large .jstree-node {
  min-height: 32px;
  line-height: 32px;
  margin-left: 32px;
  min-width: 32px;
}

.jstree-default-large .jstree-anchor {
  line-height: 32px;
  height: 32px;
}

.jstree-default-large .jstree-icon {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.jstree-default-large .jstree-icon:empty {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.jstree-default-large.jstree-rtl .jstree-node {
  margin-right: 32px;
}

.jstree-default-large .jstree-wholerow {
  height: 32px;
}

.jstree-default-large .jstree-node, .jstree-default-large .jstree-icon {
  background-image: url(/assets/32px-a4f1df0a3b31bdc5d810cc1a3d59c765d0b84980c0852251eda74df0609f1b00.png);
}

.jstree-default-large .jstree-node {
  background-position: -288px 0;
  background-repeat: repeat-y;
}

.jstree-default-large .jstree-last {
  background: transparent;
}

.jstree-default-large .jstree-open > .jstree-ocl {
  background-position: -128px 0;
}

.jstree-default-large .jstree-closed > .jstree-ocl {
  background-position: -96px 0;
}

.jstree-default-large .jstree-leaf > .jstree-ocl {
  background-position: -64px 0;
}

.jstree-default-large .jstree-themeicon {
  background-position: -256px 0;
}

.jstree-default-large > .jstree-no-dots .jstree-node, .jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px 0;
}

.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0 0;
}

.jstree-default-large .jstree-disabled {
  background: transparent;
}

.jstree-default-large .jstree-disabled.jstree-hovered {
  background: transparent;
}

.jstree-default-large .jstree-disabled.jstree-clicked {
  background: #efefef;
}

.jstree-default-large .jstree-checkbox {
  background-position: -160px 0;
}

.jstree-default-large .jstree-checkbox:hover {
  background-position: -160px -32px;
}

.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-large .jstree-checked > .jstree-checkbox {
  background-position: -224px 0;
}

.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-large .jstree-checked > .jstree-checkbox:hover {
  background-position: -224px -32px;
}

.jstree-default-large .jstree-anchor > .jstree-undetermined {
  background-position: -192px 0;
}

.jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
  background-position: -192px -32px;
}

.jstree-default-large .jstree-checkbox-disabled {
  opacity: 0.8;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='jstree-grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#jstree-grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
}

.jstree-default-large > .jstree-striped {
  background-size: auto 64px;
}

.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
  background-position: 100% 1px;
  background-repeat: repeat-y;
}

.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}

.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
  background-position: -128px -32px;
}

.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
  background-position: -96px -32px;
}

.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
  background-position: -64px -32px;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node, .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
  background: transparent;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -32px -32px;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: 0 -32px;
}

.jstree-default-large .jstree-themeicon-custom {
  background-color: transparent;
  background-image: none;
  background-position: 0 0;
}

.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url(/assets/throbber-bef228d99c06c117613e5c74f6972e4f2f980861b4063d5bab5adc1b3b966a3b.gif) center center no-repeat;
}

.jstree-default-large .jstree-file {
  background: url(/assets/32px-a4f1df0a3b31bdc5d810cc1a3d59c765d0b84980c0852251eda74df0609f1b00.png) -96px -64px no-repeat;
}

.jstree-default-large .jstree-folder {
  background: url(/assets/32px-a4f1df0a3b31bdc5d810cc1a3d59c765d0b84980c0852251eda74df0609f1b00.png) -256px 0 no-repeat;
}

.jstree-default-large > .jstree-container-ul > .jstree-node {
  margin-left: 0;
  margin-right: 0;
}

#jstree-dnd.jstree-default-large {
  line-height: 32px;
  padding: 0 4px;
}

#jstree-dnd.jstree-default-large .jstree-ok, #jstree-dnd.jstree-default-large .jstree-er {
  background-image: url(/assets/32px-a4f1df0a3b31bdc5d810cc1a3d59c765d0b84980c0852251eda74df0609f1b00.png);
  background-repeat: no-repeat;
  background-color: transparent;
}

#jstree-dnd.jstree-default-large i {
  background: transparent;
  width: 32px;
  height: 32px;
  line-height: 32px;
}

#jstree-dnd.jstree-default-large .jstree-ok {
  background-position: 0 -64px;
}

#jstree-dnd.jstree-default-large .jstree-er {
  background-position: -32px -64px;
}

.jstree-default-large .jstree-ellipsis {
  overflow: hidden;
}

.jstree-default-large .jstree-ellipsis .jstree-anchor {
  width: calc(100% - 37px);
  text-overflow: ellipsis;
  overflow: hidden;
}

.jstree-default-large.jstree-rtl .jstree-node {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}

.jstree-default-large.jstree-rtl .jstree-last {
  background: transparent;
}

@media (max-width: 768px) {
  #jstree-dnd.jstree-dnd-responsive {
    line-height: 40px;
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }
  #jstree-dnd.jstree-dnd-responsive > i {
    background: transparent;
    width: 40px;
    height: 40px;
  }
  #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
    background-image: url(/assets/40px-8026e0dfe7e94cd3e97d1311f7e1823ec4f577f7e6424d252c82ed22443a4270.png);
    background-position: 0 -200px;
    background-size: 120px 240px;
  }
  #jstree-dnd.jstree-dnd-responsive > .jstree-er {
    background-image: url(/assets/40px-8026e0dfe7e94cd3e97d1311f7e1823ec4f577f7e6424d252c82ed22443a4270.png);
    background-position: -40px -200px;
    background-size: 120px 240px;
  }
  #jstree-marker.jstree-dnd-responsive {
    border-left-width: 10px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    margin-top: -10px;
  }
}
@media (max-width: 768px) {
  .jstree-default-responsive .jstree-icon {
    background-image: url(/assets/40px-8026e0dfe7e94cd3e97d1311f7e1823ec4f577f7e6424d252c82ed22443a4270.png);
  }
  .jstree-default-responsive .jstree-node, .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background: transparent;
  }
  .jstree-default-responsive .jstree-node {
    min-height: 40px;
    line-height: 40px;
    margin-left: 40px;
    min-width: 40px;
    white-space: nowrap;
  }
  .jstree-default-responsive .jstree-anchor {
    line-height: 40px;
    height: 40px;
  }
  .jstree-default-responsive .jstree-icon, .jstree-default-responsive .jstree-icon:empty {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
  }
  .jstree-default-responsive.jstree-rtl .jstree-node {
    margin-left: 0;
    margin-right: 40px;
    background: transparent;
  }
  .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0;
  }
  .jstree-default-responsive .jstree-ocl, .jstree-default-responsive .jstree-themeicon, .jstree-default-responsive .jstree-checkbox {
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-leaf > .jstree-ocl, .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
    background: transparent;
  }
  .jstree-default-responsive .jstree-open > .jstree-ocl {
    background-position: 0 0 !important;
  }
  .jstree-default-responsive .jstree-closed > .jstree-ocl {
    background-position: 0 -40px !important;
  }
  .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -40px 0 !important;
  }
  .jstree-default-responsive .jstree-themeicon {
    background-position: -40px -40px;
  }
  .jstree-default-responsive .jstree-checkbox, .jstree-default-responsive .jstree-checkbox:hover {
    background-position: -40px -80px;
  }
  .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default-responsive .jstree-checked > .jstree-checkbox, .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
    background-position: 0 -80px;
  }
  .jstree-default-responsive .jstree-anchor > .jstree-undetermined, .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
    background-position: 0 -120px;
  }
  .jstree-default-responsive .jstree-anchor {
    font-weight: bold;
    font-size: 1.1em;
    text-shadow: 1px 1px white;
  }
  .jstree-default-responsive > .jstree-striped {
    background: transparent;
  }
  .jstree-default-responsive .jstree-wholerow {
    border-top: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(64, 64, 64, 0.2);
    background: #ebebeb;
    height: 40px;
  }
  .jstree-default-responsive .jstree-wholerow-hovered {
    background: #e7f4f9;
  }
  .jstree-default-responsive .jstree-wholerow-clicked {
    background: #beebff;
  }
  .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
    box-shadow: inset 0 -6px 3px -5px #666666;
  }
  .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
    box-shadow: inset 0 6px 3px -5px #666666;
    border-top: 0;
  }
  .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
    box-shadow: none;
  }
  .jstree-default-responsive .jstree-node, .jstree-default-responsive .jstree-icon, .jstree-default-responsive .jstree-node > .jstree-ocl, .jstree-default-responsive .jstree-themeicon, .jstree-default-responsive .jstree-checkbox {
    background-image: url(/assets/40px-8026e0dfe7e94cd3e97d1311f7e1823ec4f577f7e6424d252c82ed22443a4270.png);
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-node {
    background-position: -80px 0;
    background-repeat: repeat-y;
  }
  .jstree-default-responsive .jstree-last {
    background: transparent;
  }
  .jstree-default-responsive .jstree-leaf > .jstree-ocl {
    background-position: -40px -120px;
  }
  .jstree-default-responsive .jstree-last > .jstree-ocl {
    background-position: -40px -160px;
  }
  .jstree-default-responsive .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
  }
  .jstree-default-responsive .jstree-file {
    background: url(/assets/40px-8026e0dfe7e94cd3e97d1311f7e1823ec4f577f7e6424d252c82ed22443a4270.png) 0 -160px no-repeat;
    background-size: 120px 240px;
  }
  .jstree-default-responsive .jstree-folder {
    background: url(/assets/40px-8026e0dfe7e94cd3e97d1311f7e1823ec4f577f7e6424d252c82ed22443a4270.png) -40px -40px no-repeat;
    background-size: 120px 240px;
  }
  .jstree-default-responsive > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
  }
}
.alert {
  border-radius: 0;
  margin-bottom: 0;
  opacity: 0.86;
  width: 100%;
}

#notifications {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3000;
}
#notifications .alert-floating {
  align-items: center;
  display: flex;
  height: 52px;
  opacity: 1;
  padding: 9px;
}
#notifications .alert-floating .fas {
  font-size: 18px;
  margin-left: 12px;
}
#notifications .alert-floating .message {
  color: #475467;
  flex-grow: 1;
  margin-left: 14px;
}
#notifications .alert-floating .close {
  opacity: 0.3;
  right: 10px;
  top: 0;
}

.inline-alert {
  align-items: center;
  display: flex;
  padding: 9px 24px;
}
.inline-alert .alert-icon {
  font-size: 18px;
  margin-right: 16px;
}

.alert:not(.alert-floating),
.inline-alert {
  color: #475467;
}
.alert:not(.alert-floating).alert-danger .fas,
.inline-alert.alert-danger .fas {
  color: #ce0c24;
}
.alert:not(.alert-floating).alert-warning .fas,
.inline-alert.alert-warning .fas {
  color: #f0ad4e;
}
.alert:not(.alert-floating).alert-info .fas,
.inline-alert.alert-info .fas {
  color: #3b99fd;
}
.alert:not(.alert-floating).alert-success .fas,
.inline-alert.alert-success .fas {
  color: #5ec66f;
}

.sci-nav-tabs {
  border-bottom: 1px solid #d0d5dd;
  display: flex;
}
.sci-nav-tabs a {
  color: #475467;
  padding: 0.5em;
  position: relative;
}
.sci-nav-tabs a:hover {
  text-decoration: none;
}
.sci-nav-tabs a.active {
  color: initial;
}
.sci-nav-tabs a.active::after {
  content: "";
  background: #104da9;
  bottom: 0;
  height: 0.25em;
  left: 0;
  position: absolute;
  width: 100%;
}

:root {
  --sci-checkbox-size: 16px;
}

.sci-checkbox-container {
  display: inline-block;
  height: var(--sci-checkbox-size);
  position: relative;
  vertical-align: middle;
  width: var(--sci-checkbox-size);
}

input[type=checkbox].sci-checkbox {
  cursor: pointer;
  flex-shrink: 0;
  height: var(--sci-checkbox-size);
  margin: 0;
  opacity: 0;
  position: relative;
  width: var(--sci-checkbox-size);
  z-index: 2;
}
input[type=checkbox].sci-checkbox + .sci-checkbox-label {
  display: inline-block;
  flex-shrink: 0;
  height: var(--sci-checkbox-size);
  margin-left: calc(var(--sci-checkbox-size) * -1);
  position: absolute;
  right: 0;
  top: 0;
  width: var(--sci-checkbox-size);
}
input[type=checkbox].sci-checkbox + .sci-checkbox-label::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  background: transparent;
  border: 1px solid var(--sn-black);
  border-radius: 1px;
  color: #fff;
  content: "";
  font-size: calc(var(--sci-checkbox-size) - var(--sci-checkbox-size) * 0.375);
  height: var(--sci-checkbox-size);
  left: 0;
  line-height: calc(var(--sci-checkbox-size) - 2px);
  position: absolute;
  text-align: center;
  transition: 0.2s;
  width: var(--sci-checkbox-size);
}
input[type=checkbox].sci-checkbox.hidden + .sci-checkbox-label {
  display: none;
}
input[type=checkbox].sci-checkbox:checked + .sci-checkbox-label::before {
  background-color: var(--sn-science-blue);
  background-image: url(/assets/icon_small/sn-check-b2d86bc01f28f8b274a904a2c75feba537a1b2e14a308b31440a69056db73836.svg);
  background-position: center;
  border: 1px solid var(--sn-science-blue);
}
input[type=checkbox].sci-checkbox:indeterminate + .sci-checkbox-label::after {
  content: "";
  background: #475467;
  height: calc(var(--sci-checkbox-size) - 6px);
  left: 3px;
  position: absolute;
  top: 3px;
  width: calc(var(--sci-checkbox-size) - 6px);
}
input[type=checkbox].sci-checkbox:focus {
  outline: 0;
  outline-offset: 0;
}
input[type=checkbox].sci-checkbox:focus + .sci-checkbox-label {
  outline: 4px solid var(--sn-science-blue-hover);
}
input[type=checkbox].sci-checkbox:disabled {
  cursor: default;
}
input[type=checkbox].sci-checkbox:disabled + .sci-checkbox-label::before {
  border: 1px solid #eaecf0;
}
input[type=checkbox].sci-checkbox:disabled:checked + .sci-checkbox-label::before {
  background-color: var(--sn-sleepy-grey);
  border: 1px solid var(--sn-sleepy-grey);
}

.sci-dialog .modal-dialog {
  width: 500px;
}
.sci-dialog .sci-dialog__icon {
  margin-right: 1em;
}
.sci-dialog .sci-dialog__icon .fas {
  font-size: 2.5em;
}
.sci-dialog .sci-dialog__icon.error .fas {
  color: #ce0c24;
}
.sci-dialog .sci-dialog__icon.warning .fas {
  color: #f0ad4e;
}
.sci-dialog .sci-dialog__icon.info .fas {
  color: #3b99fd;
}
.sci-dialog .sci-dialog__icon.success .fas {
  color: #5ec66f;
}
.sci-dialog .modal-body {
  display: flex;
}
.sci-dialog .modal-footer {
  text-align: center;
}

.dropdown-menu .divider {
  margin: 5px 0;
}

.sci-dropdown [data-toggle=dropdown] .caret {
  margin: 8px 0 8px 8px;
}
.sci-dropdown.open [data-toggle=dropdown] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: #3b99fd;
}
.sci-dropdown.open [data-toggle=dropdown] .caret {
  transform: rotateX(180deg);
}
.sci-dropdown.open [data-toggle=dropdown] .sn-icon-down {
  transform: rotateX(180deg);
}
.sci-dropdown.open .dropdown-menu {
  font-size: 14px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0px 1px 4px rgba(35, 31, 32, 0.15);
  margin-top: -1px;
  width: 100%;
}
.sci-dropdown.open .dropdown-menu li:hover {
  background: #eaecf0;
}

.dropdown-menu {
  font-size: 14px;
}
.dropdown-menu .form-dropdown-break hr {
  margin: 0;
}
.dropdown-menu .form-dropdown-item {
  padding: 0 !important;
}
.dropdown-menu .form-dropdown-item button,
.dropdown-menu .form-dropdown-item .form-dropdown-item-info {
  border-radius: 0;
  padding-left: 0.9em;
  text-align: left;
  width: 100%;
}
.dropdown-menu .form-dropdown-item button {
  color: #1d2939 !important;
}
.dropdown-menu .form-dropdown-item .text-light {
  color: #fff;
}
.dropdown-menu .form-dropdown-item .form-dropdown-item-info {
  color: #98a2b3 !important;
  border-top: 1px solid #eaecf0;
  padding-top: 0.3em;
}
.dropdown-menu .form-dropdown-item:only-child .form-dropdown-item-info {
  border-top: 0;
  padding-top: 0;
}
.dropdown-menu .form-dropdown-item .project-archive-restore-form .button-to:hover {
  background-color: #f5f5f5 !important;
}
.dropdown-menu .form-dropdown-item .change-projects-view-type-form .button-to,
.dropdown-menu .form-dropdown-item .change-experiments-view-type-form .button-to,
.dropdown-menu .form-dropdown-item .change-my-modules-view-type-form .button-to {
  float: unset !important;
  height: 48px;
  margin: 0;
}
.dropdown-menu .form-dropdown-item .change-projects-view-type-form .button-to:active,
.dropdown-menu .form-dropdown-item .change-experiments-view-type-form .button-to:active,
.dropdown-menu .form-dropdown-item .change-my-modules-view-type-form .button-to:active {
  background-color: inherit;
}
.dropdown-menu .form-dropdown-item .change-projects-view-type-form .button-to.selected::after,
.dropdown-menu .form-dropdown-item .change-experiments-view-type-form .button-to.selected::after,
.dropdown-menu .form-dropdown-item .change-my-modules-view-type-form .button-to.selected::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f00c";
  float: right;
}
.dropdown-menu .form-dropdown-state-item {
  background: #104da9;
  border: 1px solid #104da9;
  color: #fff;
}
.dropdown-menu .form-dropdown-state-item:hover {
  background: #2d5faa !important;
  color: #fff;
}
.dropdown-menu .form-dropdown-state-item:active, .dropdown-menu .form-dropdown-state-item.active {
  background: #07244f;
  color: #fff;
}
.dropdown-menu .form-dropdown-state-item:focus {
  box-shadow: 0 0 0 1px #ffcf26;
  color: #fff;
}
.dropdown-menu .h-34 {
  height: 34px;
}
.dropdown-menu .dropdown-switch-link {
  display: flex;
  align-items: center;
}

.sci-input-container {
  display: inline-block;
  position: relative;
  width: 100%;
}
.sci-input-container label {
  font-size: 12px;
  color: var(--sn-dark-grey);
  display: inline-block;
  font-weight: 400;
  margin-bottom: 0.5rem;
}
.sci-input-container .sci-input-field {
  font-size: 14px;
  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  border: 1px solid var(--sn-light-grey);
  border-radius: 4px !important;
  box-shadow: none;
  height: 36px;
  outline: 0;
  padding: 0 0 0 10px;
  transition: 0.3s;
  width: 100%;
}
.sci-input-container .sci-input-field:hover {
  border: 1px solid var(--sn-science-blue-hover);
}
.sci-input-container .sci-input-field:focus {
  border: 1px solid #3b99fd;
}
.sci-input-container .sci-input-field:disabled {
  background-color: var(--sn-super-light-grey);
  color: var(--sn-light-grey);
  border: 1px solid var(--sn-light-grey);
}
.sci-input-container .sci-input-field::placeholder {
  color: #d0d5dd;
}
.sci-input-container .sci-input-field.textarea {
  height: unset;
  min-height: 36px;
  padding: 10px;
  resize: vertical;
}
.sci-input-container .sci-input-field[type=password] {
  font-family: "SN Inter", "Open Sans", Arial, Helvetica, sans-serif;
  letter-spacing: 0.075em;
}
.sci-input-container .sci-input-field[type=password]::placeholder {
  letter-spacing: initial;
}
.sci-input-container input.sci-input-field {
  height: 36px !important;
}
.sci-input-container .sn-icon {
  bottom: 6px;
  position: absolute;
  text-align: center;
  width: 25px;
}
.sci-input-container.left-icon .sci-input-field {
  padding: 0 0 0 30px;
}
.sci-input-container.left-icon .sn-icon {
  left: 5px;
}
.sci-input-container.right-icon .sci-input-field {
  padding: 0 30px 0 10px;
}
.sci-input-container.right-icon .sn-icon {
  right: 5px;
}
.sci-input-container.success::after, .sci-input-container.error::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  bottom: 6px;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 6px;
  width: 25px;
}
.sci-input-container.error {
  padding-bottom: 6px;
}
.sci-input-container.error label {
  color: #ce0c24;
}
.sci-input-container.error .sci-input-field {
  border: 1px solid #ce0c24;
}
.sci-input-container.error .fas {
  bottom: 6px;
}
.sci-input-container.error::before {
  font-size: 12px;
  bottom: -9px;
  color: #ce0c24;
  content: attr(data-error-text);
  left: 0;
  line-height: 15px;
  position: absolute;
  white-space: nowrap;
  width: 100%;
}
.sci-input-container.error.success-icon::after {
  color: #5ec66f;
  content: "\f00c";
}
.sci-input-container.error.error-icon::after {
  color: #ce0c24;
  content: "\f071";
}
.sci-input-container.error.success-icon .sci-input-field, .sci-input-container.error.error-icon .sci-input-field {
  padding: 0 30px 0 10px;
}
.sci-input-container.error.success-icon.right-icon .sci-input-field, .sci-input-container.error.error-icon.right-icon .sci-input-field {
  padding: 0 60px 0 10px;
}
.sci-input-container.error.success-icon.right-icon::after, .sci-input-container.error.error-icon.right-icon::after {
  right: 35px;
}
.sci-input-container.disabled label {
  color: #d0d5dd;
}
.sci-input-container.disabled .sci-input-field {
  border: 1px solid #eaecf0;
  color: #d0d5dd;
}
.sci-input-container.disabled .sci-input-field::placeholder {
  color: inherit;
}
.sci-input-container.password-input-container .password-icon-wrapper {
  position: relative;
}
.sci-input-container.password-input-container .password-icon-wrapper input {
  padding-right: 2.4em;
}
.sci-input-container.password-input-container .sn-icon {
  align-items: center;
  display: flex;
  height: 100%;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
}
.sci-input-container.password-input-container .help-block {
  left: 0;
  position: absolute;
  width: 100%;
}
.sci-input-container.password-input-container .help-block:nth-of-type(2) {
  top: 60px;
}
.sci-input-container.password-input-container .help-block:nth-of-type(3) {
  top: 120px;
}
.sci-input-container.password-input-container.error::before, .sci-input-container.password-input-container.has-error {
  padding-bottom: 0;
}
.sci-input-container.password-input-container.has-error {
  margin-bottom: inherit;
  padding-bottom: 2em;
}

.modal-md {
  width: 450px;
}

.modal .modal-absolute-close-button {
  position: absolute;
  right: 1em;
  top: 0.5em;
}
.modal .modal-footer form {
  display: inline-block;
}

.sci-secondary-navbar {
  display: flex;
  height: 100%;
  overflow-x: auto;
}
.sci-secondary-navbar .navbar-link {
  font-size: 12px;
  align-items: center;
  color: #98a2b3;
  cursor: pointer;
  display: flex;
  height: 100%;
  padding: 0 16px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
.sci-secondary-navbar .navbar-link:hover {
  color: #475467;
}
.sci-secondary-navbar .navbar-link.active {
  color: #475467;
  font-weight: bold;
}
.sci-secondary-navbar .navbar-link.active::before {
  background: #104da9;
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}

/*
:root {
  --sci-radio-size: 16px;
}

.sci-radio-container {
  display: inline-block;
  height: var(--sci-radio-size);
  position: relative;
  width: var(--sci-radio-size);
}

input[type="radio"].sci-radio {
  cursor: pointer;
  flex-shrink: 0;
  height: var(--sci-radio-size);
  margin: 0;
  opacity: 0;
  position: relative;
  width: var(--sci-radio-size);
  z-index: 2;

  + .sci-radio-label {
    display: inline-block;
    flex-shrink: 0;
    height: var(--sci-radio-size);
    left: 0;
    position: absolute;
    width: var(--sci-radio-size);

    &::before {
      animation-timing-function: $timing-function-sharp;
      border: $border-default;
      border-radius: 50%;
      color: $color-white;
      content: "";
      font-size: calc(var(--sci-radio-size) - var(--sci-radio-size) * .375);
      height: var(--sci-radio-size);
      left: 0;
      line-height: calc(var(--sci-radio-size) - 2px);
      position: absolute;
      text-align: center;
      transition: .2s;
      width: var(--sci-radio-size);
    }

    &::after {
      animation-timing-function: $timing-function-sharp;
      background: $color-white;
      border-radius: 50%;
      content: "";
      display: inline-block;
      height: calc(var(--sci-radio-size) - 6px);
      left: 3px;
      position: absolute;
      top: 3px;
      transition: .2s;
      width: calc(var(--sci-radio-size) - 6px);
    }
  }

  &.hidden + .sci-radio-label {
    display: none;
  }

  &:checked + .sci-radio-label {
    &::before {
      border: 1px solid $brand-primary;
    }

    &::after {
      background: $brand-primary;
    }
  }

  &:disabled + .sci-radio-label {
    &::before {
      background: $color-alto;
      border: $border-tertiary;
    }

    &::after {
      display: none;
    }
  }
}
*/
.sci-toggle-checkbox-container {
  --sci-toggle-check-size: .625rem;
  --sci-toggle-container-height: 1.5rem;
  --sci-toggle-container-width: 2.25rem;
  --sci-toggle-label-border: .0625rem;
  --sci-toggle-label-height: .875rem;
  --sci-toggle-label-width: 1.875rem;
  display: inline-block;
  height: var(--sci-toggle-container-height);
  position: relative;
  width: var(--sci-toggle-container-width);
}

input[type=checkbox].sci-toggle-checkbox {
  cursor: pointer;
  flex-shrink: 0;
  height: var(--sci-toggle-container-height);
  margin: 0;
  opacity: 0;
  position: relative;
  width: var(--sci-toggle-container-width);
  z-index: 2;
}
input[type=checkbox].sci-toggle-checkbox + .sci-toggle-checkbox-label {
  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  background: var(--sn-white);
  border: var(--sci-toggle-label-border) solid var(--sn-grey);
  border-radius: calc(var(--sci-toggle-label-height) / 2);
  display: inline-block;
  flex-shrink: 0;
  font-weight: normal;
  height: var(--sci-toggle-label-height);
  left: calc((var(--sci-toggle-container-width) - var(--sci-toggle-label-width)) / 2);
  position: absolute;
  top: calc((var(--sci-toggle-container-height) - var(--sci-toggle-label-height)) / 2);
  transition: 0.4s;
  width: var(--sci-toggle-label-width);
}
input[type=checkbox].sci-toggle-checkbox + .sci-toggle-checkbox-label::before {
  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  background: var(--sn-grey);
  border-radius: 50%;
  bottom: calc(var(--sci-toggle-label-height) / 2 - var(--sci-toggle-check-size) / 2);
  content: "";
  left: calc(var(--sci-toggle-label-height) / 2 - var(--sci-toggle-check-size) / 2);
  position: absolute;
  right: calc(var(--sci-toggle-label-width) - var(--sci-toggle-label-height) / 2 - var(--sci-toggle-check-size) / 2);
  top: calc(var(--sci-toggle-label-height) / 2 - var(--sci-toggle-check-size) / 2);
  transition: 0.6s;
}
input[type=checkbox].sci-toggle-checkbox.hidden + .sci-toggle-checkbox-label {
  display: none;
}
input[type=checkbox].sci-toggle-checkbox:disabled {
  cursor: not-allowed;
}
input[type=checkbox].sci-toggle-checkbox:checked + .sci-toggle-checkbox-label {
  border-color: var(--sn-blue);
}
input[type=checkbox].sci-toggle-checkbox:checked + .sci-toggle-checkbox-label::before {
  background-color: var(--sn-science-blue);
  left: calc(var(--sci-toggle-label-width) - var(--sci-toggle-label-height) / 2 - var(--sci-toggle-check-size) / 2);
  right: calc(var(--sci-toggle-label-height) / 2 - var(--sci-toggle-check-size) / 2);
}
input[type=checkbox].sci-toggle-checkbox:disabled + .sci-toggle-checkbox-label {
  border-color: var(--sn-light-grey);
}
input[type=checkbox].sci-toggle-checkbox:disabled + .sci-toggle-checkbox-label::before {
  background-color: var(--sn-light-grey);
}
input[type=checkbox].sci-toggle-checkbox:disabled:checked + .sci-toggle-checkbox-label {
  background-color: var(--sn-super-light-grey);
}

.sci-toggles-group {
  align-items: center;
  display: flex;
  position: relative;
}
.sci-toggles-group input[type=radio].sci-toggle-item {
  cursor: pointer;
  height: 36px;
  margin: 0;
  opacity: 0;
  position: relative;
  width: 48px;
  z-index: 2;
}
.sci-toggles-group input[type=radio].sci-toggle-item + .sci-toggle-item-label {
  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  background: #fff;
  border: 1px solid #d0d5dd;
  border-left-color: transparent;
  color: #1d2939;
  display: inline-block;
  font-weight: normal;
  height: 36px;
  line-height: 34px;
  margin-left: -48px;
  position: relative;
  text-align: center;
  transition: 0.2s;
  width: 48px;
}
.sci-toggles-group input[type=radio].sci-toggle-item + .sci-toggle-item-label svg,
.sci-toggles-group input[type=radio].sci-toggle-item + .sci-toggle-item-label svg path {
  fill: #1d2939;
  display: initial;
}
.sci-toggles-group input[type=radio].sci-toggle-item + .sci-toggle-item-label:first-of-type {
  border-left-color: #98a2b3;
  border-radius: 4px 0 0 4px;
}
.sci-toggles-group input[type=radio].sci-toggle-item + .sci-toggle-item-label:last-of-type {
  border-radius: 0 4px 4px 0;
}
.sci-toggles-group input[type=radio].sci-toggle-item:checked + .sci-toggle-item-label {
  background: #104da9;
  border: 1px solid #104da9;
  color: #fff;
}
.sci-toggles-group input[type=radio].sci-toggle-item:checked + .sci-toggle-item-label svg,
.sci-toggles-group input[type=radio].sci-toggle-item:checked + .sci-toggle-item-label svg path {
  fill: #fff;
}

/*

<div class="demo-container" style="background: white; padding: 20px;">
  <div>
    <input type="checkbox" class="sci-checkbox">
    <span class="sci-checkbox-label"></span>
    <span style="display: inline-block; width: 20px"></span>
    <input type="checkbox" class="sci-checkbox" disabled>
    <span class="sci-checkbox-label"></span>
    <span style="display: inline-block; width: 20px"></span>
    <input type="checkbox" class="sci-checkbox" disabled checked>
    <span class="sci-checkbox-label"></span>
  </div>
  <hr>
  <div>
    <input type="radio" name="test" class="sci-radio">
    <span class="sci-radio-label"></span>
    <span style="display: inline-block; width: 20px"></span>
    <input type="radio" name="test" class="sci-radio">
    <span class="sci-radio-label"></span>
    <span style="display: inline-block; width: 20px"></span>
    <input type="radio" name="test" class="sci-radio" disabled>
    <span class="sci-radio-label"></span>
  </div>
  <hr>
  <div>
    <input type="checkbox" class="sci-toggle-checkbox">
    <span class="sci-toggle-checkbox-label"></span>
    <span style="display: inline-block; width: 20px"></span>
    <input type="checkbox" class="sci-toggle-checkbox" disabled>
    <span class="sci-toggle-checkbox-label"></span>
  </div>
  <hr>
  <div class="sci-toggles-group">
    <input type="radio" name="test1" class="sci-toggle-item">
    <span class="sci-toggle-item-label"><i class="sn-icon sn-icon-grid-view"></i></span>
    <input type="radio" name="test1" class="sci-toggle-item">
    <span class="sci-toggle-item-label"><i class="fas fa-th-list"></i></span>
    <input type="radio" name="test1" class="sci-toggle-item">
    <span class="sci-toggle-item-label"><i class="fas fa-th"></i></span>
  </div>
  <hr>
  <div class="sci-input-container" style="width: 300px">
    <input type="text" class="sci-input-field" placeholder="Placeholder"></input>
  </div>
  <hr>
  <div class="sci-input-container left-icon" style="width: 300px">
    <input type="text" class="sci-input-field" placeholder="Placeholder"></input>
    <i class="sn-icon sn-icon-search"></i>
  </div>
  <hr>
  <div class="sci-input-container right-icon"  style="width: 300px">
    <label>Right icon</label>
    <input type="text" class="sci-input-field" placeholder="Placeholder"></input>
    <i class="sn-icon sn-icon-search"></i>
  </div>
  <hr>
  <div class="sci-input-container right-icon success"  style="width: 300px">
    <label>Success and icon</label>
    <input type="text" class="sci-input-field" placeholder="Placeholder"></input>
    <i class="sn-icon sn-icon-search"></i>
  </div>
  <hr>
  <div class="sci-input-container error" data-error-text="Error text"  style="width: 300px">
    <label>Error</label>
    <input type="text" class="sci-input-field" placeholder="Placeholder"></input>
  </div>
  <hr>
  <div class="sci-input-container disabled" style="width: 300px">
    <label>Disabled</label>
    <input type="text" class="sci-input-field" placeholder="Placeholder" disabled></input>
  </div>
</div>

*/
/*!
 * (The MIT License)
 *
 * Copyright (c) 2012-2014 Marcin Warpechowski
 * Copyright (c) 2015 Handsoncode sp. z o.o. <hello@handsoncode.net>
 *
 * Permission is hereby granted, free of charge, to any person obtaining
 * a copy of this software and associated documentation files (the
 * 'Software'), to deal in the Software without restriction, including
 * without limitation the rights to use, copy, modify, merge, publish,
 * distribute, sublicense, and/or sell copies of the Software, and to
 * permit persons to whom the Software is furnished to do so, subject to
 * the following conditions:
 *
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
 * IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
 * CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
 * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 *
 * Version: 6.2.2
 * Release date: 19/12/2018 (built at 18/12/2018 14:40:17)
 */
/**
 * Fix for bootstrap styles
 */
.handsontable .table th, .handsontable .table td {
  border-top: none;
}

.handsontable tr {
  background: #fff;
}

.handsontable td {
  background-color: inherit;
}

.handsontable .table caption + thead tr:first-child th,
.handsontable .table caption + thead tr:first-child td,
.handsontable .table colgroup + thead tr:first-child th,
.handsontable .table colgroup + thead tr:first-child td,
.handsontable .table thead:first-child tr:first-child th,
.handsontable .table thead:first-child tr:first-child td {
  border-top: 1px solid #CCCCCC;
}

/* table-bordered */
.handsontable .table-bordered {
  border: 0;
  border-collapse: separate;
}

.handsontable .table-bordered th,
.handsontable .table-bordered td {
  border-left: none;
}

.handsontable .table-bordered th:first-child,
.handsontable .table-bordered td:first-child {
  border-left: 1px solid #CCCCCC;
}

.handsontable .table > tbody > tr > td,
.handsontable .table > tbody > tr > th,
.handsontable .table > tfoot > tr > td,
.handsontable .table > tfoot > tr > th,
.handsontable .table > thead > tr > td,
.handsontable .table > thead > tr > th {
  line-height: 21px;
  padding: 0 4px;
}

.col-lg-1.handsontable, .col-lg-10.handsontable, .col-lg-11.handsontable, .col-lg-12.handsontable,
.col-lg-2.handsontable, .col-lg-3.handsontable, .col-lg-4.handsontable, .col-lg-5.handsontable, .col-lg-6.handsontable, .col-lg-7.handsontable, .col-lg-8.handsontable, .col-lg-9.handsontable,
.col-md-1.handsontable, .col-md-10.handsontable, .col-md-11.handsontable, .col-md-12.handsontable,
.col-md-2.handsontable, .col-md-3.handsontable, .col-md-4.handsontable, .col-md-5.handsontable, .col-md-6.handsontable, .col-md-7.handsontable, .col-md-8.handsontable, .col-md-9.handsontable .col-sm-1.handsontable,
.col-sm-10.handsontable, .col-sm-11.handsontable, .col-sm-12.handsontable,
.col-sm-2.handsontable, .col-sm-3.handsontable, .col-sm-4.handsontable, .col-sm-5.handsontable, .col-sm-6.handsontable, .col-sm-7.handsontable, .col-sm-8.handsontable, .col-sm-9.handsontable .col-xs-1.handsontable,
.col-xs-10.handsontable, .col-xs-11.handsontable, .col-xs-12.handsontable,
.col-xs-2.handsontable, .col-xs-3.handsontable, .col-xs-4.handsontable, .col-xs-5.handsontable, .col-xs-6.handsontable, .col-xs-7.handsontable, .col-xs-8.handsontable, .col-xs-9.handsontable {
  padding-left: 0;
  padding-right: 0;
}

.handsontable .table-striped > tbody > tr:nth-of-type(even) {
  background-color: #FFF;
}

.handsontable {
  position: relative;
}

.handsontable .hide {
  display: none;
}

.handsontable .relative {
  position: relative;
}

.handsontable.htAutoSize {
  visibility: hidden;
  left: -99000px;
  position: absolute;
  top: -99000px;
}

.handsontable .wtHider {
  width: 0;
}

.handsontable .wtSpreader {
  position: relative;
  width: 0; /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */
  height: auto;
}

.handsontable table,
.handsontable tbody,
.handsontable thead,
.handsontable td,
.handsontable th,
.handsontable input,
.handsontable textarea,
.handsontable div {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
}

.handsontable input,
.handsontable textarea {
  min-height: initial;
}

.handsontable table.htCore {
  border-collapse: separate;
  /* it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit */
  /* this actually only changes appearance of user selection - does not make text unselectable */
  /* -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none; */ /* no browser supports unprefixed version */
  border-spacing: 0;
  margin: 0;
  border-width: 0;
  table-layout: fixed;
  width: 0;
  outline-width: 0;
  cursor: default;
  /* reset bootstrap table style. for more info see: https://github.com/handsontable/handsontable/issues/224 */
  max-width: none;
  max-height: none;
}

.handsontable col {
  width: 50px;
}

.handsontable col.rowHeader {
  width: 50px;
}

.handsontable th,
.handsontable td {
  border-top-width: 0;
  border-left-width: 0;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  height: 22px;
  empty-cells: show;
  line-height: 21px;
  padding: 0 4px 0 4px;
  /* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
  background-color: #FFF;
  vertical-align: top;
  overflow: hidden;
  outline-width: 0;
  white-space: pre-line;
  /* preserve new line character in cell */
  background-clip: padding-box;
}

.handsontable td.htInvalid {
  background-color: #ff4c42 !important; /*gives priority over td.area selection background*/
}

.handsontable td.htNoWrap {
  white-space: nowrap;
}

.handsontable th:last-child {
  /*Foundation framework fix*/
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.handsontable tr:first-child th.htNoFrame,
.handsontable th:first-child.htNoFrame,
.handsontable th.htNoFrame {
  border-left-width: 0;
  background-color: white;
  border-color: #FFF;
}

.handsontable th:first-child,
.handsontable th:nth-child(2),
.handsontable td:first-of-type,
.handsontable .htNoFrame + th,
.handsontable .htNoFrame + td {
  border-left: 1px solid #CCC;
}

.handsontable.htRowHeaders thead tr th:nth-child(2) {
  border-left: 1px solid #CCC;
}

.handsontable tr:first-child th,
.handsontable tr:first-child td {
  border-top: 1px solid #CCC;
}

.ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable tbody tr th,
.ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child {
  border-right-width: 0;
}

.ht_master:not(.innerBorderTop) thead tr:last-child th,
.ht_master:not(.innerBorderTop) ~ .handsontable thead tr:last-child th,
.ht_master:not(.innerBorderTop) thead tr.lastChild th,
.ht_master:not(.innerBorderTop) ~ .handsontable thead tr.lastChild th {
  border-bottom-width: 0;
}

.handsontable th {
  background-color: #f0f0f0;
  color: #222;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
}

.handsontable thead th {
  padding: 0;
}

.handsontable th.active {
  background-color: #CCC;
}

.handsontable thead th .relative {
  padding: 2px 4px;
}

#hot-display-license-info {
  font-size: 10px;
  color: #323232;
  padding: 5px 0 3px 0;
  font-family: Helvetica, Arial, sans-serif;
  text-align: left;
}

/* plugins */
/* row + column resizer*/
.handsontable .manualColumnResizer {
  position: fixed;
  top: 0;
  cursor: col-resize;
  z-index: 110;
  width: 5px;
  height: 25px;
}

.handsontable .manualRowResizer {
  position: fixed;
  left: 0;
  cursor: row-resize;
  z-index: 110;
  height: 5px;
  width: 50px;
}

.handsontable .manualColumnResizer:hover,
.handsontable .manualColumnResizer.active,
.handsontable .manualRowResizer:hover,
.handsontable .manualRowResizer.active {
  background-color: #34a9db;
}

.handsontable .manualColumnResizerGuide {
  position: fixed;
  right: 0;
  top: 0;
  background-color: #34a9db;
  display: none;
  width: 0;
  border-right: 1px dashed #777;
  margin-left: 5px;
}

.handsontable .manualRowResizerGuide {
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #34a9db;
  display: none;
  height: 0;
  border-bottom: 1px dashed #777;
  margin-top: 5px;
}

.handsontable .manualColumnResizerGuide.active,
.handsontable .manualRowResizerGuide.active {
  display: block;
  z-index: 199;
}

.handsontable .columnSorting {
  position: relative;
}

.handsontable .columnSorting.sortAction:hover {
  text-decoration: underline;
  cursor: pointer;
}

.handsontable span.colHeader {
  display: inline-block;
  line-height: 1.1;
}

/* Arrow position */
.handsontable span.colHeader.columnSorting::before {
  /* Centering start */
  top: 50%;
  margin-top: -6px; /* One extra pixel for purpose of proper positioning of sorting arrow, when `font-size` set to default */
  /* Centering end */
  padding-left: 8px; /* For purpose of continuous mouse over experience, when moving between the `span` and the `::before` elements */
  position: absolute;
  right: -9px;
  content: "";
  height: 10px;
  width: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: right;
}

.handsontable span.colHeader.columnSorting.ascending::before {
  /* arrow up; 20 x 40 px, scaled to 5 x 10 px; base64 size: 0.3kB */
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFNJREFUeAHtzjkSgCAUBNHPgsoy97+ulGXRqJE5L+xkxoYt2UdsLb5bqFINz+aLuuLn5rIu2RkO3fZpWENimNgiw6iBYRTPMLJjGFxQZ1hxxb/xBI1qC8k39CdKAAAAAElFTkSuQmCC");
}

.handsontable span.colHeader.columnSorting.descending::before {
  /* arrow down; 20 x 40 px, scaled to 5 x 10 px; base64 size: 0.3kB */
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAMAAADJ7yrpAAAAKlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKE86IAAAADXRSTlMABBEmRGprlJW72e77tTkTKwAAAFJJREFUeAHtzjkSgCAQRNFmQYUZ7n9dKUvru0TmvPAn3br0QfgdZ5xx6x+rQn23GqTYnq1FDcnuzZIO2WmedVqIRVxgGKEyjNgYRjKGkZ1hFIZ3I70LyM0VtU8AAAAASUVORK5CYII=");
}

.htGhostTable .htCore span.colHeader.columnSorting:not(.indicatorDisabled)::after {
  content: "*";
  display: inline-block;
  position: relative;
  /* The multi-line header and header with longer text need more padding to not hide arrow,
  we make header wider in `GhostTable` to make some space for arrow which is positioned absolutely in the main table */
  padding-right: 20px;
}

/* Selection */
.handsontable .wtBorder {
  position: absolute;
  font-size: 0;
}

.handsontable .wtBorder.hidden {
  display: none !important;
}

/* A layer order of the selection types */
.handsontable .wtBorder.current {
  z-index: 10;
}

.handsontable .wtBorder.area {
  z-index: 8;
}

.handsontable .wtBorder.fill {
  z-index: 6;
}

.handsontable td.area,
.handsontable td.area-1,
.handsontable td.area-2,
.handsontable td.area-3,
.handsontable td.area-4,
.handsontable td.area-5,
.handsontable td.area-6,
.handsontable td.area-7 {
  position: relative;
}

.handsontable td.area:before,
.handsontable td.area-1:before,
.handsontable td.area-2:before,
.handsontable td.area-3:before,
.handsontable td.area-4:before,
.handsontable td.area-5:before,
.handsontable td.area-6:before,
.handsontable td.area-7:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  bottom: -100% \9 ; /* Fix for IE9 to spread the ":before" pseudo element to 100% height of the parent element */
  background: #005eff;
}

/* Fix for IE10 and IE11 to spread the ":before" pseudo element to 100% height of the parent element */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .handsontable td.area:before,
  .handsontable td.area-1:before,
  .handsontable td.area-2:before,
  .handsontable td.area-3:before,
  .handsontable td.area-4:before,
  .handsontable td.area-5:before,
  .handsontable td.area-6:before,
  .handsontable td.area-7:before {
    bottom: -100%;
  }
}
.handsontable td.area:before {
  opacity: 0.1;
}

.handsontable td.area-1:before {
  opacity: 0.2;
}

.handsontable td.area-2:before {
  opacity: 0.27;
}

.handsontable td.area-3:before {
  opacity: 0.35;
}

.handsontable td.area-4:before {
  opacity: 0.41;
}

.handsontable td.area-5:before {
  opacity: 0.47;
}

.handsontable td.area-6:before {
  opacity: 0.54;
}

.handsontable td.area-7:before {
  opacity: 0.58;
}

.handsontable tbody th.ht__highlight,
.handsontable thead th.ht__highlight {
  background-color: #dcdcdc;
}

.handsontable tbody th.ht__active_highlight,
.handsontable thead th.ht__active_highlight {
  background-color: #8eb0e7;
  color: #000;
}

/* fill handle */
.handsontable .wtBorder.corner {
  font-size: 0;
  cursor: crosshair;
}

.handsontable .htBorder.htFillBorder {
  background: red;
  width: 1px;
  height: 1px;
}

.handsontableInput {
  border: none;
  outline-width: 0;
  margin: 0;
  padding: 1px 5px 0 5px;
  font-family: inherit;
  line-height: 21px;
  font-size: inherit;
  box-shadow: 0 0 0 2px #5292F7 inset;
  resize: none;
  /*below are needed to overwrite stuff added by jQuery UI Bootstrap theme*/
  display: block;
  color: #000;
  border-radius: 0;
  background-color: #FFF;
  /*overwrite styles potentionally made by a framework*/
}

.handsontableInputHolder {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 104;
}
.handsontableInputHolder *:focus {
  outline: none !important;
}

.htSelectEditor {
  -webkit-appearance: menulist-button !important;
  position: absolute;
  width: auto;
}

/*
TextRenderer readOnly cell
*/
.handsontable .htDimmed {
  color: #777;
}

.handsontable .htSubmenu {
  position: relative;
}

.handsontable .htSubmenu :after {
  content: "▶";
  color: #777;
  position: absolute;
  right: 5px;
  font-size: 9px;
}

/*
TextRenderer horizontal alignment
*/
.handsontable .htLeft {
  text-align: left;
}

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

.handsontable .htRight {
  text-align: right;
}

.handsontable .htJustify {
  text-align: justify;
}

/*
TextRenderer vertical alignment
*/
.handsontable .htTop {
  vertical-align: top;
}

.handsontable .htMiddle {
  vertical-align: middle;
}

.handsontable .htBottom {
  vertical-align: bottom;
}

/*
TextRenderer placeholder value
*/
.handsontable .htPlaceholder {
  color: #999;
}

/*
AutocompleteRenderer down arrow
*/
.handsontable .htAutocompleteArrow {
  float: right;
  font-size: 10px;
  color: #EEE;
  cursor: default;
  width: 16px;
  text-align: center;
}

.handsontable td .htAutocompleteArrow:hover {
  color: #777;
}

.handsontable td.area .htAutocompleteArrow {
  color: #d3d3d3;
}

/*
CheckboxRenderer
*/
.handsontable .htCheckboxRendererInput {
  display: inline-block;
  vertical-align: middle;
}

.handsontable .htCheckboxRendererInput.noValue {
  opacity: 0.5;
}

.handsontable .htCheckboxRendererLabel {
  cursor: pointer;
  display: inline-block;
  width: 100%;
}

/**
 * Handsontable in Handsontable
 */
.handsontable .handsontable.ht_clone_top .wtHider {
  padding: 0 0 5px 0;
}

/**
* Autocomplete Editor
*/
.handsontable .autocompleteEditor.handsontable {
  padding-right: 17px;
}

.handsontable .autocompleteEditor.handsontable.htMacScroll {
  padding-right: 15px;
}

/**
 * Handsontable listbox theme
 */
.handsontable.listbox {
  margin: 0;
}

.handsontable.listbox .ht_master table {
  border: 1px solid #ccc;
  border-collapse: separate;
  background: white;
}

.handsontable.listbox th,
.handsontable.listbox tr:first-child th,
.handsontable.listbox tr:last-child th,
.handsontable.listbox tr:first-child td,
.handsontable.listbox td {
  border-color: transparent;
}

.handsontable.listbox th,
.handsontable.listbox td {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.handsontable.listbox td.htDimmed {
  cursor: default;
  color: inherit;
  font-style: inherit;
}

.handsontable.listbox .wtBorder {
  visibility: hidden;
}

.handsontable.listbox tr td.current,
.handsontable.listbox tr:hover td {
  background: #eee;
}

.ht_clone_top {
  z-index: 101;
}

.ht_clone_left {
  z-index: 102;
}

.ht_clone_top_left_corner,
.ht_clone_bottom_left_corner {
  z-index: 103;
}

.ht_clone_debug {
  z-index: 103;
}

.handsontable td.htSearchResult {
  background: #fcedd9;
  color: #583707;
}

/*
Cell borders
*/
.htBordered {
  /*box-sizing: border-box !important;*/
  border-width: 1px;
}

.htBordered.htTopBorderSolid {
  border-top-style: solid;
  border-top-color: #000;
}

.htBordered.htRightBorderSolid {
  border-right-style: solid;
  border-right-color: #000;
}

.htBordered.htBottomBorderSolid {
  border-bottom-style: solid;
  border-bottom-color: #000;
}

.htBordered.htLeftBorderSolid {
  border-left-style: solid;
  border-left-color: #000;
}

.handsontable tbody tr th:nth-last-child(2) {
  border-right: 1px solid #CCC;
}

.handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer {
  border-bottom: 1px solid #CCC;
  padding-bottom: 5px;
}

.ht_clone_top_left_corner thead tr th:nth-last-child(2) {
  border-right: 1px solid #CCC;
}

.htCollapseButton {
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  margin-bottom: 3px;
  position: relative;
}

.htCollapseButton:after {
  content: "";
  height: 300%;
  width: 1px;
  display: block;
  background: #ccc;
  margin-left: 4px;
  position: absolute;
  /*top: -300%;*/
  bottom: 10px;
}

thead .htCollapseButton {
  right: 5px;
  position: absolute;
  top: 5px;
  background: #fff;
}

thead .htCollapseButton:after {
  height: 1px;
  width: 700%;
  right: 10px;
  top: 4px;
}

.handsontable tr th .htExpandButton {
  position: absolute;
  width: 10px;
  height: 10px;
  line-height: 10px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  cursor: pointer;
  top: 0;
  display: none;
}

.handsontable thead tr th .htExpandButton {
  /*left: 5px;*/
  top: 5px;
}

.handsontable tr th .htExpandButton.clickable {
  display: block;
}

.collapsibleIndicator {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  right: 5px;
  border: 1px solid #A6A6A6;
  line-height: 10px;
  color: #222;
  border-radius: 10px;
  font-size: 10px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  -webkit-box-shadow: 0 0 0 6px rgb(238, 238, 238);
  -moz-box-shadow: 0 0 0 6px rgb(238, 238, 238);
  box-shadow: 0 0 0 6px rgb(238, 238, 238);
  background: #eee;
}

.handsontable col.hidden {
  width: 0 !important;
}

.handsontable table tr th.lightRightBorder {
  border-right: 1px solid #E6E6E6;
}

.handsontable tr.hidden,
.handsontable tr.hidden td,
.handsontable tr.hidden th {
  display: none;
}

.ht_master,
.ht_clone_left,
.ht_clone_top,
.ht_clone_bottom {
  overflow: hidden;
}

.ht_master .wtHolder {
  overflow: auto;
}

.handsontable .ht_master thead,
.handsontable .ht_master tr th,
.handsontable .ht_clone_left thead {
  visibility: hidden;
}

.ht_clone_top .wtHolder,
.ht_clone_left .wtHolder,
.ht_clone_bottom .wtHolder {
  overflow: hidden;
}

/*

 Handsontable Mobile Text Editor stylesheet

 */
.handsontable.mobile,
.handsontable.mobile .wtHolder {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-overflow-scrolling: touch;
}

.htMobileEditorContainer {
  display: none;
  position: absolute;
  top: 0;
  width: 70%;
  height: 54pt;
  background: #f8f8f8;
  border-radius: 20px;
  border: 1px solid #ebebeb;
  z-index: 999;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-text-size-adjust: none;
}

.topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle),
.topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) {
  z-index: 9999;
}

/* Initial left/top coordinates - overwritten when actual position is set */
.topLeftSelectionHandle,
.topLeftSelectionHandle-HitArea,
.bottomRightSelectionHandle,
.bottomRightSelectionHandle-HitArea {
  left: -10000px;
  top: -10000px;
}

.htMobileEditorContainer.active {
  display: block;
}

.htMobileEditorContainer .inputs {
  position: absolute;
  right: 210pt;
  bottom: 10pt;
  top: 10pt;
  left: 14px;
  height: 34pt;
}

.htMobileEditorContainer .inputs textarea {
  font-size: 13pt;
  border: 1px solid #a1a1a1;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: absolute;
  left: 14px;
  right: 14px;
  top: 0;
  bottom: 0;
  padding: 7pt;
}

.htMobileEditorContainer .cellPointer {
  position: absolute;
  top: -13pt;
  height: 0;
  width: 0;
  left: 30px;
  border-left: 13pt solid transparent;
  border-right: 13pt solid transparent;
  border-bottom: 13pt solid #ebebeb;
}

.htMobileEditorContainer .cellPointer.hidden {
  display: none;
}

.htMobileEditorContainer .cellPointer:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  height: 0;
  width: 0;
  left: -13pt;
  border-left: 13pt solid transparent;
  border-right: 13pt solid transparent;
  border-bottom: 13pt solid #f8f8f8;
}

.htMobileEditorContainer .moveHandle {
  position: absolute;
  top: 10pt;
  left: 5px;
  width: 30px;
  bottom: 0px;
  cursor: move;
  z-index: 9999;
}

.htMobileEditorContainer .moveHandle:after {
  content: "..\a..\a..\a..";
  white-space: pre;
  line-height: 10px;
  font-size: 20pt;
  display: inline-block;
  margin-top: -8px;
  color: #ebebeb;
}

.htMobileEditorContainer .positionControls {
  width: 205pt;
  position: absolute;
  right: 5pt;
  top: 0;
  bottom: 0;
}

.htMobileEditorContainer .positionControls > div {
  width: 50pt;
  height: 100%;
  float: left;
}

.htMobileEditorContainer .positionControls > div:after {
  content: " ";
  display: block;
  width: 15pt;
  height: 15pt;
  text-align: center;
  line-height: 50pt;
}

.htMobileEditorContainer .leftButton:after,
.htMobileEditorContainer .rightButton:after,
.htMobileEditorContainer .upButton:after,
.htMobileEditorContainer .downButton:after {
  transform-origin: 5pt 5pt;
  -webkit-transform-origin: 5pt 5pt;
  margin: 21pt 0 0 21pt;
}

.htMobileEditorContainer .leftButton:after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(-45deg);
  /*margin-top: 17pt;*/
  /*margin-left: 20pt;*/
}

.htMobileEditorContainer .leftButton:active:after {
  border-color: #cfcfcf;
}

.htMobileEditorContainer .rightButton:after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(135deg);
  /*margin-top: 17pt;*/
  /*margin-left: 10pt;*/
}

.htMobileEditorContainer .rightButton:active:after {
  border-color: #cfcfcf;
}

.htMobileEditorContainer .upButton:after {
  /*border-top: 2px solid #cfcfcf;*/
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(45deg);
  /*margin-top: 22pt;*/
  /*margin-left: 15pt;*/
}

.htMobileEditorContainer .upButton:active:after {
  border-color: #cfcfcf;
}

.htMobileEditorContainer .downButton:after {
  border-top: 2px solid #288ffe;
  border-left: 2px solid #288ffe;
  -webkit-transform: rotate(225deg);
  /*margin-top: 15pt;*/
  /*margin-left: 15pt;*/
}

.htMobileEditorContainer .downButton:active:after {
  border-color: #cfcfcf;
}

.handsontable.hide-tween {
  -webkit-animation: opacity-hide 0.3s;
  animation: opacity-hide 0.3s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.handsontable.show-tween {
  -webkit-animation: opacity-show 0.3s;
  animation: opacity-show 0.3s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}

.pika-single:after {
  clear: both;
}

.pika-single {
  *zoom: 1;
}

.pika-single.is-hidden {
  display: none;
}

.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}

.pika-title {
  position: relative;
  text-align: center;
}

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}

.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
  *position: absolute;
  *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}

.pika-select {
  display: inline-block;
  *display: inline;
}

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}

.pika-table th,
.pika-table td {
  width: 14.2857142857%;
  padding: 0;
}

.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}

.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}

.pika-week {
  font-size: 11px;
  color: #999;
}

.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}

.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}

.is-inrange .pika-button {
  background: #D5E9F7;
}

.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px;
}

.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px;
}

.is-disabled .pika-button,
.is-outside-current-month .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: 0.3;
}

.pika-button:hover {
  color: #fff;
  background: #ff8000;
  box-shadow: none;
  border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}

.htCommentCell {
  position: relative;
}

.htCommentCell:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-left: 6px solid transparent;
  border-top: 6px solid black;
}

.htComments {
  display: none;
  z-index: 1059;
  position: absolute;
}

.htCommentTextArea {
  box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  border-left: 3px solid #ccc;
  background-color: #fff;
  width: 215px;
  height: 90px;
  font-size: 12px;
  padding: 5px;
  outline: 0px !important;
  -webkit-appearance: none;
}

.htCommentTextArea:focus {
  box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px, inset 0 0 0 1px #5292f7;
  border-left: 3px solid #5292f7;
}

/*!
 * Handsontable ContextMenu
 */
.htContextMenu:not(.htGhostTable) {
  display: none;
  position: absolute;
  z-index: 1060; /* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */
}

.htContextMenu .ht_clone_top,
.htContextMenu .ht_clone_left,
.htContextMenu .ht_clone_corner,
.htContextMenu .ht_clone_debug {
  display: none;
}

.htContextMenu table.htCore {
  border: 1px solid #ccc;
  border-bottom-width: 2px;
  border-right-width: 2px;
}

.htContextMenu .wtBorder {
  visibility: hidden;
}

.htContextMenu table tbody tr td {
  background: white;
  border-width: 0;
  padding: 4px 6px 0 6px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.htContextMenu table tbody tr td:first-child {
  border: 0;
}

.htContextMenu table tbody tr td.htDimmed {
  font-style: normal;
  color: #323232;
}

.htContextMenu table tbody tr td.current,
.htContextMenu table tbody tr td.zeroclipboard-is-hover {
  background: #f3f3f3;
}

.htContextMenu table tbody tr td.htSeparator {
  border-top: 1px solid #e6e6e6;
  height: 0;
  padding: 0;
  cursor: default;
}

.htContextMenu table tbody tr td.htDisabled {
  color: #999;
  cursor: default;
}

.htContextMenu table tbody tr td.htDisabled:hover {
  background: #fff;
  color: #999;
  cursor: default;
}

.htContextMenu table tbody tr.htHidden {
  display: none;
}

.htContextMenu table tbody tr td .htItemWrapper {
  margin-left: 10px;
  margin-right: 6px;
}

.htContextMenu table tbody tr td div span.selected {
  margin-top: -2px;
  position: absolute;
  left: 4px;
}

.htContextMenu .ht_master .wtHolder {
  overflow: hidden;
}

textarea#HandsontableCopyPaste {
  position: fixed !important;
  top: 0 !important;
  right: 100% !important;
  overflow: hidden;
  opacity: 0;
  outline: 0 none !important;
}

.htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_top_left_corner th:nth-child(2),
.htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_left td:first-of-type {
  border-left: 0 none;
}

.handsontable .wtHider {
  position: relative;
}

.handsontable.ht__manualColumnMove.after-selection--columns thead th.ht__highlight {
  cursor: move;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}

.handsontable.ht__manualColumnMove.on-moving--columns,
.handsontable.ht__manualColumnMove.on-moving--columns thead th.ht__highlight {
  cursor: move;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.handsontable.ht__manualColumnMove.on-moving--columns .manualColumnResizer {
  display: none;
}

.handsontable .ht__manualColumnMove--guideline,
.handsontable .ht__manualColumnMove--backlight {
  position: absolute;
  height: 100%;
  display: none;
}

.handsontable .ht__manualColumnMove--guideline {
  background: #757575;
  width: 2px;
  top: 0;
  margin-left: -1px;
  z-index: 105;
}

.handsontable .ht__manualColumnMove--backlight {
  background: #343434;
  background: rgba(52, 52, 52, 0.25);
  display: none;
  z-index: 105;
  pointer-events: none;
}

.handsontable.on-moving--columns.show-ui .ht__manualColumnMove--guideline,
.handsontable.on-moving--columns .ht__manualColumnMove--backlight {
  display: block;
}

.handsontable .wtHider {
  position: relative;
}

.handsontable.ht__manualRowMove.after-selection--rows tbody th.ht__highlight {
  cursor: move;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}

.handsontable.ht__manualRowMove.on-moving--rows,
.handsontable.ht__manualRowMove.on-moving--rows tbody th.ht__highlight {
  cursor: move;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.handsontable.ht__manualRowMove.on-moving--rows .manualRowResizer {
  display: none;
}

.handsontable .ht__manualRowMove--guideline,
.handsontable .ht__manualRowMove--backlight {
  position: absolute;
  width: 100%;
  display: none;
}

.handsontable .ht__manualRowMove--guideline {
  background: #757575;
  height: 2px;
  left: 0;
  margin-top: -1px;
  z-index: 105;
}

.handsontable .ht__manualRowMove--backlight {
  background: #343434;
  background: rgba(52, 52, 52, 0.25);
  display: none;
  z-index: 105;
  pointer-events: none;
}

.handsontable.on-moving--rows.show-ui .ht__manualRowMove--guideline,
.handsontable.on-moving--rows .ht__manualRowMove--backlight {
  display: block;
}

.handsontable tbody td[rowspan][class*=area][class*=highlight]:not([class*=fullySelectedMergedCell]):before {
  opacity: 0;
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-multiple]:before {
  opacity: 0.1;
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-0]:before {
  opacity: 0.1;
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-1]:before {
  opacity: 0.2;
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-2]:before {
  opacity: 0.27;
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-3]:before {
  opacity: 0.35;
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-4]:before {
  opacity: 0.41;
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-5]:before {
  opacity: 0.47;
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-6]:before {
  opacity: 0.54;
}

.handsontable tbody td[rowspan][class*=area][class*=highlight][class*=fullySelectedMergedCell-7]:before {
  opacity: 0.58;
}

/* Copyright (c) 2015-2017 Andrey Izman <izmanw@gmail.com>
 *
 * Permission is hereby granted, free of charge, to any person obtaining
 * a copy of this software and associated documentation files (the
 * "Software"), to deal in the Software without restriction, including
 * without limitation the rights to use, copy, modify, merge, publish,
 * distribute, sublicense, and/or sell copies of the Software, and to
 * permit persons to whom the Software is furnished to do so, subject to
 * the following conditions:
 *
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
 * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
 * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] {
  position: absolute;
  z-index: 1000;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item {
  font-size: 14px;
  padding: 1px 3px;
  border: 0;
}

.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item a {
  text-decoration: none;
  display: block;
  height: 100%;
  line-height: 1.8em;
  padding: 0 1.54em 0 0.615em;
  color: #4f4f4f;
}

.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item.active, .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item:hover {
  background-color: #e4e4e4;
}

.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item.active a, .dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item:hover a {
  color: #333;
}

.dropdown-menu.textcomplete-dropdown[data-strategy=emojionearea] li.textcomplete-item .emojioneemoji {
  font-size: inherit;
  height: 2ex;
  width: 2.1ex;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: 0 5px 0.2ex 0;
  line-height: normal;
  vertical-align: middle;
  max-width: 100%;
  top: 0;
}

.emojionearea-text .emojioneemoji, .emojionearea-text [class*=emojione-] {
  font-size: inherit;
  height: 2ex;
  width: 2.1ex;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -0.2ex 0.15em 0.2ex;
  line-height: normal;
  vertical-align: middle;
  max-width: 100%;
  top: 0;
}

.emojionearea, .emojionearea * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.emojionearea.emojionearea-disable {
  position: relative;
  background-color: #eee;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.emojionearea.emojionearea-disable:before {
  content: "";
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0.3;
  position: absolute;
  background-color: #eee;
}

.emojionearea, .emojionearea.form-control {
  display: block;
  position: relative !important;
  width: 100%;
  height: auto;
  padding: 0;
  font-size: 14px;
  background-color: #FFF;
  border: 1px solid #CCC;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-transition: border-color 0.15s ease-in-out, -moz-box-shadow 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.emojionearea.focused {
  border-color: #66AFE9;
  outline: 0;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.emojionearea .emojionearea-editor {
  display: block;
  height: auto;
  min-height: 8em;
  max-height: 15em;
  overflow: auto;
  padding: 6px 24px 6px 12px;
  line-height: 1.42857143;
  font-size: inherit;
  color: #555;
  background-color: transparent;
  border: 0;
  cursor: text;
  margin-right: 1px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.emojionearea .emojionearea-editor:empty:before {
  content: attr(placeholder);
  display: block;
  color: #BBB;
}

.emojionearea .emojionearea-editor:focus {
  border: 0;
  outline: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.emojionearea .emojionearea-editor .emojioneemoji, .emojionearea .emojionearea-editor [class*=emojione-] {
  font-size: inherit;
  height: 2ex;
  width: 2.1ex;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -0.2ex 0.15em 0.2ex;
  line-height: normal;
  vertical-align: middle;
  max-width: 100%;
  top: 0;
}

.emojionearea.emojionearea-inline {
  height: 34px;
}

.emojionearea.emojionearea-inline > .emojionearea-editor {
  height: 32px;
  min-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 12px;
  right: 24px;
  padding: 6px 0;
}

.emojionearea.emojionearea-inline > .emojionearea-button {
  top: 4px;
}

.emojionearea .emojionearea-button {
  z-index: 5;
  position: absolute;
  right: 3px;
  top: 3px;
  width: 24px;
  height: 24px;
  opacity: 0.6;
  cursor: pointer;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.emojionearea .emojionearea-button:hover {
  opacity: 1;
}

.emojionearea .emojionearea-button > div {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.emojionearea .emojionearea-button > div.emojionearea-button-open {
  background-position: 0 -24px;
  filter: alpha(enabled=false);
  opacity: 1;
}

.emojionearea .emojionearea-button > div.emojionearea-button-close {
  background-position: 0 0;
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  filter: alpha(Opacity=0);
  opacity: 0;
}

.emojionearea .emojionearea-button.active > div.emojionearea-button-open {
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  filter: alpha(Opacity=0);
  opacity: 0;
}

.emojionearea .emojionearea-button.active > div.emojionearea-button-close {
  -webkit-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  filter: alpha(enabled=false);
  opacity: 1;
}

.emojionearea .emojionearea-picker {
  background: #FFF;
  position: absolute;
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.32);
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.32);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.32);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 276px;
  width: 316px;
  top: -15px;
  right: -15px;
  z-index: 90;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  filter: alpha(Opacity=0);
  opacity: 0;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.emojionearea .emojionearea-picker.hidden {
  display: none;
}

.emojionearea .emojionearea-picker .emojionearea-wrapper {
  position: relative;
  height: 276px;
  width: 316px;
}

.emojionearea .emojionearea-picker .emojionearea-wrapper:after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  z-index: 91;
}

.emojionearea .emojionearea-picker .emojionearea-filters {
  width: 100%;
  position: absolute;
  z-index: 95;
  background: #F5F7F9;
  padding: 0 0 0 7px;
  height: 40px;
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter {
  display: block;
  float: left;
  height: 40px;
  width: 32px;
  padding: 7px 1px 0;
  cursor: pointer;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active {
  background: #fff;
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active, .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter > i {
  width: 24px;
  height: 24px;
  top: 0;
}

.emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter > img {
  width: 24px;
  height: 24px;
  margin: 0 3px;
}

.emojionearea .emojionearea-picker .emojionearea-search-panel {
  height: 30px;
  position: absolute;
  z-index: 95;
  top: 40px;
  left: 0;
  right: 0;
  padding: 5px 0 5px 8px;
}

.emojionearea .emojionearea-picker .emojionearea-search-panel .emojionearea-tones {
  float: right;
  margin-right: 10px;
  margin-top: -1px;
}

.emojionearea .emojionearea-picker .emojionearea-tones-panel .emojionearea-tones {
  position: absolute;
  top: 4px;
  left: 171px;
}

.emojionearea .emojionearea-picker .emojionearea-search {
  float: left;
  padding: 0;
  height: 20px;
  width: 160px;
}

.emojionearea .emojionearea-picker .emojionearea-search > input {
  outline: 0;
  width: 160px;
  min-width: 160px;
  height: 20px;
}

.emojionearea .emojionearea-picker .emojionearea-tones {
  padding: 0;
  width: 120px;
  height: 20px;
}

.emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone {
  display: inline-block;
  padding: 0;
  border: 0;
  vertical-align: middle;
  outline: 0;
  background: 0 0;
  cursor: pointer;
  position: relative;
}

.emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-0, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-0:after {
  background-color: #ffcf3e;
}

.emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-1, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-1:after {
  background-color: #fae3c5;
}

.emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-2, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-2:after {
  background-color: #e2cfa5;
}

.emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-3, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-3:after {
  background-color: #daa478;
}

.emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-4, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-4:after {
  background-color: #a78058;
}

.emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-5, .emojionearea .emojionearea-picker .emojionearea-tones > .btn-tone.btn-tone-5:after {
  background-color: #5e4d43;
}

.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone {
  width: 20px;
  height: 20px;
  margin: 0;
  background-color: transparent;
}

.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone:after {
  content: "";
  position: absolute;
  display: block;
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
}

.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone.active:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone.active:after {
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
}

.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio > .btn-tone {
  width: 16px;
  height: 16px;
  margin: 0 2px;
}

.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone.active:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio > .btn-tone.active:after {
  content: "";
  position: absolute;
  display: block;
  background-color: transparent;
  border: 2px solid #fff;
  width: 8px;
  height: 8px;
  top: 2px;
  left: 2px;
  box-sizing: initial;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block:before, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block > .emojionearea-category:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block > .emojionearea-category:before, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title:before {
  content: " ";
  clear: both;
  display: block;
}

.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-bullet > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-radio > .btn-tone:after {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-tones.emojionearea-tones-square > .btn-tone:after {
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area {
  height: 236px;
  overflow: auto;
  overflow-x: hidden;
  width: 100%;
  position: absolute;
  padding: 0 0 5px;
}

.emojionearea .emojionearea-picker .emojionearea-search-panel + .emojionearea-scroll-area {
  height: 206px;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-emojis-list {
  z-index: 1;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title {
  display: block;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #b2b2b2;
  background: #FFF;
  line-height: 20px;
  margin: 0;
  padding: 7px 0 5px 6px;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block {
  padding: 0 0 0 7px;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-block > .emojionearea-category {
  padding: 0 !important;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area [class*=emojione-] {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0;
  width: 24px;
  height: 24px;
  top: 0;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 24px;
  height: 24px;
  float: left;
  display: block;
  margin: 1px;
  padding: 3px;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn:hover {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #e4e4e4;
  cursor: pointer;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn i, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img {
  float: left;
  display: block;
  width: 24px;
  height: 24px;
}

.emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img.lazy-emoji {
  filter: alpha(Opacity=0);
  opacity: 0;
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-filters {
  top: 0;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-top .emojionearea-scroll-area {
  bottom: 0;
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-bottom .emojionearea-scroll-area {
  top: 40px;
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-top.emojionearea-search-position-bottom .emojionearea-search-panel {
  top: initial;
  bottom: 0;
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom .emojionearea-filters {
  bottom: 0;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-bottom .emojionearea-scroll-area {
  top: 0;
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-bottom .emojionearea-search-panel, .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-top .emojionearea-scroll-area {
  top: initial;
  bottom: 40px;
}

.emojionearea .emojionearea-picker.emojionearea-filters-position-bottom.emojionearea-search-position-top .emojionearea-search-panel {
  top: 0;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-top {
  margin-top: -286px;
  right: -14px;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after {
  width: 19px;
  height: 10px;
  background-position: -2px -49px;
  bottom: -10px;
  right: 20px;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-top.emojionearea-filters-position-bottom .emojionearea-wrapper:after {
  background-position: -2px -80px;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-left, .emojionearea .emojionearea-picker.emojionearea-picker-position-right {
  margin-right: -326px;
  top: -8px;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after, .emojionearea .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after {
  width: 10px;
  height: 19px;
  background-position: 0 -60px;
  top: 13px;
  left: -10px;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-left.emojionearea-filters-position-bottom .emojionearea-wrapper:after, .emojionearea .emojionearea-picker.emojionearea-picker-position-right.emojionearea-filters-position-bottom .emojionearea-wrapper:after {
  background-position: right -60px;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom {
  margin-top: 10px;
  right: -14px;
  top: 47px;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
  width: 19px;
  height: 10px;
  background-position: -2px -100px;
  top: -10px;
  right: 20px;
}

.emojionearea .emojionearea-picker.emojionearea-picker-position-bottom.emojionearea-filters-position-bottom .emojionearea-wrapper:after {
  background-position: -2px -90px;
}

.emojionearea .emojionearea-button.active + .emojionearea-picker {
  filter: alpha(enabled=false);
  opacity: 1;
}

.emojionearea .emojionearea-button.active + .emojionearea-picker-position-top {
  margin-top: -269px;
}

.emojionearea .emojionearea-button.active + .emojionearea-picker-position-left, .emojionearea .emojionearea-button.active + .emojionearea-picker-position-right {
  margin-right: -309px;
}

.emojionearea .emojionearea-button.active + .emojionearea-picker-position-bottom {
  margin-top: -7px;
}

.emojionearea.emojionearea-standalone {
  display: inline-block;
  width: auto;
  box-shadow: none;
}

.emojionearea.emojionearea-standalone .emojionearea-editor {
  min-height: 33px;
  position: relative;
  padding: 6px 42px 6px 6px;
}

.emojionearea.emojionearea-standalone .emojionearea-editor::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 50%;
  bottom: 4px;
  border-left: 1px solid #e6e6e6;
}

.emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder .emojioneemoji {
  opacity: 0.4;
}

.emojionearea.emojionearea-standalone .emojionearea-button {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
}

.emojionearea.emojionearea-standalone .emojionearea-button > div {
  right: 6px;
  top: 5px;
}

.emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after, .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after {
  right: 23px;
}

.emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after, .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after {
  top: 15px;
}

.emojionearea .emojionearea-button > div, .emojionearea .emojionearea-picker .emojionearea-wrapper:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAABuCAYAAADMB4ipAAAHfElEQVRo3u1XS1NT2Rb+9uOcQF4YlAJzLymFUHaLrdxKULvEUNpdTnRqD532f+AHMLMc94gqR1Zbt8rBnUh3YXipPGKwRDoWgXvrYiFUlEdIkPPYZ/dAkwox5yQCVt/bzRrBPnt9e+211/etFeDQDu3ArL+/X37OeqmRWoH7+vpItfWawStF1tfXR+zW9xW5ne0p8loOcAKuCdwpRft60C8a+X5zTvebCqcAvmidf1GGHtqhHdpf1qqKzsrKipyensbi4iKWl5cBAMFgEG1tbYhGo2hpadlbmxseHpaDg4MAgI6ODng8HgBAPp/H/Pw8AODatWvo7e2tvUHrui7v3r2L+fl5XL58GVeuXIHH49m1N5/Py0ePHmF0dBQdHR24desWVFXdtYdXAn/48CHm5+dx8+ZNRKPRigEUDpuenpb3799H4YaOnWh5eVmOj48jFoshGo0STdPkwMCAXF5elqV7BgYGpKZpMhqNklgshrGxMbx580Y6gicSCTDGEIvFAADpdBqpVArJZLK4J5lMIpVKIZ1OAwBisRgYY0gkEs6Rp1IphMNh+Hw+AgCGYQAANE0r7in8Xfjm8/lIOBzGq1evnMHX19fR1NRU/D8UCoFzjnA4XFwLh8PgnCMUChXXmpqakM1mUfVBS62xsZHk83lZWi1nz579ZA0AhBDO4A0NDchkMsWSJIRAURRiVy26rktVVUkmk0EgEHAGP3XqFKamppDP56Vpmrhz5w5u374t/X4/OP+w3TRNZLNZ6LoO0zSRz+dlf38/Ll686Jzz8+fPQwiBeDwOt9tNrl+/jkwmU6yaQpVkMhncuHEDbrebxONxCCEQiUScIw8Gg+TBgwdyZGQEyWRSdnV1kVQqJYeGhrC6ugrGGEKhEHp7e3Hy5EmSTCblvXv30NPTg2AwSA6M/vF4HCMjI7b0/yzh8vv9AIBsNrt34aokuQsLC7skt729varkHtqftUFf++FHsrq0QN3eBvp68Tfvf9Mv12oFCYU7G//e9nVuO7dpNbe2W4M//yQr0p8yRvyBo1Zr++lwLcCt7afD/sBRizJGavrB1dDYYh47Htrq+Kb7jBNwxzfdZ44dD201NLaYVUkU7ozQpuAJBkARwnRZpunN5zaa5hJjiXLH05GeiMd7JEM5zzHGNQBGZvk/Iv0yYVWMvK0zKk1Dl6ahW5RQobjqdjy+wEZn9PKF0n2d0csXPL7AhuKq26GECtPQLdPQZVtn1LlB69p7yRVVSEiDEGJwRd12e4+8PR3piRQidnuPvOWKuk0IMSSkwRVV6Np7WVVbSqvGsgSnlKkAFNPQXdrOtuKqcxtcUTUAhmUJnVJmlleJo3CVHmAaOlPUOmYJkxFKibQsSRkXhr4juKIKO2BHVSwcoLrqCVdUYho6K3YYRRWmoUtdey/tgKtK7rUffiQAsLq08MnbNLe2WwBgB/zHzueFyD8nwlIfbvdx8eU0WV1aKD1cVAMs9+F2j9gUPEEKemEJIe3AnXy4XfkBoNKSZHNthWfX31EA69VKttyHVyIOY1wRwmS6tqNsrr31vXo5k/bUu4gT2cp9lhbm0rzCJpeUUrE0vS63+c7/6uXMbDUWl/ssLczNFrVFddUT09AZpUy1LKvO0DVfPrfR9HxqfNbuEe185l9MFX3o6tIC5YpKFLWOfdQQ93Zu49j0+FDCDtjOp1yaOQCYhs4Y40wI05XfWj8yPT40Ua2ey33mEmMTtp2IUEq0nW3FKeJPGPjRp1Iz2QUuLUu66txG9NLVSK3gBZ+C1lcE54oqKOOCK6rm8QU2unu+u1ANuNynvFsBAG1ubbdMQ5eGviMAFDuP0w3sfMpvQEtb24fOQncU1bXl8R7JnOu+ZNv97XxKJwY6+PNPsrm13drObVqUMlMIU5OWpVHOc96Go5lTnV2fzC/VfAozD7HTCa6olBBa1Imlhbmq2lLuQ5xaW6nCPfnln0Yt7bDUhzhps8cfKH5//uTXmvS81OeLdqI/ZoROzSZrHqG/OvOPzxuhK5VgJTvV2bW3EdqJRABwrvvS/kfoSkoZvXT1YEbociHr7vnuYEfogpBFL109HKH/h0fomnXg3Lff79r7/MmvVbWG7gX4QObzc99+Tz7mHKah05KcW6ahQ9feS6cbMCdgt7eBWJagjCuUAC5tZzuouuo0Spm0hElc9R4cbf4bVl8v1p6WUmCuqEwIs34ruxaeeTy4uJVd67As08UVlVmWoG5vA7FLG3WMmHEupVTyW+vh2cn4DADMTsaTuc21LiGEhzHOnQ6gNtMrJSBMCKHkNt999WLi0S7hejEZH81n174WpukiIMw0dKq66p3Bw50RwhUVXFGJKUy28Xal48VkfKrSlWenhsc23q2cEB9SR7iiItwZIbbgHn8AlDFCCMW7laXjqZnHjkNpaubJzNuVpWZCKChjxOMPVH/QlaW0f/G3ZLqWWl6ce/bvlddp7yFD/w8Z+njoX1+GoZMjgzMAMDkyeLAMnRh+uKveJ0YGD4ahEyODFRk6OfrL/hj67GnckaHPng7vjaGzyYmaGDr77KktQ38H8tqx8Wja+WIAAAAASUVORK5CYII=) !important;
}

.emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder {
  background-repeat: no-repeat;
  background-position: 20px 4px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQMAAABsu86kAAAABlBMVEUAAAC/v79T5hyIAAAAAXRSTlMAQObYZgAAABNJREFUCNdjYGNgQEb/P4AQqiAASiUEG6Vit44AAAAASUVORK5CYII=) !important;
}

/*!
 * Ajax Bootstrap Select
 *
 * Extends existing [Bootstrap Select] implementations by adding the ability to search via AJAX requests as you type. Originally for CROSCON.
 *
 * @version 1.4.3
 * @author Adam Heim - https://github.com/truckingsim
 * @link https://github.com/truckingsim/Ajax-Bootstrap-Select
 * @copyright 2017 Adam Heim
 * @license Released under the MIT license.
 *
 * Contributors:
 *   Mark Carver - https://github.com/markcarver
 *
 * Last build: 2017-11-15 1:19:47 PM EST
 */
.bootstrap-select .status {
  background: #f0f0f0;
  clear: both;
  color: #999;
  font-size: 11px;
  font-style: italic;
  font-weight: 500;
  line-height: 1;
  margin-bottom: -5px;
  padding: 10px 20px;
}

/* Extending Bootstrap */
/* navbar avatar image */
.navbar-nav .dropdown-toggle[title=Account] {
  align-items: center;
  display: inline-flex;
  height: 50px;
  padding: 10px 15px;
}
.navbar-nav .dropdown-toggle[title=Account] .global-avatar-container {
  margin-left: 5px;
}

.nav-tabs > li.active.has-error > a {
  color: #ce0c24;
}

@media (max-width: 886px) {
  .hidden-xs-custom {
    display: none;
  }
}
@media (min-width: 1075px) {
  .col-sm-3-custom {
    float: left;
    width: 25%;
  }
  .col-sm-9-custom {
    float: left;
    width: 75%;
  }
}
.col-sm-3-custom {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.col-sm-9-custom {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.step-comment .col-xs-12 {
  float: none;
}

.result-comment .col-xs-12 {
  float: none;
}

@media (max-width: 1188px) {
  .navbar-header {
    float: none;
  }
  .navbar-left,
  .navbar-right {
    float: none !important;
  }
  .navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
  }
  .navbar-fixed-top {
    border-width: 0 0 1px;
    top: 0;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-bottom: 10px;
    padding-top: 10px;
  }
  .collapse.in {
    display: block !important;
  }
  .container {
    width: 100%;
  }
}
.btn .fas {
  margin-right: 5px;
}

.bootstrap-datetimepicker-widget .dow {
  font-size: 14px;
}

.btn:active:focus {
  outline: none;
}

.dataTables_scrollBody .column-grip {
  display: none !important;
}

.table.dataTable {
  table-layout: initial;
  text-overflow: initial;
  width: 100%;
  word-break: initial;
}
.table.dataTable.table--reorderable-columns thead tr th:not(:first-child) {
  padding-left: 24px;
}
.table.dataTable.table--reorderable-columns thead tr th:not(:first-child) .column-grip {
  color: #475467;
  cursor: grabbing;
  display: block;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 6px;
}
.table.dataTable.table--reorderable-columns thead tr th:not(:first-child):hover .column-grip {
  opacity: 1;
}
.table.dataTable thead tr th {
  background-color: #eaecf0;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
.table.dataTable thead tr th .modal-tooltiptext {
  margin-left: -10px;
  margin-top: 10px;
}
.table.dataTable thead tr th::after {
  color: #98a2b3;
  font-weight: normal;
  opacity: 1;
}
.table.dataTable thead tr th.sorting:hover {
  background-color: #d0d5dd;
}
.table.dataTable thead tr th:first-child {
  border-left: 0;
  border-top-left-radius: 4px;
}
.table.dataTable thead tr th:last-child {
  border-top-right-radius: 4px;
}
.table.dataTable thead tr th,
.table.dataTable thead tr td {
  padding: 8px 6px;
}
.table.dataTable tbody tr.selected,
.table.dataTable tbody tr .selected {
  background-color: #eaecf0;
}
.table.dataTable tbody td {
  padding-left: 10px;
}
.table.dataTable tbody td .nowrap {
  white-space: nowrap;
}
.table.dataTable tbody .dt-body-center {
  padding-left: 8px;
}
.table.dataTable .sorting_desc,
.table.dataTable .sorting_asc {
  background-color: #d0d5dd;
}
.table.dataTable .sorting_desc::after,
.table.dataTable .sorting_asc::after {
  color: #475467;
}

.dataTables_paginate .paginate_button {
  background-color: transparent;
  display: inline-block;
  line-height: 36px;
  margin-left: 4px;
  min-width: 36px;
  position: relative;
  text-align: center;
}
.dataTables_paginate .paginate_button a {
  align-items: center;
  background-color: inherit;
  border: 1px solid transparent;
  border-radius: 4px;
  color: inherit;
  display: flex;
  justify-content: center;
  min-height: 36px;
  min-width: 36px;
  outline: 0;
}
.dataTables_paginate .paginate_button a:hover, .dataTables_paginate .paginate_button a:focus {
  background-color: inherit;
  border: 1px solid transparent;
  outline: 0;
}
.dataTables_paginate .paginate_button:focus {
  outline: 0;
}
.dataTables_paginate .paginate_button.active {
  min-height: 36px;
}
.dataTables_paginate .paginate_button.active a {
  min-width: 36px;
  min-height: 36px;
  background-color: inherit;
  border: 1px solid #104da9;
  color: inherit;
}
.dataTables_paginate .paginate_button.active a:hover, .dataTables_paginate .paginate_button.active a:focus {
  background-color: inherit;
  color: inherit;
}
.dataTables_paginate .paginate_button.previous {
  align-items: center;
  display: inline-flex;
}
.dataTables_paginate .paginate_button.previous::before {
  font-family: "SN-icon-font";
  font-size: 24px !important;
  content: "\e932";
}
.dataTables_paginate .paginate_button.previous a {
  min-height: unset;
  padding-left: 0.25rem;
}
.dataTables_paginate .paginate_button.next {
  align-items: center;
  display: inline-flex;
}
.dataTables_paginate .paginate_button.next::after {
  font-family: "SN-icon-font";
  font-size: 24px !important;
  content: "\e931";
}
.dataTables_paginate .paginate_button.next a {
  min-height: unset;
  padding-right: 0.25rem;
}

.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 16px;
  opacity: 0.6;
  margin: 0 1rem 0 5px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}
.ps__rail-x::after, .ps__rail-x::before {
  content: "";
  display: block;
  background-color: var(--sn-white);
  height: 1rem;
  position: absolute;
  width: 1rem;
  top: 0;
}
.ps__rail-x::after {
  right: -1rem;
  border-bottom-right-radius: 4px;
}
.ps__rail-x::before {
  left: -5px;
  border-bottom-left-radius: 4px;
  width: 5px;
}

.ps__rail-y {
  display: none;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 16px;
  opacity: 0.6;
  margin: 1rem 0;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
  cursor: pointer;
  z-index: 5;
}
.ps__rail-y::after, .ps__rail-y::before {
  content: "";
  display: block;
  position: absolute;
  background-color: var(--sn-white);
  height: 1rem;
  width: 1rem;
  left: 0;
}
.ps__rail-y::after {
  bottom: -1rem;
  border-bottom-right-radius: 4px;
}
.ps__rail-y::before {
  border-bottom-right-radius: 4px;
  top: -1rem;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: var(--sn-white);
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #1d2939;
  border-radius: 4px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  opacity: 0.5;
  position: absolute;
}

.ps__thumb-y {
  background-color: #1d2939;
  border-radius: 3px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  opacity: 0.5;
  position: absolute;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
#user_assignments_modal .btn-role-select:focus {
  box-shadow: none;
  outline: none;
}
#user_assignments_modal .btn-role-select.disabled {
  color: #475467;
  opacity: 1;
}
#user_assignments_modal .modal-body {
  max-height: calc(100vh - 190px);
  min-height: 370px;
  overflow: auto;
}
#user_assignments_modal .member-item {
  border-bottom: 1px solid #eaecf0;
  padding: 0.5em 0;
}
#user_assignments_modal .user-assignment-role .dropdown-toggle,
#user_assignments_modal .user-assignment-remove .btn {
  border-width: 0;
}
#user_assignments_modal .new-member-item .user-assignment-role .dropdown-toggle {
  border-color: #475467;
  border-width: 1px;
  width: 200px;
}
#user_assignments_modal .new-member-item .user-assignment-role .dropdown-toggle.btn:focus {
  box-shadow: none;
  outline: none !important;
}
#user_assignments_modal .member-item,
#user_assignments_modal .user-assignment-info,
#user_assignments_modal .user-assignment-controls {
  align-items: center;
  display: flex;
}
#user_assignments_modal .member-item .text-muted,
#user_assignments_modal .user-assignment-info .text-muted,
#user_assignments_modal .user-assignment-controls .text-muted {
  color: #98a2b3;
}
#user_assignments_modal .user-assignment-controls {
  margin-left: auto;
}
#user_assignments_modal .user-assignment-controls .caret {
  margin-left: 0.75em;
}
#user_assignments_modal .user-assignment-dropdown a {
  padding: 8px 16px;
}
#user_assignments_modal .global-avatar-container {
  margin-right: 1em;
}
#user_assignments_modal .user-assignment-remove {
  margin-left: 1em;
  min-width: 7em;
}
#user_assignments_modal a,
#user_assignments_modal .bootstrap-select > .dropdown-toggle.bs-placeholder {
  color: #475467;
}
#user_assignments_modal .sci-checkbox-container {
  margin-right: 1em;
}
#user_assignments_modal .sci-input-container {
  margin-top: 1em;
}
#user_assignments_modal .sci-input-container .fa-search {
  color: #d0d5dd;
}
#user_assignments_modal .user-assignments-description {
  margin: 1em 0.5em;
}
#user_assignments_modal hr {
  margin: 1em 0;
}
#user_assignments_modal .group-members-button {
  cursor: pointer;
}
#user_assignments_modal .group-members-content {
  max-height: 180px;
  min-width: 260px;
  overflow: auto;
  padding: 0.6em 1em;
}
#user_assignments_modal .group-members-content .title {
  font-size: 12px;
  color: #98a2b3;
  padding-bottom: 0.5em;
}
#user_assignments_modal .group-members-content .name {
  font-size: 14px;
  padding: 0.4em 0;
}
#user_assignments_modal .group-members-content .no-members {
  font-size: 14px;
  font-style: italic;
  padding: 0.4em 0;
}

.permission-object-tag {
  font-size: 12px;
  background: #eaecf0;
  border-radius: 2px;
  cursor: pointer;
  padding: 0.25em;
}

.mce-image-loader {
  display: none !important;
}
.mce-image-loader + .image-selection-container {
  height: 36px;
  left: 140px;
  position: absolute;
  top: 0;
  width: 338px;
}
.mce-image-loader + .image-selection-container .select_button {
  background-color: #104da9;
  border-color: #104da9;
  color: #fff;
  cursor: pointer;
  line-height: 18px;
  padding: 6px 12px;
  position: relative;
  text-align: center;
  width: 76px;
  z-index: 2;
}
.mce-image-loader + .image-selection-container input[type=text] {
  border: 1px solid #eaecf0;
  border-radius: 4px;
  height: 30px;
  left: -5px;
  padding-left: 10px;
  position: relative;
  width: calc(100% - 100px);
}
.mce-image-loader + .image-selection-container.error::after {
  color: #ce0c24;
  content: attr(data-error);
  left: 0;
  position: absolute;
  top: 40px;
}

.mce-primary {
  background-color: #104da9 !important;
  border-color: #104da9 !important;
  border-radius: 4px !important;
  color: #fff !important;
}

.mce-primary .mce-txt:hover {
  color: #fff !important;
}

.ql-editor {
  font-size: 16px;
}

.mce-top-part {
  z-index: 5;
}

.mce-widget.mce-btn {
  border-color: transparent !important;
}
.mce-widget.mce-btn:not(.mce-active):hover span,
.mce-widget.mce-btn:not(.mce-active):hover i, .mce-widget.mce-btn:not(.mce-active):active span,
.mce-widget.mce-btn:not(.mce-active):active i {
  color: #104da9;
}
.mce-widget.mce-btn.mce-active, .mce-widget.mce-btn.mce-active:hover, .mce-widget.mce-btn.mce-active:active, .mce-widget.mce-btn.mce-active:focus {
  background-color: #104da9;
}
.mce-widget.mce-btn.mce-active span,
.mce-widget.mce-btn.mce-active i, .mce-widget.mce-btn.mce-active:hover span,
.mce-widget.mce-btn.mce-active:hover i, .mce-widget.mce-btn.mce-active:active span,
.mce-widget.mce-btn.mce-active:active i, .mce-widget.mce-btn.mce-active:focus span,
.mce-widget.mce-btn.mce-active:focus i {
  color: #fff;
}

.mce-splitbtn:hover .mce-open {
  border-left: #fff !important;
}

.mce-menu-item.mce-active.mce-menu-item-normal {
  background-color: #104da9 !important;
}

.mce-menu.mce-animate {
  transform: none !important;
}

#tui-image-editor .tui-image-editor {
  top: 0 !important;
}

.inline-editing-container {
  line-height: 32px;
  position: relative;
  width: 100%;
}
.inline-editing-container .button-container {
  font-size: 16px;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 72px;
}
.inline-editing-container .button-container span {
  color: #d0d5dd;
  cursor: pointer;
  display: inline-block;
  line-height: 32px;
  position: absolute;
  text-align: center;
  width: 36px;
}
.inline-editing-container .button-container span:nth-child(1) {
  left: 0;
}
.inline-editing-container .button-container span:nth-child(2) {
  right: 0;
}
.inline-editing-container .error-block {
  bottom: 1px;
  color: #ce0c24;
  display: none;
  font-size: 11px;
  line-height: 11px;
  position: absolute;
}
.inline-editing-container.error .error-block {
  display: block;
}
.inline-editing-container.error .input-field {
  font-size: 16px;
  line-height: 20px;
  outline: none;
  padding-bottom: 0.5rem;
}
.inline-editing-container .view-mode {
  border: 1px solid transparent;
  cursor: text;
  height: 2rem;
  min-height: 1.5rem;
  overflow: hidden;
  padding-right: 36px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.inline-editing-container .view-mode:empty:not(:focus):before {
  color: #98a2b3;
  content: attr(data-placeholder);
  font-weight: normal;
}
.inline-editing-container input {
  border: 1px solid transparent;
  cursor: initial;
  display: block;
  height: 2rem;
  padding-left: 0;
  padding-right: 36px;
  width: 100%;
}
.inline-editing-container input::placeholder {
  color: #98a2b3;
  font-weight: normal;
}
.inline-editing-container input:focus {
  outline: 0;
}
.inline-editing-container input:disabled {
  background: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  pointer-events: none;
  user-select: none;
}
.inline-editing-container input:disabled + .button-container {
  display: none;
}
@-moz-document url-prefix() {
  .inline-editing-container input {
    padding: 0 4px;
  }
}

.tree {
  height: calc(100% - 30px);
  padding-bottom: 30px;
}
.tree .sidebar-root {
  padding-left: 0;
}
.tree .branch,
.tree .leaf {
  list-style-type: none;
  margin: 0;
  position: relative;
}
.tree .branch .tree-link,
.tree .leaf .tree-link {
  align-items: center;
  display: flex;
  height: 50px;
  position: relative;
}
.tree .branch .tree-link .btn-secondary,
.tree .leaf .tree-link .btn-secondary {
  background: transparent;
  margin-left: 20px;
}
.tree .branch .tree-link .tree-toggle,
.tree .leaf .tree-link .tree-toggle {
  cursor: pointer;
  display: inline-block;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 10px;
  width: 30px;
  z-index: 2;
}
.tree .branch .tree-link .line-wrap,
.tree .leaf .tree-link .line-wrap {
  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  color: #475467;
  flex-grow: 1;
  height: 100%;
  line-height: 50px;
  padding: 0 10px 0 30px;
  transition: 0.2s;
}
.tree .branch .tree-link .line-wrap.disabled,
.tree .leaf .tree-link .line-wrap.disabled {
  color: #104da9;
  pointer-events: none;
}
.tree .branch .tree-link .canvas-center-on,
.tree .leaf .tree-link .canvas-center-on {
  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  color: #475467;
  display: none;
  flex-basis: 36px;
  flex-shrink: 0;
  line-height: 50px;
  padding-right: 16px;
  text-align: center;
  transition: 0.2s;
}
.tree .branch .tree-link.active .line-wrap,
.tree .leaf .tree-link.active .line-wrap {
  font-weight: bold;
}
.tree .branch .tree-link:hover .line-wrap,
.tree .leaf .tree-link:hover .line-wrap {
  background-color: #d0d5dd;
  text-decoration: none;
}
.tree .branch .tree-link:hover .canvas-center-on,
.tree .leaf .tree-link:hover .canvas-center-on {
  background-color: #d0d5dd;
}
.tree .branch.active > .tree-link,
.tree .leaf.active > .tree-link {
  background-color: #fff;
  color: #104da9;
  font-weight: bold;
}
.tree .branch.active > .tree-link .line-wrap,
.tree .leaf.active > .tree-link .line-wrap {
  background-color: #fff;
  color: #104da9;
  text-decoration: none;
}
.tree .branch.active > .tree-link .canvas-center-on,
.tree .leaf.active > .tree-link .canvas-center-on {
  background-color: #fff;
  color: #104da9;
}
.tree .branch.show-canvas-handler .canvas-center-on,
.tree .leaf.show-canvas-handler .canvas-center-on {
  display: inline-block;
}
.tree .leaf .tree-link .line-wrap {
  padding-left: 10px;
}

#repo-tree {
  height: calc(100% - 50px);
}
#repo-tree .line-wrap {
  padding-right: 3em;
}
#repo-tree .fas-custom {
  flex-shrink: 0;
  margin-right: 1em;
  position: absolute;
  right: 0;
  top: 17px;
}
#repo-tree .active .fas-custom {
  fill: #104da9;
}

.my-module-header .my-module-title-row {
  align-items: center;
  background: #fff;
  display: flex;
  height: 4em;
  margin-left: -1.5rem;
  padding: 0 0.5rem;
  width: calc(100% + 3rem);
}
.my-module-header .my-module-title-row .my_module-name {
  display: flex;
  min-width: 5rem;
  width: 100%;
}
.my-module-header .my-module-title-row .my_module-name .view-mode {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-module-header .my-module-title-row .my_module-name .fas {
  margin-right: 0.5em;
}
.my-module-header .name-readonly-placeholder {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.content-pane.my-modules-protocols-index {
  background-color: #d0d5dd;
  min-height: calc(100vh - var(--navbar-height));
}
.content-pane.my-modules-protocols-index .title-row {
  margin-left: -1rem;
  width: calc(100% + 2rem);
}
.content-pane.my-modules-protocols-index .dropdown .dropdown-menu {
  z-index: 102;
}
.content-pane.my-modules-protocols-index .dropdown .dropdown-backdrop {
  z-index: 101;
}

.content-pane.protocols-repository-edit-view {
  margin: 0;
}

.task-section {
  background-color: var(--sn-white);
  border-radius: 0.25rem;
  margin: 1rem 0;
  padding: 0 1rem;
}
.task-section .task-section-caret {
  align-items: center;
  color: var(--sn-black);
  display: inline-flex;
  gap: 1rem;
  padding: 0.5rem;
  padding-left: 0;
  text-decoration: none;
}
.task-section .task-section-caret .fas {
  margin-right: 5px;
}
.task-section .task-section-caret:not(.collapsed) .sn-icon-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.task-section .task-section-title {
  display: inline-block;
}
.task-section .task-section-title h2 {
  margin: 10px 0;
}
.task-section .task-section-title h2.assigned-items-title::after {
  color: #d0d5dd;
  content: "[" attr(data-assigned-items-count) "]";
  display: inline;
  font-size: 1rem;
  font-weight: normal;
  line-height: 22px;
  padding-left: 0.25rem;
}
.task-section .task-section-body {
  padding-bottom: 1rem;
}
.task-section .task-section-header {
  align-items: center;
  display: grid;
  gap: 1rem;
  grid-template-columns: auto auto;
  min-height: 4rem;
}
.task-section .task-section-header .actions-block {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}
.task-section .task-section-header .actions-block .caret {
  margin-left: 25px;
}
.task-section .task-section-header .actions-block .repositories-assign-container {
  max-width: 150px;
}
.task-section .task-section-header .actions-block .repositories-assign-container .btn {
  text-align: left;
}
.task-section .task-section-header .actions-block .repositories-assign-container .btn .caret {
  margin: 8px 0;
}
.task-section .task-section-header .actions-block .repositories-assign-container .repositories-dropdown-menu {
  max-height: 250px;
  overflow: auto;
  z-index: 251;
}
.task-section .task-section-header .actions-block .repositories-assign-container .repositories-dropdown-menu .repository .assigned-items,
.task-section .task-section-header .actions-block .repositories-assign-container .repositories-dropdown-menu .repository .shared-icon {
  flex-shrink: 0;
}
.task-section .task-section-header .actions-block .repositories-assign-container .repositories-dropdown-menu .repository .assigned-items .fas,
.task-section .task-section-header .actions-block .repositories-assign-container .repositories-dropdown-menu .repository .shared-icon .fas {
  padding-right: 5px;
}
.task-section .task-section-header .actions-block .repositories-assign-container .repositories-dropdown-menu .repository .assigned-items {
  color: #d0d5dd;
}
.task-section .task-section-header .actions-block .repositories-assign-container .repositories-dropdown-menu .repository .name {
  flex-grow: 1;
}
.task-section .task-section-header .actions-block .dropdown-menu {
  font-size: 14px;
}
.task-section .task-section-header .actions-block .dropdown-menu a {
  padding: 8px 20px;
}
.task-section .task-section-header .actions-block .dropdown-menu .fas {
  padding-right: 5px;
}

.task-details {
  padding-left: 2.5rem;
}
.task-details .fas.block-icon {
  margin-right: 8px;
}
.task-details .flex-block {
  align-items: center;
  display: flex;
  line-height: 34px;
}
.task-details .flex-block .flex-block-label {
  align-items: center;
  display: flex;
  margin-right: 4px;
}
.task-details .empty-label {
  color: #98a2b3;
  font-weight: normal;
}
.task-details .datetime-container {
  align-items: center;
  display: inline-flex;
}
.task-details .datetime-container .date-text {
  border: 1px solid transparent;
  font-weight: bold;
  line-height: 32px;
  margin-right: 25px;
  padding: 0 4px;
  position: relative;
}
.task-details .datetime-container .date-text .alert-green {
  color: #5ec66f;
}
.task-details .datetime-container .date-text .alert-yellow {
  color: #f0ad4e;
}
.task-details .datetime-container .date-text .alert-red {
  color: #ce0c24;
}
.task-details .datetime-container .date-text .clear-date {
  color: #d0d5dd;
  cursor: pointer;
  display: none;
  font-size: 20px;
  left: 100%;
  line-height: 34px;
  margin-left: 5px;
  position: absolute;
  top: 0;
}
.task-details .datetime-container .datetime-picker-container {
  color: #1d2939;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.task-details .datetime-container .datetime-picker-container .dp__input_wrap {
  opacity: 0;
}
.task-details .datetime-container .datetime-picker-container #calendarDueDate {
  opacity: 0;
}
.task-details .datetime-container .datetime-picker-container #calendarStartDate {
  opacity: 0;
}
.task-details .datetime-container .datetime-picker-container .sn-icon-calendar {
  display: none;
}
.task-details .datetime-container:hover .date-text[data-editable=true] {
  background-color: #eaecf0;
  border-radius: 4px;
}
.task-details .datetime-container:hover .date-text[data-editable=true] .clear-date {
  display: inline;
}
.task-details .module-tags .tags-wrapper {
  align-items: center;
  display: flex;
  width: 100%;
}
.task-details .module-tags .dropdown-selector-container .my-module-white-tags {
  color: #fff;
}
.task-details .module-tags .dropdown-selector-container .my-module-tags-color {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  height: 16px;
  justify-content: center;
  margin-right: 5px;
  width: 16px;
}
.task-details .module-tags .dropdown-selector-container .my-module-tags-color.new {
  color: #98a2b3;
}
.task-details .module-tags .dropdown-selector-container .my-module-tags-create-new {
  margin-left: 3px;
}
.task-details .module-tags .dropdown-selector-container .input-field {
  border: 1px solid transparent;
  padding-right: 110px;
}
.task-details .module-tags .dropdown-selector-container.open .input-field {
  border: 1px solid #d0d5dd;
}
.task-details .module-tags .dropdown-selector-container:not(.view-mode):hover .input-field {
  border: 1px solid #d0d5dd;
}
.task-details .module-tags .badge-icon {
  display: inline-block;
  line-height: 32px;
  padding: 0 5px 0 0;
  width: 28px;
}
.task-details .module-tags .tags-title {
  display: inline-block;
  font-size: 14px;
  line-height: 32px;
  margin-right: 4px;
}
.task-details .module-tags .select-container,
.task-details .module-tags .select-user-container {
  display: flex;
  flex-basis: 100px;
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 100%;
  position: relative;
}
.task-details .module-tags .select-container select,
.task-details .module-tags .select-user-container select {
  display: none;
}
.task-details .module-tags .select-container .edit-button-container,
.task-details .module-tags .select-user-container .edit-button-container {
  height: 36px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
  width: 130px;
  z-index: 20;
}
.task-details .module-tags .select-container .edit-button-container.hidden,
.task-details .module-tags .select-user-container .edit-button-container.hidden {
  display: none;
}
.task-details .module-tags .select-container .edit-button-container a,
.task-details .module-tags .select-user-container .edit-button-container a {
  align-items: center;
  color: inherit;
  display: inline-flex;
  gap: 0.25rem;
  height: 36px;
  opacity: 0.7;
  text-decoration: none;
}
.task-details #manage-module-tags-modal .well {
  border: 0;
  box-shadow: none;
}
.task-details .my-module-user-tags .user-full-name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.task-details .my-module-user-tags img {
  border-radius: 50%;
  display: inline;
  margin-right: 0.5em;
  max-height: 20px;
  max-width: 20px;
}
.task-details .assign-new-user {
  background-color: #d0d5dd;
  color: #475467;
  text-align: center;
}
.task-details .assign-new-user .fa-plus {
  font-size: 16px;
}

#manage-module-tags-modal .dropdown-toggle {
  box-shadow: unset;
  outline: unset;
}
#manage-module-tags-modal .dropdown-menu {
  outline: none;
}

.task-notes {
  display: inline-block;
  padding-left: 40px;
  position: relative;
  width: 100%;
}
.task-notes .no-description {
  font-size: 16px;
}
.task-notes .task-notes-content {
  overflow-x: auto;
}
.task-notes .task-notes-content .form-group.has-error {
  border: 1px solid #ce0c24;
}

.my-module-protocol-status {
  position: relative;
}
.my-module-protocol-status .status-label {
  color: #d0d5dd;
  float: left;
  font-size: 1rem;
  font-style: normal;
  margin: 0 0.25rem;
}
.my-module-protocol-status .status-label.linked {
  color: #104da9;
}
.my-module-protocol-status .status-info {
  font-size: 18px;
  font-weight: bold;
  color: inherit;
  text-decoration: none;
}
.my-module-protocol-status .status-info:hover, .my-module-protocol-status .status-info:active {
  color: inherit;
  text-decoration: none;
}
.my-module-protocol-status .status-info.protocol-newer {
  color: #3b99fd;
}
.my-module-protocol-status .status-info.parent-newer {
  color: #f0ad4e;
}
.my-module-protocol-status .status-info-dropdown {
  left: -125px;
  max-width: 100vw;
  width: 534px;
  padding: 0;
}
.my-module-protocol-status .status-info-dropdown .dropdown-content {
  padding: 12px 24px;
}
.my-module-protocol-status .status-info-dropdown .dropdown-header,
.my-module-protocol-status .status-info-dropdown .dropdown-body,
.my-module-protocol-status .status-info-dropdown .dropdown-footer {
  padding: 12px 0;
}
.my-module-protocol-status .status-info-dropdown .dropdown-header {
  background: #fff;
  border-bottom: 1px solid #eaecf0;
}
.my-module-protocol-status .status-info-dropdown .dropdown-header .protocol-name {
  color: #1d2939;
  margin-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.my-module-protocol-status .status-info-dropdown .dropdown-header .protocol-header-info {
  color: #1d2939;
  display: flex;
  font-size: 0.875em;
  font-weight: 400;
  justify-content: space-between;
}
.my-module-protocol-status .status-info-dropdown .dropdown-body .info-line {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin: 9px 0;
}
.my-module-protocol-status .status-info-dropdown .dropdown-body .info-line .description {
  font-size: 14px;
  flex-grow: 1;
  min-width: 120px;
}
.my-module-protocol-status .status-info-dropdown .dropdown-body .info-line .value {
  font-size: 16px;
  font-weight: bold;
  flex-shrink: 0;
}
.my-module-protocol-status .status-info-dropdown .dropdown-body .info-line.new-parent-version .value {
  color: #f0ad4e;
}
.my-module-protocol-status .status-info-dropdown .dropdown-body .info-line.new-parent-version .value::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f2f1";
  margin-right: 5px;
}
.my-module-protocol-status .status-info-dropdown .dropdown-footer {
  border-top: 1px solid #eaecf0;
}
.my-module-protocol-status .status-info-dropdown .dropdown-footer .notification-line {
  font-size: 14px;
  color: #98a2b3;
  display: flex;
}
.my-module-protocol-status .status-info-dropdown .dropdown-footer .notification-line .fas {
  line-height: 21px;
  margin-right: 11px;
}
.my-module-protocol-status .status-info-dropdown .dropdown-footer .notification-line.new-parent-version {
  color: #f0ad4e;
}
.my-module-protocol-status .status-info-dropdown .dropdown-footer .notification-line.new-protocol-version {
  color: #3b99fd;
}

.task-details-dropdown-container .dropdown-menu {
  font-size: 14px;
  min-width: 500px;
  padding: 1em 2em;
  z-index: 251;
}
.task-details-dropdown-container .dropdown-menu .task-details-value {
  font-weight: bold;
}
.task-details-dropdown-container .dropdown-menu .row-v-margin {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

@media (max-width: 810px) {
  .task-information .task-section-header {
    display: block;
  }
  .task-information .expanded {
    height: auto;
  }
  .content-pane.my-modules-protocols-index {
    padding: 10px 0 0 0;
  }
  .my-module-protocol-status .status-info-dropdown {
    left: -75px;
    width: 300px;
  }
  .my-module-protocol-status .status-info-dropdown .dropdown-footer {
    display: block;
  }
  .task-information {
    grid-template-columns: auto;
    row-gap: 0.5em;
  }
  .task-information .task-details {
    grid-row: 3/span 1;
  }
}
#confirm-link-update-modal .modal-body p,
.delete-steps-modal .modal-body p {
  margin: 1.2em 0;
}
#confirm-link-update-modal .warning,
.delete-steps-modal .warning {
  font-weight: bold;
  margin-bottom: 1.2em;
}

#results-toolbar {
  align-items: center;
  display: flex;
}
#results-toolbar .dropdown-menu {
  z-index: 102;
}
#results-toolbar .dropdown-backdrop {
  z-index: 101;
}
#results-toolbar .add-result-dropdown {
  z-index: 200;
}
#results-toolbar .add-result-dropdown li {
  cursor: pointer;
  padding: 0.5em 1em;
}
#results-toolbar .add-result-dropdown li .fas {
  padding-right: 0.5em;
  width: 1.75em;
}
#results-toolbar .add-result-dropdown li .create-wopi-file-btn,
#results-toolbar .add-result-dropdown li .new-marvinjs-upload-button {
  padding: 0;
}
#results-toolbar .collapse-expand-result {
  margin-left: auto;
}
#results-toolbar .sort-result-dropdown {
  margin-left: 0.5em;
}
#results-toolbar .sort-result-dropdown .dropdown-menu a {
  font-size: 14px;
  padding: 0.5em 1em;
}
#results-toolbar .sort-result-dropdown .dropdown-menu a.selected::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f00c";
  float: right;
}

.well .align-right {
  column-gap: 8px;
  display: flex;
  flex-direction: row-reverse;
}

.result .ql-editor {
  overflow-x: auto;
}
.result .result-icon {
  font-size: 16px;
  background: #eaecf0;
  border-radius: 50%;
  float: left;
  line-height: 3em;
  text-align: center;
  width: 3em;
}

.result-head-left .result-collapse-link:not(.collapsed) {
  transform: rotate(90deg);
}

.edit-text-result .form-group {
  display: flex;
  flex-direction: column;
}

.comments-counter {
  align-items: center;
  background: var(--sn-grey);
  border-radius: 0.5rem;
  color: #fff;
  display: flex;
  font-size: 10px;
  height: 16px;
  justify-content: center;
  margin: 2px;
  min-width: 16px;
  position: absolute;
  right: 0;
  top: 0;
}

.my-module-position-container .protocol-content {
  margin-left: 2.5rem;
}

.task-protocol .protocol-step-actions {
  align-items: center;
  display: flex;
  margin-left: -6px;
  padding-left: 1em;
}
.task-protocol .protocol-buttons-group {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  row-gap: 0.4rem;
}
.task-protocol .portocol-header-left-part {
  align-items: center;
  display: flex;
}
.task-protocol .portocol-header-left-part a:first-of-type:focus {
  outline: none;
}
.task-protocol .portocol-header-left-part .task-section-caret {
  padding-right: 0.25em;
}
.task-protocol .portocol-header-left-part .status-info {
  display: flex;
  height: 24px;
}
.task-protocol .insert-step {
  align-items: center;
  color: var(--sn-blue);
  cursor: pointer;
  display: flex;
  margin: 0.5rem 0;
}
.task-protocol .insert-step::before, .task-protocol .insert-step::after {
  background-image: linear-gradient(to right, var(--sn-sleepy-grey) 20%, rgba(255, 255, 255, 0) 0%);
  background-position: top;
  background-size: 5px 1px;
  background-repeat: repeat-x;
  border-bottom: 1px dotted transparent;
  content: "";
  display: inline-block;
  flex-grow: 1;
  height: 0;
}
.task-protocol .insert-step .sn-icon-new-task {
  margin: 0 0.5em;
}
.task-protocol .insert-step:hover {
  color: #104da9;
}
.task-protocol .insert-step:hover::before, .task-protocol .insert-step:hover::after {
  background-image: linear-gradient(to right, #104da9 15%, rgba(255, 255, 255, 0) 0%);
}
.task-protocol .protocol-description {
  margin-bottom: 1rem;
  padding-left: 2rem;
}
.task-protocol .empty-protocol-description {
  color: #98a2b3;
}
.task-protocol .protocol-options-dropdown a {
  cursor: pointer;
}
.task-protocol .protocol-options-dropdown a.disabled {
  cursor: default;
  pointer-events: none;
}

.share-task-modal .share-link-copy {
  border-radius: 0 4px 4px 0;
}
.share-task-modal .shareable-link-error {
  color: var(--sn-coral);
}
.share-task-modal .shareable-link-disclaimer {
  color: var(--sn-grey);
}
.share-task-modal .sci-input-container-v2 textarea::placeholder {
  color: var(--sn-grey);
}

#assigned-items-container {
  padding-left: 2.375rem;
  padding-top: 10px;
}
#assigned-items-container .modal-body {
  padding: 0;
  border-bottom: 0;
}
#assigned-items-container .assigned-repository {
  border: 1px solid #d0d5dd;
  border-radius: 6px;
  margin-bottom: 10px;
}
#assigned-items-container .assigned-repository .assigned-repository-caret {
  align-items: center;
  color: inherit;
  display: flex;
  height: 52px;
  padding: 0 18px;
  text-decoration: none;
}
#assigned-items-container .assigned-repository .assigned-repository-caret.collapsed:hover, #assigned-items-container .assigned-repository .assigned-repository-caret.collapsed:active {
  border-radius: 6px;
  text-decoration: none;
}
#assigned-items-container .assigned-repository .assigned-repository-caret:not(.collapsed) .fa-caret-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#assigned-items-container .assigned-repository .assigned-repository-caret:not(.collapsed) .sn-icon-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#assigned-items-container .assigned-repository .assigned-repository-caret .fa-caret-right {
  flex-shrink: 0;
  margin-right: 10px;
}
#assigned-items-container .assigned-repository .assigned-repository-caret .sn-icon-right {
  flex-shrink: 0;
  margin-right: 10px;
}
#assigned-items-container .assigned-repository .assigned-repository-caret .assigned-repository-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#assigned-items-container .assigned-repository .assigned-repository-caret .assigned-repository-title::after {
  color: #d0d5dd;
  content: "[" attr(data-rows-count) "]";
  display: inline-block;
  font-weight: normal;
  padding-left: 1px;
  padding-right: 0.7em;
  right: 0;
}
#assigned-items-container .assigned-repository .assigned-repository-caret .action-buttons {
  flex-grow: 1;
  flex-shrink: 0;
  text-align: right;
}
#assigned-items-container .assigned-repository .assigned-repository-caret .action-buttons .full-screen:hover {
  background: #d0d5dd;
}
#assigned-items-container .assigned-repository .assigned-repository-caret .snapshot-tag {
  background-color: #eaecf0;
  color: #98a2b3;
  flex-shrink: 0;
  padding: 0.3em;
}
#assigned-items-container .assigned-repository .assigned-repository-container .table.dataTable {
  margin-top: 0 !important;
}
#assigned-items-container .assigned-repository .assigned-repository-container .table.dataTable .row-name {
  border-left: 0;
}
#assigned-items-container .assigned-repository .assigned-repository-container .repository-table {
  height: 100%;
}
#assigned-items-container .assigned-repository .assigned-repository-container .pagination-row {
  border-top: 1px solid #d0d5dd;
  padding: 5px 10px;
}
#assigned-items-container .assigned-repository .assigned-repository-container .pagination-row .pagination {
  display: inline-flex;
}
#assigned-items-container .assigned-repository .assigned-repository-container .pagination-row .dataTables_paginate {
  height: 38px;
}

.assigned-repository.shared {
  border: 0;
  box-shadow: 0;
}
.assigned-repository.shared .table {
  border: 0;
  margin-bottom: 0;
}
.assigned-repository.shared tr:not(:first) {
  border-bottom: 2px solid var(--sn-sleepy-grey);
  border-top: 0;
}
.assigned-repository.shared .item-name {
  vertical-align: middle;
}
.assigned-repository.shared .version-label {
  font-size: 12px;
  color: var(--sn-grey);
  font-weight: bold;
}
.assigned-repository.shared .dataTables_scrollHead .sorting {
  position: relative;
}
.assigned-repository.shared .dataTables_scrollHead .sorting::after {
  content: "⇅";
  font-size: 20px;
  position: absolute;
  right: 4px;
}

#myModuleRepositoryFullViewModal {
  padding-left: 0 !important;
}
#myModuleRepositoryFullViewModal .modal-dialog {
  height: 100vh;
  margin: 0;
  width: 100vw;
}
#myModuleRepositoryFullViewModal .modal-dialog .modal-content {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  display: grid;
  grid-template-areas: "header sidebar" "table sidebar";
  grid-template-columns: minmax(50%, 100%) 0;
  grid-template-rows: 55px calc(100% - 55px);
  height: inherit;
  padding: 0;
  transition: all cubic-bezier(0.4, 0, 0.6, 1);
}
#myModuleRepositoryFullViewModal .modal-dialog .modal-content.show-sidebar {
  grid-template-columns: minmax(50%, 100%) minmax(250px, 400px);
}
#myModuleRepositoryFullViewModal .modal-dialog .modal-content .modal-header {
  align-items: center;
  display: flex;
  grid-area: header;
  height: 55px;
  padding: 10px 24px;
}
#myModuleRepositoryFullViewModal .modal-dialog .modal-content .modal-header .close {
  flex-shrink: 0;
  text-align: center;
  width: 20px;
}
#myModuleRepositoryFullViewModal .modal-dialog .modal-content .modal-header .header-container {
  flex-grow: 1;
  max-width: calc(100% - 20px);
}
#myModuleRepositoryFullViewModal .modal-dialog .modal-content .modal-header .header-container .repository-name-container {
  display: flex;
  align-items: center;
}
#myModuleRepositoryFullViewModal .modal-dialog .modal-content .modal-header .header-container .repository-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  font-weight: bold;
}
#myModuleRepositoryFullViewModal .modal-dialog .modal-content .modal-header .header-container .repository-version {
  font-size: 18px;
  font-weight: bold;
  flex-shrink: 0;
  padding-right: 0.7em;
}
#myModuleRepositoryFullViewModal .modal-dialog .modal-content .modal-header .header-container .repository-version::after {
  color: #d0d5dd;
  content: "[" attr(data-rows-count) "]";
  display: inline-block;
  padding-left: 0.3em;
}
#myModuleRepositoryFullViewModal .modal-dialog .modal-content .modal-header .header-container .breadcrumbs {
  align-items: center;
  color: #98a2b3;
  display: flex;
  font-size: 10px;
  height: 20px;
  width: 90%;
}
#myModuleRepositoryFullViewModal .modal-dialog .modal-content .modal-header .header-container .breadcrumbs .my-module,
#myModuleRepositoryFullViewModal .modal-dialog .modal-content .modal-header .header-container .breadcrumbs .project,
#myModuleRepositoryFullViewModal .modal-dialog .modal-content .modal-header .header-container .breadcrumbs .experiment {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#myModuleRepositoryFullViewModal .modal-dialog .modal-content .modal-header .header-container .breadcrumbs .slash {
  flex-basis: 20px;
  text-align: center;
}
#myModuleRepositoryFullViewModal .modal-dialog .modal-content .modal-body {
  grid-area: table;
}
#myModuleRepositoryFullViewModal .modal-dialog .modal-content .stock-low::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  color: #f0ad4e;
  content: "\f071";
}
#myModuleRepositoryFullViewModal .modal-dialog .modal-content .stock-empty {
  color: #ce0c24;
}
#myModuleRepositoryFullViewModal .modal-dialog .modal-content .stock-empty::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f071";
}
#myModuleRepositoryFullViewModal .modal-dialog .modal-content .manage-repository-consumed-stock-value-link:not(.stock-value-view-render) {
  color: #475467;
}
#myModuleRepositoryFullViewModal .modal-dialog .modal-content .empty-stock-render,
#myModuleRepositoryFullViewModal .modal-dialog .modal-content .consumption-locked {
  color: #98a2b3;
}
#myModuleRepositoryFullViewModal .modal-dialog .modal-content .row-stock,
#myModuleRepositoryFullViewModal .modal-dialog .modal-content .row-consumption {
  min-width: 140px;
}
#myModuleRepositoryFullViewModal .dataTables_scrollBody {
  flex-grow: 1;
}
#myModuleRepositoryFullViewModal .dataTables_scrollBody tbody tr.selected {
  background: #fbebd3;
}
#myModuleRepositoryFullViewModal .dataTables_scrollBody .assigned-column {
  padding-bottom: 2px;
  padding-left: 8px;
  padding-top: 2px;
  position: relative;
}
#myModuleRepositoryFullViewModal .dataTables_scrollBody .assigned-column .row-reminders-dropdown {
  cursor: pointer;
  display: inline-block;
  margin-right: 8px;
  padding: 8px;
}
#myModuleRepositoryFullViewModal .dataTables_scrollBody .assigned-column .row-reminders-dropdown .fa-bell {
  height: 16px;
  text-align: center;
  width: 16px;
}
#myModuleRepositoryFullViewModal .dataTables_scrollBody .assigned-column .row-reminders-dropdown.open {
  background: #eaecf0;
  border-radius: 4px;
}
#myModuleRepositoryFullViewModal .dataTables_scrollBody .assigned-column .assign-counter-container {
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  line-height: 35px;
  padding: 0 5px;
  position: absolute;
  right: 5px;
}
#myModuleRepositoryFullViewModal .dataTables_scrollBody .assigned-column .assign-counter-container .assign-counter {
  display: inline-block;
  height: 100%;
  width: 100%;
}
#myModuleRepositoryFullViewModal .dataTables_scrollBody .assigned-column .assign-counter-container .assign-counter.has-assigned {
  color: #104da9;
}
#myModuleRepositoryFullViewModal .dataTables_scrollBody .assigned-column .assign-counter-container:hover {
  background-color: #d0d5dd;
}
#myModuleRepositoryFullViewModal .dataTables_scrollBody .assigned-column .assign-counter-container .dropdown-menu {
  min-width: 320px;
  padding: 8px;
}
#myModuleRepositoryFullViewModal .dataTables_scrollHead {
  flex-shrink: 0;
}
#myModuleRepositoryFullViewModal .table-container {
  height: 100%;
  padding: 1em 1.5em 0;
  width: 100%;
}
#myModuleRepositoryFullViewModal .table-container .dataTables_wrapper {
  display: flex;
  flex-direction: column;
  height: inherit;
}
#myModuleRepositoryFullViewModal .table-container .dataTables_wrapper .dataTables_scroll {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: 100%;
  overflow: auto;
}
#myModuleRepositoryFullViewModal .table-container .dataTables_wrapper .checklist-dropdown .dropdown-menu {
  min-width: 220px;
}
#myModuleRepositoryFullViewModal .table-container .dataTables_wrapper .checklist-dropdown .dropdown-menu .checklist-item {
  line-height: 18px;
  padding: 5px 15px;
}
#myModuleRepositoryFullViewModal .table-container .dataTables_wrapper .checklist-dropdown span {
  color: #104da9;
  cursor: pointer;
}
#myModuleRepositoryFullViewModal .table-container .dataTables_wrapper .checklist-dropdown span:hover {
  text-decoration: underline;
}
#myModuleRepositoryFullViewModal .table-container .main-actions {
  flex-shrink: 0;
  margin-bottom: 10px;
}
#myModuleRepositoryFullViewModal .table-container .pagination-row {
  border-top: 1px solid #d0d5dd;
  flex-shrink: 0;
  margin-left: -1.5em;
  padding: 1em 1.5em;
  width: calc(100% + 3em);
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar {
  background-color: #eaecf0;
  grid-area: sidebar;
  overflow: hidden;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item-heading {
  font-weight: normal;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .sidebar-collapse-button {
  color: #475467;
  text-decoration: none;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .repository-versions-header {
  border-bottom: 1px solid #d0d5dd;
  height: 55px;
  padding: 0 1em;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .repository-versions-header h4 {
  line-height: 55px;
  margin: 0;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .repository-versions-list {
  display: grid;
  grid-template-rows: min-content min-content minmax(0, 100%);
  grid-auto-rows: min-content;
  height: calc(100% - 55px);
  margin-bottom: 0;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .repository-versions-list .repository-snapshots-container {
  overflow: auto;
  position: relative;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item {
  align-items: center;
  background-color: #eaecf0;
  border: 0;
  border-radius: 0;
  margin: 0.5em 0;
  position: relative;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item[data-selected=true]::after {
  background-color: #104da9;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 0.5em;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item[data-selected=true].active::after {
  background-color: #1d2939;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item .list-group-item-text {
  font-size: 12px;
  color: #98a2b3;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item .version-button {
  color: #475467;
  text-decoration: none;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item .delete-snapshot-button {
  display: none;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item.disabled {
  color: #d0d5dd;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item.disabled:hover {
  background-color: #eaecf0;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item.failed {
  background-color: #f9c9c9;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item.failed:hover {
  background-color: #f9c9c9;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item.failed:hover .fa-trash {
  opacity: 1;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item.failed .delete-snapshot-button {
  display: block;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item.failed .fa-trash {
  opacity: 0.5;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item.failed .list-group-item-heading::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f071";
  color: #ce0c24;
  display: inline-block;
  vertical-align: text-top;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item.repository-snapshot-item:hover, #myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item.live-version-item:hover {
  background-color: #d0d5dd;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item.repository-snapshot-item:hover .delete-snapshot-button, #myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item.live-version-item:hover .delete-snapshot-button {
  display: block;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item.active {
  background-color: #104da9;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item.active:hover {
  background-color: #104da9;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item.active .list-group-item-heading,
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item.active .list-group-item-text,
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item.active .delete-snapshot-button {
  background: transparent;
  color: #fff;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item.active .list-group-item-heading:hover,
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item.active .list-group-item-text:hover,
#myModuleRepositoryFullViewModal .repository-versions-sidebar .list-group-item.active .delete-snapshot-button:hover {
  border-color: #fff;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .repository-snapshot-item:not(.provisioning) {
  cursor: pointer;
}
#myModuleRepositoryFullViewModal .repository-versions-sidebar .create-snapshot-item {
  border-bottom: 1px solid #d0d5dd;
  padding: 12px 10px;
}

.update-repository-record-modal .rows-list-container {
  display: grid;
  grid-template-columns: 1fr;
  margin: 0 -10px;
}
.update-repository-record-modal .rows-list-container.multiple {
  grid-template-columns: 1fr 1fr;
}
.update-repository-record-modal .rows-list-container .header {
  font-weight: bold;
}
.update-repository-record-modal .rows-list-container .header .fas {
  margin-right: 3px;
}
.update-repository-record-modal .rows-list-container .rows-list {
  background: #eaecf0;
  height: 170px;
  list-style: none;
  overflow: hidden;
  padding-left: 16px;
  position: relative;
}
.update-repository-record-modal .rows-list-container .rows-list li {
  margin: 6px 0;
}
.update-repository-record-modal .rows-list-container .rows-to-assign,
.update-repository-record-modal .rows-list-container .rows-to-unassign {
  flex-grow: 1;
  margin: 0 10px;
}
.update-repository-record-modal .rows-list-container .rows-to-assign .header .fas {
  color: #5ec66f;
}
.update-repository-record-modal .rows-list-container .rows-to-unassign .header .fas {
  color: #ce0c24;
}
.update-repository-record-modal .my-modules-to-assign {
  font-size: 14px;
  background: #eaecf0;
  border-radius: 4px;
  padding: 1em;
}
.update-repository-record-modal .my-modules-to-assign .my-module-to-assign {
  margin-bottom: 0.5em;
}
.update-repository-record-modal .my-modules-to-assign .current-task {
  font-size: 12px;
  background: #7094cb;
  border-radius: 2px;
  color: #fff;
  padding: 0.25em;
}
.update-repository-record-modal .hidden-my-modules {
  background: #fbebd3;
  border-radius: 4px;
  margin-top: 0.5em;
  padding: 0.5em;
}
.update-repository-record-modal .hidden-my-modules .fas {
  color: #f0ad4e;
}

@media (max-width: 700px) {
  #myModuleRepositoryFullViewModal .modal-dialog .modal-content {
    grid-template-areas: "header" "table" "sidebar";
    grid-template-columns: 100%;
    grid-template-rows: 55px calc(100% - 55px) 0;
  }
  #myModuleRepositoryFullViewModal .modal-dialog .modal-content.show-sidebar {
    grid-template-columns: 100%;
    grid-template-rows: 55px 0 calc(100% - 55px);
  }
  #myModuleRepositoryFullViewModal .modal-dialog .modal-content.show-sidebar .modal-body {
    overflow: hidden;
  }
  #myModuleRepositoryFullViewModal .sidebar-collapse-button {
    transform: rotateZ(90deg);
  }
}
.task-sharing-and-flows #dropdownTaskFlowList {
  min-width: 230px;
}
.task-sharing-and-flows .status-flow-dropdown:last-child {
  margin-right: 0;
}
.task-sharing-and-flows .status-buttons {
  display: flex;
}
.task-sharing-and-flows .status-buttons.status-light {
  border: 1px solid var(--sn-sleepy-grey);
  color: var(--sn-black) !important;
}
.task-sharing-and-flows .status-buttons > :not(:first-child):not(.dropdown-menu) {
  margin-left: 0.5em;
}
.task-sharing-and-flows .status-buttons .status-flow-dropdown[data-status-changing=true] .caret.pull-right {
  display: none;
}
.task-sharing-and-flows .status-buttons > div > .btn {
  min-width: 115px;
}
.task-sharing-and-flows .status-transition-error {
  font-size: 12px;
  color: #ce0c24;
  margin-top: 0.5em;
}
.task-sharing-and-flows .status-transition-error .fas {
  margin-right: 0.5em;
}
.task-sharing-and-flows .status-label {
  font-size: 14px;
  flex-basis: 50%;
  margin-right: 0.5em;
  text-align: right;
}
.task-sharing-and-flows .status-label .status-title {
  font-size: 12px;
  color: var(--sn-grey);
  margin-right: 0.2em;
}
.task-sharing-and-flows .status-label .status-note {
  font-weight: normal;
}
.task-sharing-and-flows .status-label .pull-right {
  font-weight: 400;
}

.status-flow-dropdown .dropdown-toggle {
  color: #fff;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  text-align: left;
  width: 100%;
}
.status-flow-dropdown .dropdown-toggle.btn-not-started {
  border: 1px solid var(--sn-sleepy-grey);
  color: var(--sn-black);
}
.status-flow-dropdown .dropdown-toggle .caret {
  margin: 8px 0;
}
.status-flow-dropdown .status-light {
  border: 1px solid var(--sn-sleepy-grey);
  color: var(--sn-black) !important;
}
.status-flow-dropdown.open .dropdown-menu {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, auto) 12px minmax(0, auto);
  min-width: 230px;
  padding: 0.5em 0 0;
}
.status-flow-dropdown.open .dropdown-menu li {
  display: contents;
}
.status-flow-dropdown.open .dropdown-menu li > * {
  cursor: pointer;
  line-height: 2em;
  padding: 0.5em 1em;
}
.status-flow-dropdown.open .dropdown-menu li:hover > * {
  background: #eaecf0;
}
.status-flow-dropdown.open .dropdown-menu li.disabled {
  pointer-events: none;
}
.status-flow-dropdown.open .dropdown-menu li.disabled .status-name {
  background: #d0d5dd !important;
}
.status-flow-dropdown.open .dropdown-menu .fa-long-arrow-alt-right {
  color: #98a2b3;
  padding: 1.5em 0;
  z-index: 1;
}
.status-flow-dropdown.open .dropdown-menu .status-container {
  display: flex;
}
.status-flow-dropdown.open .dropdown-menu .status-name {
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  line-height: 1em;
  max-width: 100%;
  overflow: hidden;
  padding: 0.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.status-flow-dropdown.open .dropdown-menu .btn-not-started {
  border: 1px solid var(--sn-sleepy-grey);
  color: var(--sn-black);
}
.status-flow-dropdown.open .dropdown-menu .error-message {
  font-size: 12px;
  color: #98a2b3;
  grid-column: span 3;
  line-height: 1em;
  padding: 0em 1em 0.5em;
}
.status-flow-dropdown.open .dropdown-menu .error-message:empty {
  display: none;
}
.status-flow-dropdown.open .dropdown-menu .error-message.permission-error {
  padding: 0.5em 1em;
}
.status-flow-dropdown.open .dropdown-menu #viewTaskFlow {
  border-top: 1px solid #d0d5dd;
  cursor: pointer;
  display: list-item;
  grid-column: span 3;
  line-height: 2em;
  margin-top: 0.5em;
  padding: 0.5em 1em;
}

#statusFlowModal .status-flow {
  padding: 2em;
}
#statusFlowModal .status-flow .status-container {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr min-content 1fr;
  grid-template-rows: 28px;
  justify-content: space-around;
  position: relative;
}
#statusFlowModal .status-flow .status-container .current-status {
  font-size: 12px;
  justify-self: end;
}
#statusFlowModal .status-flow .status-container .current-status .fas {
  margin: 0 0.5em;
}
#statusFlowModal .status-flow .status-container .status-block {
  font-size: 14px;
  border-radius: 2px;
  color: #fff;
  font-weight: bold;
  line-height: 1em;
  padding: 0.5em;
  white-space: nowrap;
}
#statusFlowModal .status-flow .status-container .status-block.status-light {
  border: 1px solid var(--sn-sleepy-grey);
  color: var(--sn-black) !important;
}
#statusFlowModal .status-flow .status-container .status-comment {
  font-size: 12px;
  color: #98a2b3;
  padding-left: 0.5em;
}
#statusFlowModal .status-flow .connector {
  background: #1d2939;
  height: 2em;
  margin: 0 auto;
  position: relative;
  width: 2px;
}
#statusFlowModal .status-flow .connector:before, #statusFlowModal .status-flow .connector:after {
  border-left: 0.2em solid transparent;
  border-right: 0.2em solid transparent;
  content: "";
  display: block;
  margin-left: -0.1em;
  position: absolute;
}
#statusFlowModal .status-flow .connector:before {
  border-top: 0.2em solid #1d2939;
  top: 0;
}
#statusFlowModal .status-flow .connector:after {
  border-bottom: 0.2em solid #1d2939;
  bottom: 0;
}

#consumeRepositoryStockValueModal .consumption-container {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 0.8em;
}
#consumeRepositoryStockValueModal .consumption-container .units {
  margin: 1.5rem 0 0 0.5rem;
}

#shareable-link-welcome-modal .modal-body,
#team-sharing-tasks .modal-body,
#modalDestroyShareableLink .modal-body {
  padding: 0.625rem 1rem;
}
#shareable-link-welcome-modal .modal-body .text-sm:last-child,
#team-sharing-tasks .modal-body .text-sm:last-child,
#modalDestroyShareableLink .modal-body .text-sm:last-child {
  margin-bottom: 0;
}

.shareable-links .module-name {
  width: calc(100vw - 27rem);
}
.shareable-links #assigned-items-container .assigned-repository {
  border: unset;
}
.shareable-links #assigned-items-container .assigned-repository .assigned-repository-caret {
  padding: 0;
}
.shareable-links #assigned-items-container .assigned-repository .assigned-repository-container {
  padding-left: 6px;
}
.shareable-links .dataTables_paginate .paginate_button.next, .shareable-links .dataTables_paginate .paginate_button.previous {
  cursor: pointer;
}
.shareable-links .dataTables_paginate .paginate_button.next a, .shareable-links .dataTables_paginate .paginate_button.previous a {
  display: none;
}
.shareable-links .dataTables_paginate .paginate_button.next.disabled, .shareable-links .dataTables_paginate .paginate_button.previous.disabled {
  cursor: not-allowed;
}
.shareable-links .dataTables_paginate .paginate_button.paginate_button.next::after {
  padding-left: 12px;
}

.protocols-index .title-row .fas {
  margin-right: 16px;
}
.protocols-index .protocols-datatable {
  --content-header-size: 5em;
  --protocol-toolbar-size: 4em;
  height: calc(100vh - var(--navbar-height) - var(--content-header-size));
}
.protocols-index .protocols-datatable #protocols-table_wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.protocols-index .protocols-datatable #protocols-table_wrapper .dataTables_scrollHead {
  flex-shrink: 0;
}
.protocols-index .protocols-datatable #protocols-table_wrapper .dataTables_scrollHead thead .sci-checkbox-container {
  margin-left: 0.125rem;
}
.protocols-index .protocols-datatable #protocols-table_wrapper .dataTables_scrollHead tbody td {
  vertical-align: middle;
}
.protocols-index .protocols-datatable #protocols-table_wrapper .dataTables_scrollHead tbody td:first-child {
  padding-top: 4px;
}
.protocols-index .protocols-datatable #protocols-table_wrapper .dataTables_scrollHead tbody td:not(:first-child) {
  max-width: 30rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.protocols-index .protocols-datatable #protocols-table_wrapper .dataTables_scrollHead .table.dataTable .sorting::after {
  opacity: 0;
}
.protocols-index .protocols-datatable #protocols-table_wrapper .dataTables_scrollHead .table.dataTable .sorting:hover::after {
  opacity: 1;
}
.protocols-index .protocols-datatable .toolbar {
  align-items: center;
  display: flex;
}
.protocols-index .protocols-datatable .toolbar .left-general-toolbar {
  align-items: center;
  column-gap: 0.5em;
  display: flex;
}
.protocols-index .protocols-datatable .toolbar .left-general-toolbar .dropdown-menu {
  min-width: 150px;
}
.protocols-index .protocols-datatable .toolbar .view-switch {
  margin: 0 auto;
}
.protocols-index .protocols-datatable .toolbar .right-general-toolbar {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: 0.5em;
}
.protocols-index .protocols-datatable .dataTables_scroll {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: calc(100% - var(--datatable-pagination-row) - var(--protocol-toolbar-size));
  padding-bottom: 12px;
  z-index: 1;
}
.protocols-index .protocols-datatable .dataTables_scrollBody {
  flex-grow: 1;
}
.protocols-index .protocols-datatable .dataTables_scrollBody td {
  padding: 8px;
  vertical-align: middle;
  white-space: nowrap;
}
.protocols-index .protocols-datatable .users-access-cell .protocol-users-link {
  align-items: center;
  color: var(--sn-black);
  display: flex;
  gap: 0.25rem;
}
.protocols-index .protocols-datatable .users-access-cell .protocol-users-link:hover {
  text-decoration: none;
}
.protocols-index .protocols-datatable .users-access-cell .global-avatar-container {
  align-items: center;
  display: flex;
  height: 28px;
  justify-content: center;
  line-height: 28px;
  width: 28px;
}
.protocols-index .protocols-datatable .users-access-cell .more-users {
  background: #475467;
  border-radius: 50%;
  color: #fff;
  height: 2em;
  line-height: 2em;
  margin-right: 0.25em;
  text-align: center;
  text-decoration: none;
  width: 2em;
}
.protocols-index .protocols-datatable .users-access-cell .new-user {
  background: #eaecf0;
  height: 28px;
  line-height: 24px;
  text-align: center;
  width: 28px;
}
.protocols-index .protocols-datatable .selected .global-avatar-container,
.protocols-index .protocols-datatable .selected .more-users {
  border: 2px solid #eaecf0;
}
.protocols-index .protocols-datatable .not-clickable-record {
  color: #d0d5dd;
}
.protocols-index .protocol-filters {
  display: flex;
  position: relative;
}
.protocols-index .protocol-filters .filter-container {
  margin-right: 1em;
}
.protocols-index .protocol-filters .dropdown-option.users-dropdown-list {
  padding: 8px 10px;
}
.protocols-index .protocol-filters .dropdown-option.users-dropdown-list .item-avatar {
  border-radius: 50%;
  height: 32px;
  margin: 0 16px 0 0;
  width: 32px;
}
.protocols-index .protocol-filters .select-block.has-draft {
  align-items: center;
  column-gap: 8px;
  display: flex;
}
.protocols-index .protocol-filters .input-field:focus-within,
.protocols-index .protocol-filters .datetime-picker-container:focus-within {
  border: 1px solid #3b99fd;
  border-radius: 4px;
}
.protocols-index.archived .only-active {
  display: none;
}
.protocols-index:not(.archived) .only-archive {
  display: none;
}

#protocol-versions-modal .modal-footer {
  border: 0;
}
#protocol-versions-modal .protocol-version-row {
  align-items: center;
  border-bottom: 1px solid #eaecf0;
  display: flex;
  flex-wrap: wrap;
  padding: 1em 0;
}
#protocol-versions-modal .protocol-version-row .protocol-version-metadata {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  align-items: center;
}
#protocol-versions-modal .protocol-version-row .protocol-version-metadata .protocol-link {
  font-size: 14px;
  flex-shrink: 0;
}
#protocol-versions-modal .protocol-version-row .protocol-version-metadata .protocol-actions {
  display: flex;
  margin-left: auto;
  min-height: 36px;
}
#protocol-versions-modal .protocol-version-row .protocol-version-metadata .edit-buttons {
  margin-top: 0.25em;
}
#protocol-versions-modal .protocol-version-row .protocol-version-metadata .edit-buttons .btn {
  margin-left: 0.5em;
}
#protocol-versions-modal .protocol-version-row .protocol-version-metadata .protocol-metadata {
  font-size: 12px;
  margin-left: 16px;
}
#protocol-versions-modal .protocol-version-row:not(:hover) .save-as-draft {
  opacity: 0;
  pointer-events: none;
}
#protocol-versions-modal .protocol-version-row .protocol-version-comment {
  font-size: 14px;
  flex-basis: 100%;
  margin-top: 0.25em;
}
#protocol-versions-modal .protocol-version-row .protocol-version-comment .view-mode {
  border: 1px solid transparent;
  cursor: pointer;
  min-height: 3em;
  padding: 0.5em;
}
#protocol-versions-modal .protocol-version-row .protocol-version-comment .view-mode:empty::before {
  font-size: 14px;
  color: #98a2b3;
  content: attr(data-placeholder);
}
#protocol-versions-modal .protocol-version-row .protocol-version-comment .view-mode:hover {
  border: 1px solid #eaecf0;
  border-radius: 4px;
}
#protocol-versions-modal .protocol-version-row .protocol-version-comment textarea {
  min-height: 5em;
  padding: 0.5em;
  width: 100%;
}
#protocol-versions-modal .protocol-version-row .protocol-version-comment .protocol-comment-container .sci-input-field {
  margin-bottom: 8px;
}
#protocol-versions-modal .protocol-version-row .protocol-version-comment .protocol-comment-container[data-edit-mode="0"] .edit-buttons {
  display: none;
}
#protocol-versions-modal .protocol-version-row .protocol-version-comment .protocol-comment-container .edit-buttons {
  column-gap: 8px;
  display: flex;
  justify-content: end;
}
#protocol-versions-modal .protocol-version-link {
  margin-right: 1em;
}
#protocol-versions-modal .protocol-version-comment-row {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

#protocolsioModal .modal-dialog {
  width: 90vw;
}

#newProtocolModal .description {
  font-size: 14px;
  margin: 1em 0;
}
#newProtocolModal .default-role-container {
  font-size: 14px;
  display: flex;
  line-height: 24px;
  margin: 1em 0;
}
#newProtocolModal .default-role-container .sci-checkbox-container {
  margin: 4px 8px 4px 0;
}
#newProtocolModal .default-role-container small {
  font-size: 12px;
  display: block;
  line-height: 16px;
}

#linked-children-modal .dataTables_length .form-control {
  width: 160px;
}
#linked-children-modal .version-dropdown {
  align-items: center;
  column-gap: 8px;
  display: flex;
  margin-top: 16px;
}
#linked-children-modal .version-dropdown label {
  font-size: 14px;
  font-weight: 400;
}
#linked-children-modal .version-dropdown .dropdown-selector-container {
  width: 86px;
}
#linked-children-modal .linked-children-datatable {
  margin-bottom: 16px;
}

#protocol-preview-modal .modal-dialog .modal-body {
  max-height: 75vh;
  overflow-y: auto;
  width: 100%;
}
#protocol-preview-modal .modal-dialog .modal-body .ql-editor {
  min-height: initial;
}
#protocol-preview-modal .modal-dialog .modal-body .form-group.has-error {
  color: #ce0c24;
}
#protocol-preview-modal .modal-dialog .modal-body .form-group.has-error .sci-input-field {
  border: 1px solid #ce0c24;
}
#protocol-preview-modal .modal-dialog .general-error {
  text-align: center;
}
#protocol-preview-modal .modal-dialog .modal-footer .footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
#protocol-preview-modal .modal-dialog .modal-footer .footer .left-section {
  align-items: center;
  column-gap: 32px;
  display: flex;
  justify-content: space-between;
}
#protocol-preview-modal .modal-dialog .modal-footer .footer .left-section .default-role-container {
  align-items: center;
  column-gap: 8px;
  display: flex;
}
#protocol-preview-modal .modal-dialog .modal-footer .footer .left-section .sci-input-container {
  display: flex;
  align-items: center;
  column-gap: 12px;
  flex-grow: 1;
}
#protocol-preview-modal .modal-dialog .modal-footer .footer .left-section .sci-input-container label {
  margin-bottom: 0;
  white-space: nowrap;
}
#protocol-preview-modal .modal-dialog .modal-footer .footer .left-section .sci-input-container .dropdown-selector-container {
  width: 170px;
}
#protocol-preview-modal .modal-dialog .modal-footer .footer .left-section .sci-input-container .dropdown-selector-container .search-field {
  padding-left: 7px;
}
#protocol-preview-modal .modal-dialog .modal-footer .footer .right-section {
  column-gap: 8px;
  display: flex;
  flex-basis: 0;
  justify-content: flex-end;
}

.content-pane.protocols-show .dropdown-menu {
  z-index: 102;
}
.content-pane.protocols-show .dropdown-backdrop {
  z-index: 101;
}
.content-pane.protocols-show .protocol-section {
  background-color: var(--sn-white);
  border-radius: 0.25rem;
  display: inline-block;
  padding: 0.25rem 1rem;
  width: 100%;
}
.content-pane.protocols-show .protocol-section.protocol-steps-section {
  margin-left: 0;
}
.content-pane.protocols-show .protocol-section .protocol-section-caret {
  align-items: center;
  color: var(--sn-black);
  display: inline-flex;
  gap: 0.5rem;
  padding: 0.5rem 0.5rem 0.5rem 0;
  text-decoration: none;
}
.content-pane.protocols-show .protocol-section .protocol-section-caret .fas {
  margin-right: 5px;
}
.content-pane.protocols-show .protocol-section .protocol-section-caret:not(.collapsed) .sn-icon {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.content-pane.protocols-show .protocol-section .protocol-section-title {
  display: inline-block;
}
.content-pane.protocols-show .protocol-section .protocol-section-title h2 {
  display: inline-block;
  margin: 10px 0;
}
.content-pane.protocols-show .protocol-section .protocol-section-title .protocol-code {
  color: #475467;
  margin-left: 0.5em;
}
.content-pane.protocols-show .protocol-section .protocol-section-header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.content-pane.protocols-show .protocol-section .protocol-section-header .actions-block {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  padding: 0 25px;
}
.content-pane.protocols-show .protocol-section .protocol-section-header .actions-block .btn {
  margin-left: 0.25em;
}
.content-pane.protocols-show .protocol-section .protocol-section-header .actions-block .caret {
  margin-left: 25px;
}
.content-pane.protocols-show .protocol-section .protocol-section-header .actions-block button,
.content-pane.protocols-show .protocol-section .protocol-section-header .actions-block a {
  margin-right: 5px;
}
.content-pane.protocols-show .protocol-section .protocol-details {
  padding-left: 2rem;
}
.content-pane.protocols-show .protocol-details .protocol-metadata {
  margin-bottom: 2em;
}
.content-pane.protocols-show .protocol-details .protocol-metadata .data-block {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 16px;
}
.content-pane.protocols-show .protocol-details .protocol-metadata .authors-data {
  align-items: baseline;
  display: flex;
  margin-top: -12px;
  min-height: 36px;
}
.content-pane.protocols-show .protocol-details .protocol-metadata .authors-data .authors-list {
  font-weight: bold;
  line-height: 32px;
  margin-left: 8px;
  max-width: calc(100% - 90px);
  position: relative;
}
.content-pane.protocols-show .protocol-details .protocol-metadata .authors-data * {
  flex-shrink: 0;
}
.content-pane.protocols-show .protocol-details .protocol-metadata .authors-data .sci-inline-edit__view,
.content-pane.protocols-show .protocol-details .protocol-metadata .authors-data textarea {
  padding-left: 10px;
}
.content-pane.protocols-show .protocol-details .protocol-metadata .authors-data .sci-inline-edit__view::placeholder,
.content-pane.protocols-show .protocol-details .protocol-metadata .authors-data textarea::placeholder {
  font-weight: normal;
}
.content-pane.protocols-show .protocol-details .protocol-metadata .authors-data .sci-inline-edit__view.blank {
  font-weight: normal;
}
.content-pane.protocols-show .protocol-details .protocol-metadata .authors-data .sci-inline-edit__view.blank:hover {
  border: 1px solid #d0d5dd;
}
.content-pane.protocols-show .protocol-details .protocol-metadata .keywords-data {
  align-items: center;
  display: flex;
  margin-top: -12px;
  min-height: 36px;
}
.content-pane.protocols-show .protocol-details .protocol-metadata .keywords-data .keywords-list {
  flex-basis: calc(100% - 90px);
  flex-grow: 1;
  margin-left: 0.5em;
}
.content-pane.protocols-show .protocol-details .protocol-metadata .keywords-data .keywords-list .dropdown-selector-container {
  padding-right: 10px;
  margin-left: 0;
}
.content-pane.protocols-show .protocol-details .protocol-metadata .keywords-data .keywords-list .dropdown-selector-container .input-field {
  margin-left: 0;
}
.content-pane.protocols-show .protocol-details .protocol-metadata .keywords-data .keywords-list .dropdown-selector-container:not(.disabled):not(.active) .input-field {
  border-color: transparent;
}
.content-pane.protocols-show .protocol-details .protocol-metadata .keywords-data .keywords-list .dropdown-selector-container:not(.disabled):not(.active) .input-field:hover {
  border: 1px solid #d0d5dd;
}
.content-pane.protocols-show .protocol-details .protocol-metadata .keywords-data .keywords-list .dropdown-selector-container:not(.disabled).active .input-field {
  border: 1px solid #3b99fd;
}
.content-pane.protocols-show .protocol-details .protocol-metadata .keywords-data .keywords-list .dropdown-selector-container.disabled .input-field,
.content-pane.protocols-show .protocol-details .protocol-metadata .keywords-data .keywords-list .dropdown-selector-container.disabled .input-field:hover,
.content-pane.protocols-show .protocol-details .protocol-metadata .keywords-data .keywords-list .dropdown-selector-container.disabled .input-field:active {
  border-color: transparent;
}
.content-pane.protocols-show .protocol-details .protocol-metadata .keywords-data * {
  flex-shrink: 0;
}
.content-pane.protocols-show .protocol-description {
  margin-bottom: 2em;
}
.content-pane.protocols-show .protocol-description .data-block img {
  border-radius: 50%;
  height: 24px;
  width: 24px;
}
.content-pane.protocols-show .protocol-description .fas.block-icon {
  margin-right: 6px;
}
.content-pane.protocols-show .protocol-description .fas.block-icon.fa-graduation-cap, .content-pane.protocols-show .protocol-description .fas.block-icon.fa-font {
  margin-right: 10px;
}
.content-pane.protocols-show .protocol-step-actions {
  margin-left: -6px;
  margin-top: 2em;
}
.content-pane.protocols-show .publish-modal .modal-body {
  font-size: 14px;
}
.content-pane.protocols-show .publish-modal .sci-input-container {
  margin-bottom: 1em;
}
.content-pane.protocols-show .publish-modal textarea {
  min-height: 64px;
}
.content-pane.protocols-show .publish-modal .modal-footer {
  margin-top: -25px;
}

.protocol-content .protocol-name {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: bold;
  position: relative;
  width: 100%;
}
.protocol-content .repository-new-step {
  margin-left: 1.5em;
}

#protocol-description-container {
  overflow-x: auto;
}

.delete-steps-modal .btn {
  float: initial;
}

.protocol-content .tinymce-wrapper,
.my-modules-results .tinymce-wrapper {
  width: 100%;
}
.protocol-content .tinymce-wrapper .tox-tinymce,
.my-modules-results .tinymce-wrapper .tox-tinymce {
  flex-grow: 1;
}
.protocol-content .tinymce-container,
.my-modules-results .tinymce-container {
  align-items: center;
  border-radius: 4px;
  display: flex;
  min-height: 36px;
  width: 100%;
}
.protocol-content .tinymce-container .tiny-mce-editor,
.my-modules-results .tinymce-container .tiny-mce-editor {
  flex-basis: 100%;
  max-width: 100%;
}
.protocol-content .tinymce-container form > .form-group,
.my-modules-results .tinymce-container form > .form-group {
  margin-bottom: 0;
}
.protocol-content .tinymce-container form > .form-group > .mce-tinymce,
.my-modules-results .tinymce-container form > .form-group > .mce-tinymce {
  border: 1px solid #98a2b3;
  box-shadow: none;
}
.protocol-content .tinymce-container.error .form-group > .mce-tinymce,
.my-modules-results .tinymce-container.error .form-group > .mce-tinymce {
  border-color: #ce0c24;
}
.protocol-content .tinymce-container.error .tinymce-save-button,
.my-modules-results .tinymce-container.error .tinymce-save-button {
  opacity: 0.5;
  pointer-events: none;
}
.protocol-content .tinymce-container .mce-tinymce.mce-container.mce-panel,
.my-modules-results .tinymce-container .mce-tinymce.mce-container.mce-panel {
  border-radius: 4px;
}
.protocol-content .tinymce-container .mce-menubar.mce-toolbar.mce-first,
.my-modules-results .tinymce-container .mce-menubar.mce-toolbar.mce-first {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.protocol-content .tinymce-container .mce-statusbar,
.my-modules-results .tinymce-container .mce-statusbar {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.protocol-content .tinymce-container .tinymce-status-badge,
.my-modules-results .tinymce-container .tinymce-status-badge {
  display: none;
}
.protocol-content .tinymce-container .tinymce-view,
.my-modules-results .tinymce-container .tinymce-view {
  border-color: transparent;
  padding: 0.1em 0;
}
.protocol-content .tinymce-container .tinymce-view:hover,
.my-modules-results .tinymce-container .tinymce-view:hover {
  border: 1px solid transparent;
}
.protocol-content .tinymce-error,
.my-modules-results .tinymce-error {
  color: #ce0c24;
  font-size: 12px;
  margin-top: 2px;
}

.dashboard-container .calendar-widget {
  --calendar-day-size: 32px;
}
.dashboard-container .calendar-widget .dashboard-calendar {
  height: 100%;
  position: absolute;
  width: 100%;
}
.dashboard-container .calendar-widget .clndr {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.dashboard-container .calendar-widget .clndr .controls {
  border-bottom: 1px solid #d0d5dd;
  display: flex;
  flex-basis: 42px;
  flex-shrink: 0;
  padding: 3px;
}
.dashboard-container .calendar-widget .clndr .controls .clndr-title {
  font-size: 16px;
  font-weight: bold;
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: center;
}
.dashboard-container .calendar-widget .clndr .days-container {
  align-items: center;
  display: grid;
  flex-basis: calc(100% - 42px);
  flex-grow: 1;
  grid-column-gap: 6px;
  grid-row-gap: 2px;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(auto-fit, minmax(1em, 1fr));
  justify-items: center;
  padding: 6px;
}
.dashboard-container .calendar-widget .clndr .days-container .day-header {
  font-size: 14px;
  color: #98a2b3;
  font-weight: bold;
}
.dashboard-container .calendar-widget .clndr .days-container .day {
  font-size: 14px;
  align-items: center;
  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  border-radius: 50%;
  display: flex;
  height: var(--calendar-day-size);
  justify-content: center;
  position: relative;
  transition: 0.3s;
  user-select: none;
  width: var(--calendar-day-size);
}
.dashboard-container .calendar-widget .clndr .days-container .day.adjacent-month {
  color: #d0d5dd;
}
.dashboard-container .calendar-widget .clndr .days-container .day.event .event-day {
  align-items: center;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: calc(var(--calendar-day-size) - 2px);
  justify-content: center;
  width: calc(var(--calendar-day-size) - 2px);
}
.dashboard-container .calendar-widget .clndr .days-container .day.event .event-day:hover {
  background: #eaecf0;
  color: inherit;
}
.dashboard-container .calendar-widget .clndr .days-container .day.event::after {
  background: #ce0c24;
  border: 1px solid #fff;
  border-radius: 50%;
  content: "";
  height: 0.5em;
  position: absolute;
  right: 0;
  top: 0;
  width: 0.5em;
  right: calc(var(--calendar-day-size) / 2 - 4px);
  top: calc(var(--calendar-day-size) / 2 + 6px);
}
.dashboard-container .calendar-widget .clndr .days-container .day.today {
  border: 1px solid #104da9;
}
.dashboard-container .calendar-widget .clndr .days-container .day.today.event::after {
  left: 12px;
  top: 21px;
}
.dashboard-container .calendar-widget .clndr .days-container .day .events-container {
  color: #1d2939;
  padding: 8px;
  width: 280px;
}
.dashboard-container .calendar-widget .clndr .days-container .day .events-container .title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}

@media (max-width: 1600px) {
  .dashboard-container .calendar-widget .clndr .events-container {
    left: 0;
    right: auto;
  }
}
@media (max-width: 700px) {
  .dashboard-container .calendar-widget {
    --calendar-day-size: 28px;
  }
}
#create-task-modal .modal-dialog {
  width: 360px;
}
#create-task-modal .modal-dialog .description {
  margin-bottom: 20px;
}
#create-task-modal .modal-dialog .select-block {
  display: inline-block;
  padding-bottom: 16px;
  position: relative;
  width: 100%;
}
#create-task-modal .modal-dialog .select-block label {
  font-size: 12px;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 5px;
  user-select: none;
}
#create-task-modal .modal-dialog .select-block::after {
  display: block;
  color: #ce0c24;
  content: attr(data-error);
}
#create-task-modal .modal-dialog .dropdown-selector-container .create-new {
  padding: 0 5px;
}
#create-task-modal .modal-dialog .dropdown-selector-container .dropdown-option[data-value="0"] {
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}
#create-task-modal .modal-dialog .new-projects-visibility {
  position: relative;
}
#create-task-modal .modal-dialog .project-visibility-container {
  display: inline-block;
  width: 260px;
}
#create-task-modal .modal-dialog .project-visibility-title {
  font-size: 12px;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 5px;
}
#create-task-modal .modal-dialog .sci-toggles-group .sci-toggle-item {
  width: 130px;
}
#create-task-modal .modal-dialog .sci-toggles-group .sci-toggle-item-label {
  margin-left: -130px;
  margin-bottom: 0;
  width: 130px;
}
#create-task-modal .modal-dialog .modal-footer {
  text-align: center;
}

.dashboard-container .current-tasks-widget .title {
  flex-shrink: 0;
}
.dashboard-container .current-tasks-widget .actions-container {
  align-items: center;
  display: flex;
  flex-grow: 1;
  padding-left: 10px;
}
.dashboard-container .current-tasks-widget .search-container {
  flex-basis: 36px;
}
.dashboard-container .current-tasks-widget .search-container .sn-icon {
  position: absolute;
}
.dashboard-container .current-tasks-widget .search-container .task-search-field {
  background: transparent;
  border: 1px solid #d0d5dd;
  padding-left: 36px;
  position: relative;
  width: 200px;
  z-index: 2;
}
.dashboard-container .current-tasks-widget .search-container .task-search-field:placeholder-shown {
  border: 1px solid transparent;
  cursor: pointer;
  width: 36px;
}
.dashboard-container .current-tasks-widget .search-container .task-search-field:hover {
  border: 1px solid #d0d5dd;
}
.dashboard-container .current-tasks-widget .search-container .task-search-field:focus {
  border: 1px solid #3b99fd;
  cursor: auto;
  width: 200px;
}
.dashboard-container .current-tasks-widget .filter-container {
  height: 36px;
  margin-right: 4px;
  position: relative;
  width: 36px;
}
.dashboard-container .current-tasks-widget .filter-container .current-tasks-filters {
  padding: 0;
  width: 230px;
}
.dashboard-container .current-tasks-widget .filter-container .current-tasks-filters .header {
  align-items: center;
  border-bottom: 1px solid #d0d5dd;
  display: flex;
  height: 44px;
  margin-bottom: 16px;
  padding: 0 16px;
}
.dashboard-container .current-tasks-widget .filter-container .current-tasks-filters .header .title {
  font-size: 18px;
  font-weight: bold;
  flex-grow: 1;
  user-select: none;
}
.dashboard-container .current-tasks-widget .filter-container .current-tasks-filters .select-block {
  display: inline-block;
  padding: 0 16px 16px;
  position: relative;
  width: 100%;
}
.dashboard-container .current-tasks-widget .filter-container .current-tasks-filters .select-block label {
  font-size: 12px;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 5px;
  user-select: none;
}
.dashboard-container .current-tasks-widget .filter-container .current-tasks-filters .footer {
  align-items: center;
  border-top: 1px solid #d0d5dd;
  display: flex;
  height: 68px;
  justify-content: flex-end;
  position: relative;
  padding: 16px;
}
.dashboard-container .current-tasks-widget .filter-container .current-tasks-filters .footer .clear-button {
  margin-right: 8px;
}
.dashboard-container .current-tasks-widget .widget-placeholder .fas {
  font-size: 32px;
  margin-left: 100px;
  margin-top: 50px;
}
.dashboard-container .current-tasks-widget .widget-placeholder.team .assigned {
  display: none;
}
.dashboard-container .current-tasks-widget .widget-placeholder.assigned .team {
  display: none;
}
.dashboard-container .current-tasks-widget .current-tasks-list-wrapper {
  height: 100%;
  overflow-y: auto;
  position: relative;
}
.dashboard-container .current-tasks-widget .current-tasks-list {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr max-content max-content;
  padding: 0 1em;
}
.dashboard-container .current-tasks-widget .current-tasks-list.disabled {
  pointer-events: none;
}
.dashboard-container .current-tasks-widget .current-tasks-list .current-task-item {
  color: #475467;
  display: contents;
  text-decoration: none;
}
.dashboard-container .current-tasks-widget .current-tasks-list .current-task-item .current-task-breadcrumbs {
  font-size: 12px;
  color: #98a2b3;
  grid-column: span 3;
  line-height: 1em;
  padding: 0.5em 0.5em 0.25em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-container .current-tasks-widget .current-tasks-list .current-task-item .current-task-breadcrumbs .slash {
  display: inline-block;
  text-align: center;
  width: 16px;
}
.dashboard-container .current-tasks-widget .current-tasks-list .current-task-item .row-border {
  border-bottom: 1px solid #eaecf0;
  height: 32px;
  line-height: 24px;
  padding-bottom: 8px;
}
.dashboard-container .current-tasks-widget .current-tasks-list .current-task-item .task-name {
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  padding: 0 0.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-container .current-tasks-widget .current-tasks-list .current-task-item .task-due-date {
  padding: 0 2em 0 1em;
}
.dashboard-container .current-tasks-widget .current-tasks-list .current-task-item .task-due-date .fas {
  padding: 0.25em;
}
.dashboard-container .current-tasks-widget .current-tasks-list .current-task-item .task-due-date.overdue {
  color: #ce0c24;
}
.dashboard-container .current-tasks-widget .current-tasks-list .current-task-item .task-due-date.day-prior {
  color: #f0ad4e;
}
.dashboard-container .current-tasks-widget .current-tasks-list .current-task-item .task-due-date.completed {
  color: #5ec66f;
}
.dashboard-container .current-tasks-widget .current-tasks-list .current-task-item .task-status-container {
  grid-column: 3;
  padding: 0 0.5em;
  text-align: right;
}
.dashboard-container .current-tasks-widget .current-tasks-list .current-task-item .task-status-container .task-status {
  font-size: 12px;
  border-radius: 2px;
  color: #fff;
  font-weight: bold;
  padding: 0.25em 0.5em;
}
.dashboard-container .current-tasks-widget .current-tasks-list .current-task-item .task-status-container .task-status.status-light {
  border: 1px solid var(--sn-sleepy-grey);
  color: var(--sn-black) !important;
}
.dashboard-container .current-tasks-widget .current-tasks-list .current-task-item:hover > * {
  background: var(--sn-super-light-grey);
}

@media (max-width: 1500px) {
  .dashboard-container .current-tasks-widget .task-progress-container {
    max-width: 200px;
  }
}
@media (max-width: 1250px) {
  .dashboard-container .current-tasks-widget .task-progress-container {
    max-width: 150px;
  }
  .dashboard-container .current-tasks-widget .current-tasks-list .current-task-item .item-row .task-due-date {
    flex-basis: 230px;
  }
}
@media (max-width: 1000px) {
  .dashboard-container .current-tasks-widget .no-tasks .fas {
    margin-left: 500px;
  }
}
@media (max-width: 700px) {
  .dashboard-container .current-tasks-widget {
    --widget-header-size: 72px;
  }
  .dashboard-container .current-tasks-widget .widget-title {
    flex-basis: 100%;
    line-height: 36px;
  }
  .dashboard-container .current-tasks-widget .actions-container {
    flex-grow: 0;
    padding: 0;
  }
  .dashboard-container .current-tasks-widget .current-tasks-navbar {
    flex-basis: 0;
    flex-grow: 1;
  }
  .dashboard-container .current-tasks-widget .search-container {
    margin-right: 5px;
  }
  .dashboard-container .current-tasks-widget .search-container .task-search-field {
    width: 150px;
  }
  .dashboard-container .current-tasks-widget .search-container .task-search-field:focus {
    width: 150px;
  }
  .dashboard-container .current-tasks-widget .current-tasks-list {
    grid-template-columns: auto;
  }
  .dashboard-container .current-tasks-widget .current-tasks-list .current-task-item .current-task-breadcrumbs {
    grid-column: 1;
    padding-left: 0;
  }
  .dashboard-container .current-tasks-widget .current-tasks-list .current-task-item .task-name {
    border: 0;
    padding: 0;
    height: 1.5em;
  }
  .dashboard-container .current-tasks-widget .current-tasks-list .current-task-item .task-due-date {
    font-size: 12px;
    border: 0;
    height: 24px;
    padding-left: 0;
  }
  .dashboard-container .current-tasks-widget .current-tasks-list .current-task-item .task-due-date .fas {
    display: none;
  }
  .dashboard-container .current-tasks-widget .current-tasks-list .current-task-item .task-status-container {
    grid-column: 1;
    text-align: left;
    padding-left: 0;
  }
}
.dashboard-container .recent-work-widget .widget-title {
  flex-grow: 1;
}
.dashboard-container .recent-work-widget .recent-work-container {
  height: 100%;
  overflow-y: auto;
  padding: 0 8px;
  position: relative;
}
.dashboard-container .recent-work-widget .recent-work-container .recent-work-item {
  color: #475467;
  cursor: pointer;
  display: flex;
  line-height: 28px;
  padding: 0 8px;
  text-decoration: none;
}
.dashboard-container .recent-work-widget .recent-work-container .recent-work-item .object-name {
  flex-grow: 1;
  font-weight: bold;
  overflow: hidden;
  padding-right: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-container .recent-work-widget .recent-work-container .recent-work-item .object-type {
  font-size: 12px;
  color: #98a2b3;
  flex-basis: 120px;
  flex-shrink: 0;
}
.dashboard-container .recent-work-widget .recent-work-container .recent-work-item .object-changed {
  font-size: 12px;
  flex-basis: 160px;
  flex-shrink: 0;
}
.dashboard-container .recent-work-widget .recent-work-container .recent-work-item:hover {
  background: var(--sn-super-light-grey);
}
.dashboard-container .recent-work-widget .recent-work-container .widget-placeholder .no-results-arrow {
  font-size: 32px;
  padding-top: 50px;
}

@media (max-width: 1000px) {
  .dashboard-container .recent-work-widget .no-results .no-results-arrow {
    display: none;
  }
}
@media (max-width: 1100px) {
  .dashboard-container .recent-work-widget .widget-title {
    line-height: 36px;
  }
  .dashboard-container .recent-work-widget .recent-work-container .recent-work-item {
    flex-wrap: wrap;
    margin: 5px 0;
  }
  .dashboard-container .recent-work-widget .recent-work-container .recent-work-item .object-name {
    flex-basis: 100%;
    line-height: 18px;
  }
  .dashboard-container .recent-work-widget .recent-work-container .recent-work-item .object-type {
    flex-basis: 0;
    flex-grow: 1;
    line-height: 18px;
  }
  .dashboard-container .recent-work-widget .recent-work-container .recent-work-item .object-changed {
    flex-basis: 0;
    flex-grow: 1;
    line-height: 18px;
    text-align: right;
  }
}
.dashboard-background {
  background: #eaecf0;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.dashboard-view {
  --dashboard-widgets-gap: 30px;
  padding: 1.5rem 0;
}

.dashboard-header {
  padding-bottom: 1.5rem;
}

.dashboard-container {
  --widget-header-size: 44px;
  display: grid;
  grid-auto-rows: 26em;
  grid-column-gap: var(--dashboard-widgets-gap);
  grid-row-gap: var(--dashboard-widgets-gap);
  grid-template-columns: repeat(auto-fit, minmax(7em, 1fr));
  width: 100%;
}
.dashboard-container .basic-widget {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 1px 4px rgba(35, 31, 32, 0.15);
  position: relative;
}
.dashboard-container .basic-widget.large-widget {
  grid-column: auto/9 span;
}
.dashboard-container .basic-widget.medium-widget {
  grid-column: auto/6 span;
}
.dashboard-container .basic-widget.small-widget {
  grid-column: auto/3 span;
}
.dashboard-container .basic-widget .widget-header {
  align-items: center;
  border-bottom: 1px solid #eaecf0;
  display: flex;
  height: var(--widget-header-size);
  padding-left: 16px;
}
.dashboard-container .basic-widget .widget-header .widget-title {
  font-size: 18px;
  font-weight: bold;
  flex-shrink: 0;
}
.dashboard-container .basic-widget .widget-body {
  height: calc(100% - var(--widget-header-size));
  position: absolute;
  width: 100%;
}
.dashboard-container .basic-widget .widget-body .widget-placeholder {
  padding: 24px;
}
.dashboard-container .basic-widget .widget-body .widget-placeholder .widget-placeholder-title {
  font-size: 24px;
  font-weight: bold;
}
.dashboard-container .basic-widget .widget-body .widget-placeholder .widget-placeholder-description {
  font-size: 16px;
  color: #d0d5dd;
}

.quick-start-buttons {
  display: flex;
  position: relative;
}
.quick-start-buttons .btn {
  margin-right: 0.25em;
}

@media (max-width: 1240px) {
  .dashboard-container {
    --dashboard-widgets-gap: 15px;
    grid-template-columns: 100%;
  }
  .dashboard-container .basic-widget.large-widget, .dashboard-container .basic-widget.medium-widget, .dashboard-container .basic-widget.small-widget {
    grid-column: auto/1 span;
  }
}
@media (max-height: 800px) {
  .dashboard-container {
    grid-auto-rows: 20em;
  }
  .dashboard-view {
    --dashboard-widgets-gap: 15px;
  }
}
@media (min-height: 1080px) {
  .dashboard-container {
    grid-auto-rows: 32em;
  }
}
@media (max-width: 700px) {
  .dashboard-container {
    --widget-header-size: 72px;
  }
  .dashboard-container .basic-widget.large-widget, .dashboard-container .basic-widget.medium-widget, .dashboard-container .basic-widget.small-widget {
    grid-column: 1 span;
  }
  .dashboard-container .widget-header {
    flex-wrap: wrap;
  }
  .dashboard-container .widget-header .sci-secondary-navbar {
    height: 36px;
  }
}
.assign-items-to-task-modal-container .modal-header {
  display: flex;
  font-size: 18px;
  font-weight: bold;
}
.assign-items-to-task-modal-container .modal-header .close {
  margin-left: auto;
}
.assign-items-to-task-modal-container .modal-body {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  row-gap: 1rem;
}
.assign-items-to-task-modal-container .modal-body .level-selector {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
}
.assign-items-to-task-modal-container .modal-body .sn-select__search-input:focus {
  box-shadow: none;
}
.assign-items-to-task-modal-container .modal-body label {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 0;
}
.assign-items-to-task-modal-container .modal-footer {
  padding: 1rem;
}

.repository-show .active-filters {
  position: relative;
}
.repository-show .active-filters::after {
  background: #ce0c24;
  border-radius: 50%;
  border: 2px solid #fff;
  content: "";
  display: block;
  height: 10px;
  position: absolute;
  right: 0.3em;
  top: 0.3em;
  width: 10px;
}
.repository-show .active-filters:hover::after {
  border-color: #eaecf0;
}
.repository-show #filterContainer {
  padding: 0;
}
.repository-show #savedFiltersContainer .fas {
  cursor: pointer;
}
.repository-show #savedFiltersContainer.open .sn-icon-down::before {
  content: "\f0d8";
}
.repository-show #savedFiltersContainer .saved-filters-list {
  max-height: 300px;
  overflow-y: auto;
  width: 250px;
}
.repository-show .filters-container {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 300px);
  min-height: 300px;
  padding: 0;
}
.repository-show .filters-container .dropdown-selector .ps__rail-x,
.repository-show .filters-container .dropdown-selector .ps__rail-x::after,
.repository-show .filters-container .dropdown-selector .ps__rail-x::before,
.repository-show .filters-container .dropdown-selector .ps__rail-y,
.repository-show .filters-container .dropdown-selector .ps__rail-y::after,
.repository-show .filters-container .dropdown-selector .ps__rail-y::before {
  background-color: transparent !important;
}
.repository-show .filters-container .header {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  margin-bottom: 1.5rem;
}
.repository-show .filters-container .header .title {
  font-size: 18px;
  font-weight: bold;
}
.repository-show .filters-container .header .close {
  margin-left: auto;
}
.repository-show .filters-container .saved-filters-container .filter-name {
  cursor: pointer;
}
.repository-show .filters-container .saved-filters-container .saved-filters-list {
  padding: 0;
}
.repository-show .filters-container .saved-filters-container .saved-filters-element {
  align-items: center;
  display: flex;
  padding: 0 1em;
  cursor: pointer;
}
.repository-show .filters-container .saved-filters-container .saved-filters-element .saved-filter-name {
  padding: 8px 0;
}
.repository-show .filters-container .saved-filters-container .saved-filters-element:hover {
  background: #eaecf0;
}
.repository-show .filters-container .saved-filters-container .saved-filters-element span {
  flex-grow: 1;
}
.repository-show .filters-container .saved-filters-container .saved-filters-element .btn-light {
  color: #98a2b3;
  flex-shrink: 0;
  margin-left: auto;
}
.repository-show .filters-container .saved-filters-container .saved-filters-element .btn-light:hover {
  color: #1d2939;
}
.repository-show .filters-container .sci-flyout-footer .filters-columns-list {
  max-height: 300px;
  overflow-y: auto;
}
.repository-show .filters-container .sci-flyout-footer .column-filters-element {
  cursor: pointer;
  padding: 0.5em 1em;
}
.repository-show .filters-container .sci-flyout-footer .column-filters-element:hover {
  background: #eaecf0;
}
.repository-show .filters-container .filters-list {
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.repository-show .filters-container .filter-container {
  margin-bottom: 1.5rem;
  width: 552px;
}
.repository-show .filters-container .filter-container .filter-title {
  color: var(--sn-grey);
  margin-bottom: 0.25rem;
}
.repository-show .filters-container .filter-container .filter-element {
  display: flex;
}
.repository-show .filters-container .filter-container .filter-attributes {
  display: grid;
  gap: 0.5em;
  grid-auto-flow: column;
  grid-template-columns: min-content auto;
}
.repository-show .filters-container .filter-container .filter-attributes .between-delimiter {
  align-self: center;
}
.repository-show .filters-container .filter-container .filter-attributes .between-delimiter.vertical {
  background-color: #98a2b3;
  height: 12px;
  margin: auto;
  width: 2px;
}
.repository-show .filters-container .filter-container .filter-attributes.stock-filter-attributes {
  grid-template-columns: min-content auto 100px;
}
.repository-show .filters-container .filter-container .filter-attributes .number-range-selector {
  align-items: center;
  display: grid;
  gap: 0.5em;
  grid-auto-flow: column;
  height: 2em;
}
.repository-show .filters-container .filter-container .filter-attributes .dropdown-selector-container {
  width: 100%;
}
.repository-show .filters-container .filter-container .filter-attributes .operator-selector {
  height: 2em;
}
.repository-show .filters-container .filter-container .filter-attributes .operator-selector .dropdown-selector-container {
  width: 120px;
}
.repository-show .filters-container .filter-container .filter-attributes input {
  margin: 0;
  width: 100%;
}
.repository-show .filters-container .filter-container .filter-attributes .date-time-picker {
  display: grid;
  gap: 0.5em;
  grid-auto-flow: column;
  grid-template-columns: minmax(52%, 100%);
}
.repository-show .filters-container .filter-container .filter-attributes .datetime-filter-attributes {
  display: grid;
  gap: 0.5em;
}
.repository-show .filters-container .filter-container .filter-body {
  flex-grow: 1;
}
.repository-show .filters-container .filter-container .filter-remove {
  margin-left: 0.5em;
  margin-right: 1rem;
}
.repository-show .filters-container .filter-container .filter-remove .icon-btn {
  color: #98a2b3;
}
.repository-show .filters-container .filter-container .filter-remove .icon-btn:hover {
  color: #1d2939;
}
@media (max-width: 992px) {
  .repository-show .filters-container .filter-container .filter-attributes {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .repository-show .filters-container .filter-container .filter-attributes .operator-selector .dropdown-selector-container {
    width: 125px;
  }
  .repository-show .filters-container .filter-container .filter-attributes .date-time-picker {
    display: flex;
    flex-wrap: wrap;
  }
  .repository-show .filters-container .filter-container .filter-attributes .between-delimiter {
    height: 10px;
    margin: 5px auto;
    transform: rotate(90deg);
  }
  .repository-show .filters-container .footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
  .repository-show .filters-container .footer .apply-button {
    margin-left: 0;
    margin-top: 0.5em;
  }
  .repository-show .filters-container .footer .clear-filters-btn {
    margin-left: 0;
    margin-top: 0.5em;
    padding-left: 38px;
    padding-right: 38px;
  }
}
.repository-show .task-option {
  background-image: url(/assets/icon_small/task-black-abf8b575cd71e3d8d13842a030a03f61a2036f6a440b902d2d94ae198774b0d1.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 1em;
  padding-left: 1.5em;
}

#saveRepositoryFilters {
  padding-left: 0;
}
#saveRepositoryFilters .dropdown-menu {
  width: 320px;
}
#saveRepositoryFilters .dropdown-menu .overwrite-link {
  display: flex;
}
#saveRepositoryFilters .dropdown-menu .overwrite-link .fa-save {
  flex-shrink: 0;
  line-height: 20px;
  margin-right: 0.25em;
}
#saveRepositoryFilters .dropdown-menu .overwrite-link .overwrite-title {
  white-space: normal;
}

.repositories-index .content-body {
  --content-header-size: 3.5rem;
  height: calc(100vh - var(--navbar-height) - var(--content-header-size));
}
.repositories-index .view-switch {
  margin: 0 auto;
}
.repositories-index .toolbar-wrapper {
  display: flex;
  justify-content: space-between;
}
.repositories-index.active [data-view-mode=archived] {
  display: none !important;
}
.repositories-index.archived [data-view-mode=active] {
  display: none !important;
}
.repositories-index[data-readonly=true] .main-actions .toolbar {
  display: none;
}
.repositories-index[data-readonly=true] .main-actions .filter-container {
  margin-left: auto;
}

#rename-repo-modal .modal-footer {
  text-align: center;
}

#create-repo-modal .modal-footer {
  text-align: center;
}

#new_repository .modal-footer {
  text-align: center;
}

.main-actions {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.main-actions .view-switch .caret {
  margin: 8px 0 8px 8px;
}
.main-actions .view-switch .view-switch-button {
  outline: 1px solid #d0d5dd;
}
.main-actions .view-switch.open .caret {
  transform: rotateX(180deg);
}
.main-actions .view-switch .dropdown-menu {
  font-size: 14px;
  min-width: 100%;
  padding: 0;
}
.main-actions .view-switch .dropdown-menu .divider-label {
  font-size: 12px;
  color: #98a2b3;
  padding: 0.25em 1em;
}
.main-actions .view-switch .dropdown-menu .divider {
  margin: 0;
}
.main-actions .view-switch .dropdown-menu li {
  cursor: pointer;
  padding: 0.5em 1em;
  white-space: nowrap;
}
.main-actions .view-switch .dropdown-menu li .button-icon {
  margin-right: 0.5em;
}
.main-actions .view-switch .dropdown-menu li:hover:not(.divider-label) {
  background: #eaecf0;
}
.main-actions .view-switch .dropdown-menu li .btn {
  height: 36px;
}
.main-actions .view-switch .dropdown-menu li a {
  display: inline-block;
  margin: -1em;
  padding: 0.5em 1em;
  width: calc(100% + 2em);
}
.main-actions .view-switch .dropdown-menu li a.selected::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f00c";
  margin-left: auto;
  position: absolute;
  right: 1em;
}
.main-actions .view-switch .cards-switch.active::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f00c";
  position: absolute;
  right: 1em;
}
.main-actions .dropdown-menu {
  font-size: 14px;
}

#repositoriesList_wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
#repositoriesList_wrapper .dataTables_scroll {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: calc(100% - var(--datatable-pagination-row) - 4rem);
  z-index: 1;
}
#repositoriesList_wrapper .dataTables_scrollHead {
  flex-shrink: 0;
}
#repositoriesList_wrapper .dataTables_scrollHead .table.dataTable .sorting::after {
  opacity: 0;
}
#repositoriesList_wrapper .dataTables_scrollHead .table.dataTable .sorting:hover::after {
  opacity: 1;
}

.label-printing-progress-modal {
  background: #fff;
  bottom: 1em;
  box-shadow: 0px 4px 16px rgba(35, 31, 32, 0.15);
  min-width: 300px;
  position: fixed;
  right: 1em;
  z-index: 9999;
}
.label-printing-progress-modal .modal-header {
  align-items: center;
  display: flex;
  flex-direction: row;
  padding: 0.5em;
}
.label-printing-progress-modal .modal-header .title {
  font-size: 16px;
  font-weight: bold;
}
.label-printing-progress-modal .modal-header .printer-status {
  border: 1px solid #d0d5dd;
  color: #98a2b3;
  margin-left: 0.5em;
  margin-right: auto;
  padding: 0.25em;
}
.label-printing-progress-modal .modal-header .printer-status[data-status=ready] {
  background: #5ec66f;
  border-color: #5ec66f;
  color: #fff;
}
.label-printing-progress-modal .modal-header .printer-status[data-status=out_of_labels] {
  background: #f0ad4e;
  border-color: #f0ad4e;
  color: #fff;
}
.label-printing-progress-modal .modal-header .printer-status[data-status=error] {
  background: #ce0c24;
  border-color: #ce0c24;
  color: #fff;
}
.label-printing-progress-modal .modal-header .printer-status[data-status=search] {
  visibility: hidden;
}
.label-printing-progress-modal .modal-body .printing-items .id-label {
  margin-left: 0.5em;
  opacity: 0.5;
}
.label-printing-progress-modal .modal-body .printing-status {
  color: #104da9;
}
.label-printing-progress-modal .modal-body .printing-status[data-status=done] {
  color: #5ec66f;
}
.label-printing-progress-modal .modal-body .printing-status[data-status=waiting_labels], .label-printing-progress-modal .modal-body .printing-status[data-status=error] {
  color: #ce0c24;
}

#modal-print-repository-row-label input::-webkit-outer-spin-button,
#modal-print-repository-row-label input::-webkit-inner-spin-button {
  margin-left: 8px;
}
#modal-print-repository-row-label .id-label {
  margin-left: 0.5em;
  opacity: 0.5;
}
#modal-print-repository-row-label .printers-container {
  margin-bottom: 1em;
  min-height: 4em;
}
#modal-print-repository-row-label .printers-container .status-ready {
  color: #5ec66f;
}
#modal-print-repository-row-label .printers-container .status-busy {
  color: #98a2b3;
}
#modal-print-repository-row-label .printers-container .status-out-of-labels {
  color: #98a2b3;
}
#modal-print-repository-row-label .printers-container .status-unreachable {
  color: #98a2b3;
}
#modal-print-repository-row-label .printers-container .status-error {
  color: #98a2b3;
}
#modal-print-repository-row-label .printers-container .status-offline {
  color: #98a2b3;
}
#modal-print-repository-row-label .labels-container {
  margin-bottom: 1em;
  min-height: 4em;
}
#modal-print-repository-row-label .print-copies-input {
  margin-left: 0.5em;
  text-align: right;
  width: 100px;
}
#modal-print-repository-row-label .no-printers-container {
  padding: 2em;
  text-align: center;
}
#modal-print-repository-row-label .no-printers-container .no-printer-title {
  font-size: 16px;
  font-weight: bold;
  margin-top: 1em;
}
#modal-print-repository-row-label .label-template-warning {
  font-size: 12px;
  color: #f0ad4e;
}
#modal-print-repository-row-label .label-preview-container {
  background-color: #eaecf0;
  display: flex;
  justify-content: center;
  max-height: 300px;
  min-height: 200px;
  overflow-y: auto;
  padding: 0.5em 0;
}
#modal-print-repository-row-label .label-preview-container img {
  max-width: 100%;
}
#modal-print-repository-row-label .label-template-option {
  align-items: center;
  display: flex;
}
#modal-print-repository-row-label .label-template-option img {
  background: var(--sn-white);
  border-radius: 3px;
  margin-right: 0.25em;
}

#modal-info-repository-row .bar-code-container {
  display: flex;
  justify-content: flex-end;
}
#modal-info-repository-row .modal-footer .export-consumption-button {
  margin-right: auto;
}
#modal-info-repository-row .modal-footer[data-assign-item-button=true] {
  align-items: center;
  display: flex;
  gap: 0.5em;
  width: 100%;
}
#modal-info-repository-row .modal-footer[data-assign-item-button=true] .print-label-button {
  margin-right: auto;
}

.row-reminders-notification {
  font-size: 14px;
  width: 300px;
}
.row-reminders-notification .row-reminders-title {
  line-height: 20px;
  margin-left: 16px;
  margin-top: 5px;
}
.row-reminders-notification .row-reminders-body {
  font-size: 13px;
  line-height: 16px;
  margin-left: 16px;
  margin-top: 5px;
  white-space: wrap;
}
.row-reminders-notification .row-reminders-footer {
  margin: 4px 14px;
  padding: 8px 2px;
}
.row-reminders-notification hr {
  background-color: #d0d5dd;
  border-width: 0;
  height: 1px;
  margin: 0 16px 10px;
}

.reminders-view-mode .row-reminders-footer {
  display: none;
}

.repository-table {
  --content-header-size: 3.5rem;
  --repository-top-toolbar-height: 3.5rem;
  height: calc(100vh - var(--navbar-height) - var(--content-header-size));
  position: relative;
}
.repository-table .dataTables_wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.repository-table .dataTables_scrollHead {
  flex-shrink: 0;
}
.repository-table .dataTables_scrollHead .table.dataTable .sorting::after {
  opacity: 0;
}
.repository-table .dataTables_scrollHead .table.dataTable .sorting:hover::after {
  opacity: 1;
}
.repository-table .dataTables_scrollHead thead .sci-checkbox-container {
  margin-left: 0.125em !important;
}
.repository-table .dataTables_filter {
  display: flex;
  float: right;
}
.repository-table .dataTables_filter #filtersDropdownButton {
  margin-left: 0.5em;
}
.repository-table .processing-error {
  color: #ce0c24;
  margin-left: 2px;
}
.repository-table .processing-error .fa-exclamation-triangle {
  margin-right: 5px;
}
.repository-table .repository-table-error {
  background: #fff;
  display: none;
  height: 200px;
  padding: 1em;
  position: absolute;
  text-align: center;
  top: 176px;
  width: 100%;
  z-index: 1;
}
.repository-table .repository-table-error.active {
  display: block;
}
@-moz-document url-prefix() {
  .repository-table input.form-control[type=file] {
    font-size: 13px;
    height: auto;
    padding: 3px 12px;
  }
}
.repository-table td.added-on,
.repository-table td.asset-value-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.repository-table .assigned-column {
  overflow: unset;
  padding: 1px 8px;
  position: relative;
  white-space: nowrap;
}
.repository-table .assigned-column .sn-icon.sn-icon-edit {
  line-height: 35px;
  text-align: center;
  width: 30px;
}
.repository-table .assigned-column .repository-row-edit-icon {
  cursor: pointer;
  display: inline-block;
  opacity: 0;
}
.repository-table .assigned-column .row-reminders-dropdown {
  cursor: pointer;
  display: inline-block;
  margin-right: 8px;
  padding: 8px;
}
.repository-table .assigned-column .row-reminders-dropdown .fa-bell {
  height: 16px;
  text-align: center;
  width: 16px;
}
.repository-table .assigned-column .row-reminders-dropdown.open {
  background: #eaecf0;
  border-radius: 4px;
}
.repository-table .assigned-column .assign-counter-container {
  border-radius: 2px;
  display: inline-block;
  line-height: 35px;
  position: absolute;
  right: 5px;
}
.repository-table .assigned-column .assign-counter-container .assign-counter {
  display: inline-block;
  height: 100%;
  padding-left: 5px;
  width: 100%;
}
.repository-table .assigned-column .assign-counter-container .assign-counter:hover, .repository-table .assigned-column .assign-counter-container .assign-counter:visited, .repository-table .assigned-column .assign-counter-container .assign-counter:focus {
  text-decoration: none;
}
.repository-table .assigned-column .assign-counter-container .assign-counter.has-assigned {
  color: #104da9;
}
.repository-table .assigned-column .assign-counter-container:hover {
  background-color: #d0d5dd;
}
.repository-table .assigned-column .assign-counter-container .dropdown-menu {
  padding: 8px;
  width: 320px;
}
.repository-table .assigned-column .assign-counter-container .dropdown-menu .search-tasks:placeholder-shown + .fa-times-circle {
  display: none;
}
.repository-table .assigned-column .assign-counter-container .dropdown-menu .fa-times-circle {
  cursor: pointer;
}
.repository-table .assigned-column .circle-icon {
  margin: 9px 30px;
}
.repository-table .checklist-column {
  overflow: unset;
}
.repository-table .item-name {
  padding: 2px 8px;
}
.repository-table .item-name .row-reminders-dropdown {
  cursor: pointer;
  display: inline-block;
  margin-right: 8px;
  padding: 8px;
}
.repository-table .item-name .row-reminders-dropdown .fa-bell {
  height: 16px;
  text-align: center;
  width: 16px;
}
.repository-table .item-name .row-reminders-dropdown.open {
  background: #eaecf0;
  border-radius: 4px;
}
.repository-table .item-name .record-info-link {
  display: inline-block;
  margin: 8px 0;
}
.repository-table .added-on {
  white-space: nowrap;
}
.repository-table .checklist-dropdown .dropdown-menu {
  min-width: 220px;
}
.repository-table .checklist-dropdown .dropdown-menu .checklist-item {
  line-height: 18px;
  padding: 5px 15px;
}
.repository-table .checklist-dropdown span {
  color: #104da9;
  cursor: pointer;
}
.repository-table .checklist-dropdown span:hover {
  text-decoration: underline;
}
.repository-table .text-field.sci-input-container {
  min-width: 150px;
}
.repository-table .repository-status-value-container {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.repository-table .repository-status-value-icon .emoji {
  display: inline;
  height: 24px;
  margin-right: 5px;
  min-width: 24px;
  width: 24px;
}
.repository-table .dropdown-selector-container {
  width: 150px;
}
.repository-table .dropdown-selector-container .dropdown-container {
  left: 0 !important;
  margin: 0 !important;
  position: absolute !important;
}
.repository-table .dropdown-selector-container .emoji-status .emoji {
  height: 24px;
  margin-right: 5px;
  min-width: 24px;
  transition: 0.3s;
  width: 24px;
}
.repository-table .dropdown-selector-container.open .ds-simple.emoji-status .emoji {
  height: 12px;
  margin-right: 2px;
  min-width: 12px;
  width: 12px;
}
.repository-table .stock-value-view-render.stock-empty {
  color: #ce0c24;
}
.repository-table .stock-value-view-render.stock-empty::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f071";
}
.repository-table .stock-value-view-render.stock-low::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  color: #f0ad4e;
  content: "\f071";
}
.repository-table .not-assigned-stock {
  color: #1d2939;
  cursor: pointer;
}
.repository-table .not-assigned-stock:hover {
  text-decoration: none;
}
.repository-table .manage-repository-stock-value-link {
  cursor: pointer;
}
.repository-table .manage-repository-consumed-stock-value-link:not(.stock-value-view-render) {
  color: #475467;
}
.repository-table .empty-stock-render,
.repository-table .consumption-locked {
  color: #98a2b3;
}
.repository-table .row-stock,
.repository-table .row-consumption {
  min-width: 140px;
}
.repository-table .datetime-container {
  display: flex;
  position: relative;
}
.repository-table .datetime-container .sci-input-container {
  margin: 0 2px;
}
.repository-table .datetime-container .separator {
  line-height: 36px;
  text-align: center;
  width: 20px;
}
.repository-table .datetime-container .start-time,
.repository-table .datetime-container .end-time {
  display: flex;
  position: relative;
}
.repository-table .datetime-container .date-container.datetime {
  width: 240px;
}
.repository-table .datetime-container .date-container.time {
  width: 120px;
}
.repository-table .datetime-container .date-container.date {
  width: 200px;
}
.repository-table .datetime-container .date-container.error::after {
  color: #ce0c24;
  content: attr(data-error-text);
  font-size: 12px;
  margin-top: -4px;
  position: absolute;
  top: 100%;
}
.repository-table .datetime-container .time-container {
  width: 90px;
}
.repository-table .datetime-container .time-container .fa-clock {
  cursor: pointer;
}
.repository-table .datetime-container.dateonly .time-container, .repository-table .datetime-container.range-type .dateonly .time-container {
  display: none;
}
.repository-table .datetime-container.timeonly .date-container, .repository-table .datetime-container.range-type .timeonly .date-container {
  display: none;
}
.repository-table .dataTable tbody tr:hover {
  background-color: var(--sn-super-light-grey);
}
.repository-table .dataTable tbody tr:hover .assigned-column .repository-row-edit-icon {
  opacity: 1;
}
.repository-table .dataTable tbody tr:hover.editing .assigned-column .repository-row-edit-icon {
  opacity: 0;
  pointer-events: none;
}
.repository-table .dataTable tbody .editing {
  border: 1px solid;
}
.repository-table.editing .dataTable tbody tr.blocked {
  opacity: 0.4;
  pointer-events: none;
}
.repository-table.editing .dataTable tbody tr:hover .assigned-column .assign-counter-container {
  background-color: transparent;
}
.repository-table.editing .dataTable tbody tr:hover .assigned-column .circle-icon {
  margin-left: 30px;
}
.repository-table.editing .dataTable tbody td {
  overflow: visible;
}

.repository-table .modal-body,
#myModuleRepositoryFullViewModal .modal-body {
  padding: 0;
  border-bottom: 0;
}
.repository-table .date-time-cell-value,
.repository-table .date-cell-value,
#myModuleRepositoryFullViewModal .date-time-cell-value,
#myModuleRepositoryFullViewModal .date-cell-value {
  display: inline-block;
}
.repository-table .date-time-cell-value.reminder,
.repository-table .date-cell-value.reminder,
#myModuleRepositoryFullViewModal .date-time-cell-value.reminder,
#myModuleRepositoryFullViewModal .date-cell-value.reminder {
  position: relative;
}
.repository-table .date-time-cell-value.reminder::after,
.repository-table .date-cell-value.reminder::after,
#myModuleRepositoryFullViewModal .date-time-cell-value.reminder::after,
#myModuleRepositoryFullViewModal .date-cell-value.reminder::after {
  background-color: #ce0c24;
  border: 2px solid #fff;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 10px;
  position: absolute;
  right: -0.7em;
  top: 0;
  width: 10px;
}

.repository-show .repository-toolbar {
  background-color: #fff;
  display: flex;
  flex-wrap: nowrap;
  height: 3.5rem;
  justify-content: space-between;
  padding-bottom: 1rem;
}
.repository-show .repository-toolbar .view-switch,
.repository-show .repository-toolbar .filter-container {
  display: inline-block;
}
.repository-show .repository-toolbar .view-switch {
  margin-left: auto;
}
.repository-show .repository-toolbar .view-switch .view-switch-button {
  outline: 1px solid #d0d5dd;
}
.repository-show .repository-toolbar .view-switch .caret {
  margin: 8px 0 8px 8px;
}
.repository-show .repository-toolbar .view-switch.open .caret {
  transform: rotateX(180deg);
}
.repository-show .repository-toolbar .view-switch .dropdown-menu {
  font-size: 14px;
  min-width: 100%;
  padding: 0;
}
.repository-show .repository-toolbar .view-switch .dropdown-menu .divider-label {
  font-size: 12px;
  color: #98a2b3;
  padding: 0.25em 1em;
}
.repository-show .repository-toolbar .view-switch .dropdown-menu .divider {
  margin: 0;
}
.repository-show .repository-toolbar .view-switch .dropdown-menu li {
  cursor: pointer;
  padding: 0.5em 1em;
  white-space: nowrap;
}
.repository-show .repository-toolbar .view-switch .dropdown-menu li .button-icon {
  margin-right: 0.5em;
}
.repository-show .repository-toolbar .view-switch .dropdown-menu li:hover:not(.divider-label) {
  background: #eaecf0;
}
.repository-show .repository-toolbar .view-switch .dropdown-menu li .btn {
  height: 36px;
}
.repository-show .repository-toolbar .view-switch .dropdown-menu li a {
  display: inline-block;
  margin: -1em;
  padding: 0.5em 1em;
  width: calc(100% + 2em);
}
.repository-show .repository-toolbar .view-switch .dropdown-menu li a.selected::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f00c";
  margin-left: auto;
  position: absolute;
  right: 1em;
}
.repository-show .repository-toolbar .toolbar-left-block {
  align-items: center;
  display: flex;
  gap: 0.25rem;
}
.repository-show .repository-toolbar .toolbar-left-block > * {
  margin-left: 0.25em;
}
.repository-show .repository-toolbar .toolbar-left-block > *:nth-child(1) {
  margin-left: 0;
}
.repository-show .repository-toolbar .toolbar-left-block .view-only-label {
  align-items: center;
  margin: auto 0;
}
.repository-show .repository-toolbar .toolbar-right-block {
  display: flex;
  flex-shrink: 0;
  gap: 0.5rem;
}
.repository-show .repository-toolbar .toolbar-right-block .active-reminders-filter {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.repository-show .repository-toolbar .toolbar-right-block .active-reminders-filter .sci-checkbox-container {
  margin-right: 0.5em;
}
.repository-show .repository-toolbar .toolbar-right-block .active-reminders-filter .active-reminders-short-label {
  display: none;
}
@media (max-width: 770px) {
  .repository-show .repository-toolbar .toolbar-right-block .active-reminders-filter .active-reminders-short-label {
    display: inline;
  }
  .repository-show .repository-toolbar .toolbar-right-block .active-reminders-filter .active-reminders-label {
    display: none;
  }
}
.repository-show .repository-toolbar .repository-provisioning-notice {
  color: #3b99fd;
}
.repository-show .repository-toolbar .archived-label {
  color: #98a2b3;
  display: inline-block;
  margin: 0 auto;
  max-width: 400px;
  padding: 0 1em;
}
.repository-show .repository-toolbar .archived-label table tr td {
  padding: 0 0.5em;
}
.repository-show .repository-toolbar .archived-label table tr td:nth-child(1) {
  text-align: right;
}
.repository-show .repository-toolbar .archived-label table tr td:nth-child(2) {
  color: #1d2939;
}
@media (max-width: 1000px) {
  .repository-show .repository-toolbar .btn:not(.prevent-shrink) {
    height: 40px;
    padding: 0.5rem;
    width: 40px;
  }
  .repository-show .repository-toolbar .btn:not(.prevent-shrink) .button-text {
    display: none;
  }
  .repository-show .repository-toolbar .auto-shrink-button .fas {
    margin: 0;
  }
}

.repository-stock-modal .stock-update-view,
#consumeRepositoryStockValueModal .stock-update-view {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
}
.repository-stock-modal .stock-update-view .stock-initial-container,
.repository-stock-modal .stock-update-view .stock-final-container,
#consumeRepositoryStockValueModal .stock-update-view .stock-initial-container,
#consumeRepositoryStockValueModal .stock-update-view .stock-final-container {
  align-items: center;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  padding: 0.5em 0;
}
.repository-stock-modal .stock-update-view .stock-initial-container .value,
.repository-stock-modal .stock-update-view .stock-final-container .value,
#consumeRepositoryStockValueModal .stock-update-view .stock-initial-container .value,
#consumeRepositoryStockValueModal .stock-update-view .stock-final-container .value {
  font-size: 24px;
  font-weight: bold;
}
.repository-stock-modal .stock-update-view .stock-initial-container .subtitle,
.repository-stock-modal .stock-update-view .stock-final-container .subtitle,
#consumeRepositoryStockValueModal .stock-update-view .stock-initial-container .subtitle,
#consumeRepositoryStockValueModal .stock-update-view .stock-final-container .subtitle {
  font-size: 12px;
  color: #98a2b3;
}
.repository-stock-modal .stock-update-view .stock-initial-container .units,
.repository-stock-modal .stock-update-view .stock-final-container .units,
#consumeRepositoryStockValueModal .stock-update-view .stock-initial-container .units,
#consumeRepositoryStockValueModal .stock-update-view .stock-final-container .units {
  font-size: 12px;
}
.repository-stock-modal .stock-update-view .stock-initial-container.negative .value,
.repository-stock-modal .stock-update-view .stock-final-container.negative .value,
#consumeRepositoryStockValueModal .stock-update-view .stock-initial-container.negative .value,
#consumeRepositoryStockValueModal .stock-update-view .stock-final-container.negative .value {
  color: #ce0c24;
}
.repository-stock-modal .stock-update-view .stock-initial-container.error .value,
.repository-stock-modal .stock-update-view .stock-final-container.error .value,
#consumeRepositoryStockValueModal .stock-update-view .stock-initial-container.error .value,
#consumeRepositoryStockValueModal .stock-update-view .stock-final-container.error .value {
  color: #ce0c24;
}
.repository-stock-modal .stock-update-view .stock-arrow,
#consumeRepositoryStockValueModal .stock-update-view .stock-arrow {
  font-size: 24px;
  font-weight: bold;
  padding: 1em;
}
.repository-stock-modal .stock-comment-field,
#consumeRepositoryStockValueModal .stock-comment-field {
  margin-bottom: 1.25em;
}
.repository-stock-modal .repository-stock-reminder-selector,
#consumeRepositoryStockValueModal .repository-stock-reminder-selector {
  font-size: 14px;
  align-items: center;
  display: flex;
  margin-bottom: 1.25em;
}
.repository-stock-modal .repository-stock-reminder-selector .sci-checkbox-container,
#consumeRepositoryStockValueModal .repository-stock-reminder-selector .sci-checkbox-container {
  margin-right: 0.5em;
}
.repository-stock-modal .repository-stock-reminder-value,
#consumeRepositoryStockValueModal .repository-stock-reminder-value {
  font-size: 14px;
  align-items: center;
  display: flex;
  margin-bottom: 1.25em;
}
.repository-stock-modal .repository-stock-reminder-value .sci-input-container,
#consumeRepositoryStockValueModal .repository-stock-reminder-value .sci-input-container {
  flex-basis: 160px;
  margin: 0 0.5em;
}

#consumeRepositoryStockValueModalWarning .modal-body p {
  padding: 15px 15px 0;
}

#canvas-container .toolbar .left,
#module-archive .toolbar .left {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
#canvas-container .panel-heading,
#module-archive .panel-heading {
  padding: 7px 30px 7px 15px;
}
#canvas-container .panel-heading .panel-title,
#module-archive .panel-heading .panel-title {
  align-items: center;
  display: flex;
  height: 100%;
}
#canvas-container .panel-body,
#module-archive .panel-body {
  padding: 6px 15px;
}
#canvas-container .panel-body .status-label,
#module-archive .panel-body .status-label {
  background-color: var(--state-color);
  color: #fff;
  display: inline-block;
  margin: 3px 0;
  max-width: 100%;
  overflow: hidden;
  padding: 2px 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#canvas-container .panel-body .status-label.status-light,
#module-archive .panel-body .status-label.status-light {
  border: 1px solid var(--sn-sleepy-grey);
  color: var(--sn-black) !important;
}
#canvas-container .panel-footer .nav > li > a,
#module-archive .panel-footer .nav > li > a {
  padding: 1px 15px;
}
#canvas-container .panel-footer .btn,
#module-archive .panel-footer .btn {
  height: 30px;
}
#canvas-container .panel-footer .badge-indicator,
#module-archive .panel-footer .badge-indicator {
  background: var(--sn-science-blue);
  border-radius: 50%;
  color: var(--sn-white);
  font-size: 10px;
  margin-left: -8px;
}

.canvas-preview-img,
.canvas-preview-rect {
  border-radius: 4px;
  bottom: 24px;
  box-shadow: 0 0 0 8px #fff;
  display: flex;
  height: 64px;
  position: absolute;
  right: 24px;
  width: 68px;
  z-index: 9999;
}
.canvas-preview-img.empty,
.canvas-preview-rect.empty {
  background-color: #eaecf0;
  box-shadow: inset 0 0 0 2px #104da9;
}
.canvas-preview-img.processing,
.canvas-preview-rect.processing {
  background-color: #eaecf0;
  background-image: url(/images/medium/loading.svg);
  background-position: center;
  background-repeat: no-repeat;
}

#manage-module-due-date-modal .input-group .form-control {
  height: 2.5rem;
}

#modal-move-modules .dropdown-menu,
#modal-move-module .dropdown-menu {
  max-width: 100%;
}
#modal-move-modules .dropdown-menu ul,
#modal-move-module .dropdown-menu ul {
  display: grid;
  grid-template-columns: 1fr;
}
#modal-move-modules .bootstrap-select .dropdown-toggle:focus,
#modal-move-module .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}
#modal-move-modules .filter-option-inner,
#modal-move-module .filter-option-inner {
  height: 100%;
}
#modal-move-modules .filter-option-inner .filter-option-inner-inner,
#modal-move-module .filter-option-inner .filter-option-inner-inner {
  align-items: center;
  display: flex;
  height: 100%;
}

#experimentTable .toolbar,
#experiment-canvas .toolbar,
#module-archive .toolbar {
  align-items: center;
  column-gap: 0.5rem;
  display: flex;
}
#experimentTable .toolbar .collapse,
#experiment-canvas .toolbar .collapse,
#module-archive .toolbar .collapse {
  margin: 0.5rem 0;
}

#experimentTable.archived [data-view-mode=active] {
  display: none !important;
}

#experimentTable .narrow .btn:not(.prevent-shrink),
#experiment-canvas .narrow .btn:not(.prevent-shrink) {
  padding: 7px;
  width: 36px;
}
#experimentTable .narrow .hidden-xs,
#experiment-canvas .narrow .hidden-xs {
  display: none;
}
#experimentTable .narrow .left,
#experimentTable .narrow .middle,
#experimentTable .narrow .right,
#experiment-canvas .narrow .left,
#experiment-canvas .narrow .middle,
#experiment-canvas .narrow .right {
  align-items: center;
  display: flex;
  flex-direction: inherit;
  gap: 0.5rem;
}

#experiment-canvas {
  padding: 0;
}
#experiment-canvas [data-view-mode=archived] {
  display: none;
}
#experiment-canvas .toolbar-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
#experiment-canvas .toolbar-row .toolbar-right-block {
  align-items: center;
  display: flex;
  margin-left: auto;
}
#experiment-canvas .toolbar-row .zoom-text {
  margin-right: 0.5em;
}
#experiment-canvas .toolbar-row .view-switch-button {
  outline: 1px solid #d0d5dd;
}
#experiment-canvas .toolbar-row .view-switch,
#experiment-canvas .toolbar-row .filter-container {
  display: inline-block;
}
#experiment-canvas .toolbar-row .view-switch {
  margin-left: auto;
}
#experiment-canvas .toolbar-row .view-switch .caret {
  margin: 8px 0 8px 8px;
}
#experiment-canvas .toolbar-row .view-switch.open .caret {
  transform: rotateX(180deg);
}
#experiment-canvas .toolbar-row .view-switch.open .sn-icon-down {
  transform: rotateX(180deg);
}
#experiment-canvas .toolbar-row .view-switch .dropdown-menu {
  font-size: 14px;
  min-width: 100%;
  padding: 0;
}
#experiment-canvas .toolbar-row .view-switch .dropdown-menu .divider-label {
  font-size: 12px;
  color: #98a2b3;
  padding: 0.25em 1em;
}
#experiment-canvas .toolbar-row .view-switch .dropdown-menu .divider {
  margin: 0;
}
#experiment-canvas .toolbar-row .view-switch .dropdown-menu li {
  cursor: pointer;
  padding: 0.5em 1em;
  white-space: nowrap;
}
#experiment-canvas .toolbar-row .view-switch .dropdown-menu li .button-icon {
  margin-right: 0.5em;
}
#experiment-canvas .toolbar-row .view-switch .dropdown-menu li:hover:not(.divider-label) {
  background: #eaecf0;
}
#experiment-canvas .toolbar-row .view-switch .dropdown-menu li .btn {
  height: 36px;
}
#experiment-canvas .toolbar-row .view-switch .dropdown-menu li a {
  display: inline-block;
  margin: -1em;
  padding: 0.5em 1em;
  width: calc(100% + 2em);
}
#experiment-canvas .toolbar-row .view-switch .dropdown-menu li a.selected::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f00c";
  margin-left: auto;
  position: absolute;
  right: 1em;
}
#experiment-canvas .toolbar-row .view-switch .cards-switch.active::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f00c";
  position: absolute;
  right: 1em;
}

#new-my-module-modal .my-module-user-tags img {
  border-radius: 50%;
  display: inline;
  margin-right: 0.5em;
  max-height: 20px;
  max-width: 20px;
}
#new-my-module-modal .dropdown-selector-container .my-module-white-tags {
  color: #fff;
}
#new-my-module-modal .dropdown-selector-container .my-module-tags-color {
  align-items: center;
  border-radius: 8px;
  display: inline-flex;
  height: 16px;
  justify-content: center;
  margin-right: 5px;
  width: 16px;
}
#new-my-module-modal .dropdown-selector-container .my-module-tags-color.new {
  color: #98a2b3;
}
#new-my-module-modal .dropdown-selector-container .my-module-tags-create-new {
  margin-left: 3px;
}
#new-my-module-modal .dropdown-selector-container.open .input-field {
  border: 1px solid #d0d5dd;
}
#new-my-module-modal .dropdown-selector-container:not(.view-mode):hover .input-field {
  border: 1px solid #d0d5dd;
}
#new-my-module-modal .datetime-picker-container {
  width: 45%;
}
#new-my-module-modal .datetime-picker-container .sn-icon-calendar {
  color: #475467 !important;
  font-size: 14px !important;
}

.dropdown-experiment-actions .divider-label,
.my-module-menu .divider-label {
  font-size: 12px;
  color: #98a2b3;
  padding: 0.25em 1em;
}
.dropdown-experiment-actions .divider-label.footer,
.my-module-menu .divider-label.footer {
  border-top: 1px solid #eaecf0;
  padding-top: 0.5em;
}
.dropdown-experiment-actions li,
.my-module-menu li {
  font-size: 14px;
  cursor: pointer;
  padding: 0.5em 1em;
  white-space: nowrap;
}
.dropdown-experiment-actions li .fas,
.my-module-menu li .fas {
  display: inline-block;
  margin-right: 0.25em;
  width: 18px;
}
.dropdown-experiment-actions li:hover:not(.divider-label),
.my-module-menu li:hover:not(.divider-label) {
  background: #eaecf0;
}
.dropdown-experiment-actions li a,
.my-module-menu li a {
  display: inline-block;
  margin: -0.5em -1em;
  padding: 0.5em 1em;
  width: calc(100% + 2em);
}

#experimentTable {
  --content-header-size: 5em;
  --toolbar-height: 4.5em;
  position: relative;
}
#experimentTable .title-row .header-actions.experiment-header {
  column-gap: 0.25em;
}
#experimentTable .title-row .header-actions .sort-task-menu:not(.archived) [data-view-mode=archived] {
  display: none;
}

.column-type.datetime-column-type .checkbox-selector,
.column-type.date-column-type .checkbox-selector {
  align-items: center;
  display: flex;
  margin: 0.25em 0;
}
.column-type.datetime-column-type .checkbox-selector .sci-checkbox-container,
.column-type.date-column-type .checkbox-selector .sci-checkbox-container {
  margin-right: 0.5em;
}
.column-type.datetime-column-type .reminder-data-container,
.column-type.date-column-type .reminder-data-container {
  align-items: center;
  display: flex;
  margin-bottom: 0.5em;
}
.column-type.datetime-column-type .reminder-data-container .reminder-value-container,
.column-type.date-column-type .reminder-data-container .reminder-value-container {
  flex-basis: 120px;
}
.column-type.datetime-column-type .reminder-data-container .dropdown-selector-container,
.column-type.date-column-type .reminder-data-container .dropdown-selector-container {
  flex-basis: 100px;
  margin: 0 0.5em;
}

#manage-repository-column .column-type.time-column-type .range-label {
  top: 2px;
}

#manage-repository-column .modal-header .back-to-column-modal {
  float: left;
  margin-top: -6px;
}
#manage-repository-column .modal-body .form-horizontal {
  padding: 15px 0;
}
#manage-repository-column .modal-body .form-group {
  margin-bottom: 10px;
}
#manage-repository-column .modal-body .form-control {
  font-size: 14px;
}
#manage-repository-column .modal-body .control-label {
  text-align: left;
}
#manage-repository-column .modal-body #items-textarea {
  height: 120px;
}
#manage-repository-column .modal-body .dropdown-selector-container .delimiter-icon-dropdown .tag-label {
  align-items: center;
  display: flex;
}
#manage-repository-column .modal-body .dropdown-selector-container .delimiter-icon-dropdown .icon {
  background: #eaecf0;
  border-radius: 4px;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  margin-right: 5px;
  text-align: center;
  transition: 0.3s;
  width: 24px;
}
#manage-repository-column .range-label {
  left: 3px;
  position: relative;
  top: -2px;
}
#manage-repository-column #repository-column-data-type + .dropdown-selector-container .custom-option {
  padding: 0 25px;
}
#manage-repository-column #repository-column-data-type + .dropdown-selector-container .disabled-option {
  color: #98a2b3;
  padding: 0 25px;
  pointer-events: none;
}
#manage-repository-column #repository-column-data-type + .dropdown-selector-container .column-type-option {
  display: flex;
  width: 100%;
}
#manage-repository-column #repository-column-data-type + .dropdown-selector-container .column-type-option .text-description {
  font-style: italic;
  margin-left: auto;
}
#manage-repository-column #new-repository-column .tag-label {
  pointer-events: none;
}
#manage-repository-column .repo-columns-list {
  font-size: 14px;
  height: 385px;
  margin-bottom: 0;
  overflow-y: auto;
  padding: 0;
  position: relative;
}
#manage-repository-column .repo-columns-list .modal-tooltiptext {
  margin-left: 0;
  z-index: 99999999;
}
#manage-repository-column .repo-columns-list .modal-tooltip > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#manage-repository-column .repo-columns-list .col-list-el {
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #d0d5dd;
  display: flex;
  gap: 0.5rem;
  min-height: 3.5rem;
  padding: 10px 10px 10px 0;
  vertical-align: middle;
}
#manage-repository-column .repo-columns-list .col-list-el .manage-controls {
  display: none;
  white-space: nowrap;
}
#manage-repository-column .repo-columns-list .col-list-el .text {
  margin-right: auto;
}
#manage-repository-column .repo-columns-list .col-list-el:hover.editable.has-permissions .manage-controls {
  display: inline-block;
}
#manage-repository-column .repo-columns-list .col-list-el:hover.editable.has-permissions .column-type {
  display: none;
}
#manage-repository-column .repo-columns-list .col-list-el:hover .grippy {
  opacity: 1;
}
#manage-repository-column .repo-columns-list .col-list-el:last-of-type {
  border-bottom: 0;
}
#manage-repository-column .repo-columns-list [data-position] {
  cursor: grab;
}
#manage-repository-column .repo-columns-list .ui-sortable-helper {
  cursor: grabbing;
}
#manage-repository-column .repo-columns-list .grippy {
  color: #d0d5dd;
  opacity: 0;
}
#manage-repository-column .repo-columns-list .column-type {
  color: #98a2b3;
}
#manage-repository-column .repo-columns-list .col-invisible {
  color: #d0d5dd;
}
#manage-repository-column .repo-columns-list .vis-controls {
  display: inline-block;
}
#manage-repository-column .repo-columns-list .vis-controls span {
  cursor: pointer;
}
#manage-repository-column .repo-columns-list .vis-controls span.disabled {
  visibility: hidden;
}
#manage-repository-column .repo-columns-list .vis-controls span:hover {
  color: #475467;
}
#manage-repository-column .repo-columns-list .vis-controls .vis {
  display: inline-block;
}
#manage-repository-column .repo-columns-list .vis-controls .vis:not(.sn-icon-visibility-show):not(.sn-icon-visibility-hide) {
  padding-right: 1.5rem;
}
#manage-repository-column .delete-content {
  height: 390px;
  padding: 15px 0;
}
#manage-repository-column #new-repo-column-modal {
  float: left;
  margin-left: 5px;
}
#manage-repository-column[data-task-page=true] .repo-columns-list > .col-list-el:hover.editable.has-permissions > .manage-controls {
  display: none;
}
#manage-repository-column[data-task-page=true] .repo-columns-list > .col-list-el:hover.editable.has-permissions > .column-type {
  display: inline-block;
}
#manage-repository-column[data-task-page=true] .modal-footer {
  min-height: 61px;
}
#manage-repository-column[data-task-page=true] .modal-footer #new-repo-column-modal {
  display: none;
}
#manage-repository-column.active [data-view-mode=archived] {
  display: none !important;
}
#manage-repository-column.archived [data-view-mode=active] {
  display: none !important;
}
#manage-repository-column.archived .repo-columns-list .col-list-el:hover.editable.has-permissions .column-type {
  display: inline-block;
}

#manage-repository-column .dropdown-preview {
  align-items: center;
  background-color: #eaecf0;
  border: 1px solid #eaecf0;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  padding: 0.5em 100px;
  position: relative;
}
#manage-repository-column .dropdown-preview .field-name {
  font-size: 12px;
  color: #98a2b3;
  left: 0;
  padding: 0.5em;
  position: absolute;
  top: 0;
}
#manage-repository-column .dropdown-preview .preview-label {
  font-size: 12px;
  font-weight: bold;
}
#manage-repository-column .dropdown-preview .preview-block {
  flex-basis: 200px;
  position: relative;
}
#manage-repository-column .dropdown-preview .dropdown-selector-container {
  width: 200px;
}
#manage-repository-column .limit-counter-container {
  font-size: 12px;
  bottom: 0;
  color: #98a2b3;
}
#manage-repository-column .limit-counter-container.error-to-many-items {
  color: #ce0c24;
  display: inline;
}
#manage-repository-column .too-many-items {
  border-color: #ce0c24;
}

.status-item-list {
  max-height: 350px;
  overflow-y: auto;
}

.status-item-container {
  align-items: center;
  display: flex;
  height: 34px;
  margin-bottom: 5px;
  position: relative;
  transition: 0.3s;
}
.status-item-container .status-item-field {
  border: 1px solid #d0d5dd;
  border-left: 0;
  border-radius: 0 4px 4px 0;
  flex-grow: 1;
  font-size: 14px;
  height: 34px;
  padding: 6px 12px;
}
.status-item-container .status-item-field:focus-visible {
  outline: none;
  outline-offset: none;
}
.status-item-container .status-item-icon {
  align-items: center;
  border: 1px solid #d0d5dd;
  border-radius: 4px 0 0 4px;
  cursor: pointer;
  display: flex;
  height: 34px;
  justify-content: center;
  min-width: 34px;
}
.status-item-container .status-item-icon .emoji {
  height: 24px;
  width: 24px;
}
.status-item-container .status-item-icon:not([emoji])::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f06a";
}
.status-item-container .status-item-icon-trash {
  color: #98a2b3;
  padding: 0 10px;
  width: 34px;
}
.status-item-container .status-item-icon-trash:hover {
  color: #475467;
}
.status-item-container.loading {
  height: 0;
}
.status-item-container.loading * {
  display: none;
}
.status-item-container[data-removed=true] {
  display: none;
}
.status-item-container.error.error-highlight {
  margin-bottom: 15px;
}
.status-item-container.error.error-highlight .status-item-icon,
.status-item-container.error.error-highlight .status-item-field {
  border-color: #ce0c24;
}
.status-item-container.error.error-highlight .status-item-icon {
  border-right-color: #d0d5dd;
}
.status-item-container.error.error-highlight::before {
  font-size: 12px;
  bottom: -14px;
  color: #ce0c24;
  content: attr(data-error-text);
  left: 0;
  line-height: 15px;
  position: absolute;
  white-space: nowrap;
  width: 100%;
}

.add-status {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #98a2b3;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  height: 34px;
  line-height: 32px;
  margin-right: 32px;
  transition: 0.2s;
}
.add-status .fa-plus {
  display: inline-block;
  height: 34px;
  line-height: 32px;
  text-align: center;
  width: 34px;
}
.add-status:hover {
  border: 1px solid #eaecf0;
}
.add-status .add-status-label {
  flex-grow: 1;
  padding-left: 5px;
}

.emoji-picker {
  z-index: 10000;
}
.emoji-picker .emoji-picker__search-container {
  align-items: center;
  display: none;
}
.emoji-picker .emoji-picker__search-container .emoji-picker__search {
  font-size: 14px;
}
.emoji-picker .emoji-picker__search-container .emoji-picker__search-icon {
  line-height: 100%;
  top: auto;
}
.emoji-picker .emoji-picker__tab {
  font-size: 24px;
}
.emoji-picker .emoji-picker__tab-body {
  transition: 0s;
}
.emoji-picker .emoji-picker__tab-body h2 {
  font-size: 14px;
  margin-bottom: 5px;
}
.emoji-picker .emoji-picker__preview {
  display: none;
}
.emoji-picker .emoji-picker__emoji .emoji {
  height: 22px;
  width: 22px;
}
.emoji-picker .emoji-picker__emojis {
  height: 28rem;
}
.emoji-picker .emoji-picker__variant-popup {
  align-items: center;
  display: flex;
}
.emoji-picker .emoji-picker__variant-popup .emoji-picker__variant-popup-close-button {
  flex-grow: 1;
  height: auto;
  position: relative;
  text-align: right;
  top: auto;
}

#manage-repository-column [data-edit-type=RepositoryStockValue] .sci-input-container.error {
  margin-bottom: 0.36em;
  padding-bottom: 0.75em;
}
#manage-repository-column .stock-column-type .units-info-description {
  font-size: 12px;
  color: #98a2b3;
}
#manage-repository-column .stock-column-type .changing-existing-stock-units-warning {
  font-size: 12px;
  background-color: #fbebd3;
  border-radius: 4px;
  padding: 0.5em;
  margin-top: 0.5em;
  width: 100%;
}
#manage-repository-column .stock-column-type .sci-input-container.error {
  margin-bottom: 3em;
}
#manage-repository-column .stock-column-type .sci-input-container.error .changing-existing-stock-units-warning {
  bottom: -3.5em;
  position: absolute;
}
#manage-repository-column .stock-column-type .sci-input-container.error .units-info-description {
  display: none;
}

.label-templates-index .search-label-templates-container {
  float: right;
  margin-right: 2em;
  padding-bottom: 16px;
  width: 200px;
}
.label-templates-index .search-label-templates-container .fa-search {
  padding-bottom: 16px;
}
.label-templates-index .toolbar-row.label-templates-toolbar {
  border-bottom: 0;
}
.label-templates-index .label-toolbar {
  align-items: center;
  display: flex;
  margin: 1em 0;
}
.label-templates-index .label-toolbar .label-search-container {
  margin-left: auto;
}
.label-templates-index .label-toolbar .label-search-container .dataTables_filter {
  display: none;
}
.label-templates-index .label-toolbar .label-buttons-container {
  align-items: center;
  column-gap: 0.5em;
  display: grid;
  grid-template-columns: repeat(5, auto);
}
@media (max-width: 800px) {
  .label-templates-index .label-toolbar .btn:not(.prevent-shrink) {
    padding: 7px;
    width: 36px;
  }
  .label-templates-index .label-toolbar .btn:not(.prevent-shrink) .button-text {
    display: none;
  }
  .label-templates-index .label-toolbar .auto-shrink-button .fas {
    margin: 0;
  }
}

.label-templates-datatable {
  --content-header-size: 4.5rem;
  height: calc(100vh - var(--top-navigation-height) - var(--breadcrumbs-navigation-height) - var(--content-header-size));
}
.label-templates-datatable #label-templates-table_wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.label-templates-datatable #label-templates-table_wrapper .dataTables_scroll {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: calc(100% - var(--datatable-pagination-row) - 4.5rem);
}
.label-templates-datatable #label-templates-table_wrapper .dataTables_scroll .dataTables_scrollHead {
  flex-shrink: 0;
}
.label-templates-datatable #label-templates-table_wrapper .dataTables_scroll .dataTables_scrollHead thead .sci-checkbox-container {
  margin-left: 0.125rem;
}
.label-templates-datatable #label-templates-table_wrapper .dataTables_scroll .dataTables_scrollHead th:first-child {
  text-align: center;
  vertical-align: middle;
}
.label-templates-datatable #label-templates-table_wrapper .dataTables_scroll .dataTables_scrollHead .table.dataTable .sorting::after {
  opacity: 0;
}
.label-templates-datatable #label-templates-table_wrapper .dataTables_scroll .dataTables_scrollHead .table.dataTable .sorting:hover::after {
  opacity: 1;
}
.label-templates-datatable #label-templates-table_wrapper .dataTables_scroll .dataTables_scrollBody {
  height: 100%;
}
.label-templates-datatable #label-templates-table_wrapper .dataTables_scroll .dataTables_scrollBody td {
  white-space: nowrap;
}
.label-templates-datatable #label-templates-table_wrapper .dataTables_scroll .dataTables_scrollBody td:nth-child(2) {
  text-align: center;
}
.label-templates-datatable #label-templates-table_wrapper .pagination-row {
  flex-shrink: 0;
}
.label-templates-datatable #label-template-selected {
  padding-right: 6px;
  text-align: center;
  vertical-align: middle;
}
.label-templates-datatable #label-template-selected::after {
  display: none;
}

.label-template-name {
  vertical-align: middle;
}
.label-template-name .label-info-link {
  max-width: 16rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.label-template-icon {
  padding-bottom: 2px;
  padding-right: 4px;
}

.label-templates-show .label-preview {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.label-templates-show .label-preview__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.label-templates-show .label-preview__options-button {
  color: #104da9;
  cursor: pointer;
}
.label-templates-show .label-preview__image {
  border-radius: 4px;
  box-shadow: 0px 1px 4px rgba(35, 31, 32, 0.15);
  margin: 0.5em 0 1em;
}
.label-templates-show .label-preview__image img {
  max-height: 60vh;
  max-width: 100%;
}
.label-templates-show .label-preview__error {
  background-color: #f9c9c9;
  color: #ad0015;
  margin-top: 0.5em;
  padding: 1.5em 2em;
}
.label-templates-show .label-preview__controls {
  height: 0;
  overflow: hidden;
}
.label-templates-show .label-preview__controls.open {
  height: auto;
  margin-top: 16px;
}
.label-templates-show .label-preview__controls__size {
  display: flex;
  margin-top: 16px;
}
.label-templates-show .label-preview__controls__size .sci-input-container {
  margin-right: 8px;
}
.label-templates-show .label-preview__controls__size .sci-input-container:last-child {
  flex-basis: 50%;
  flex-shrink: 0;
  margin-right: 0;
}
.label-templates-show .label-preview__refresh {
  cursor: pointer;
  margin: 16px auto;
  max-width: 160px;
  text-align: center;
}

.content-label-templates-promo {
  align-items: center;
  display: flex;
  justify-content: center;
}
.content-label-templates-promo .promo-container {
  margin-top: 2em;
  max-width: 800px;
  position: relative;
}
.content-label-templates-promo .promo-image {
  left: 0;
  position: absolute;
  top: 0;
}
.content-label-templates-promo .promo-image img {
  max-width: 60vw;
}
.content-label-templates-promo .promo-text {
  margin-left: 420px;
  margin-top: 150px;
}
.content-label-templates-promo .promo-text .title {
  margin-bottom: 1em;
}
.content-label-templates-promo .promo-text .description-item {
  align-items: center;
  display: flex;
  margin-bottom: 1em;
}
.content-label-templates-promo .promo-text .description-item img {
  margin-right: 1em;
}
.content-label-templates-promo .promo-text .btn {
  margin-top: 1em;
}

.label-templates-show {
  display: flex;
  flex-direction: column;
  height: calc(100vh - var(--navbar-height));
  padding-left: 1.5em;
}
.label-templates-show .title-row {
  font-size: 24px;
  font-weight: bold;
  align-items: flex-start;
  background: #fff;
  border-bottom: 1px solid #eaecf0;
  display: flex;
  margin: 0 -2em;
  padding: 0.25em 2em;
  width: calc(100% + 3em);
}
.label-templates-show .title-row .label-template-icon {
  flex-shrink: 0;
  margin-right: 5px;
  margin-top: 2px;
  width: 32px;
}
.label-templates-show .title-row .sci-inline-edit {
  flex-grow: 1;
  max-width: calc(100% - 50px);
}
.label-templates-show .template-descripiton {
  font-size: 14px;
  margin: 0.5em 0;
}
.label-templates-show .template-descripiton .title {
  font-weight: bold;
  line-height: 1.5em;
}
.label-templates-show .template-descripiton .description {
  margin: 0.5em 0 1em;
  padding-left: 16px;
}
.label-templates-show .label-template-container {
  display: flex;
  flex-grow: 1;
  margin-top: 1em;
}
.label-templates-show .label-template-container .title {
  font-weight: bold;
  line-height: 1.5em;
}
.label-templates-show .label-template-container .label-textarea-container {
  height: calc(100% - 6em);
}
.label-templates-show .label-template-container .label-textarea-container .label-textarea {
  height: 100%;
  margin-top: 0.5em;
  padding: 0.5em;
  width: 100%;
}
.label-templates-show .label-template-container .label-textarea-container.error .label-textarea {
  border: 1px solid #ce0c24;
  height: calc(100% - 2em);
}
.label-templates-show .label-template-container .label-textarea-container.error .error-message {
  color: #ce0c24;
}
.label-templates-show .label-template-container .label-edit-header {
  align-items: center;
  display: flex;
}
.label-templates-show .label-template-container .label-edit-header .title {
  margin-right: auto;
}
.label-templates-show .label-template-container .label-edit-container {
  flex-basis: 60%;
  padding-right: 1em;
}
.label-templates-show .label-template-container .label-edit-container .button-container {
  display: flex;
  margin-top: 1em;
}
.label-templates-show .label-template-container .label-edit-container .button-container .refresh-preview {
  margin-right: auto;
}
.label-templates-show .label-template-container .label-edit-container .button-container .save-template {
  margin-left: 0.5em;
}
.label-templates-show .label-template-container .label-preview-container {
  flex-basis: 40%;
  padding-left: 1em;
}
.label-templates-show .label-view-container {
  cursor: pointer;
  height: calc(100% - 3.5em);
  margin-top: 0.5em;
  padding: 0.5em;
  position: relative;
  white-space: pre;
}
.label-templates-show .label-view-container .sn-icon-edit {
  display: none;
  padding: 0.5rem;
  position: absolute;
  right: 0;
  top: 0;
}
.label-templates-show .label-view-container.read-only {
  cursor: initial;
}
.label-templates-show .label-view-container:hover:not(.read-only) {
  background-color: #eaecf0;
}
.label-templates-show .label-view-container:hover:not(.read-only) .sn-icon-edit {
  display: inline-block;
}
.label-templates-show .insert-field-dropdown .dimensions-container {
  align-items: center;
  display: flex;
}
.label-templates-show .insert-field-dropdown .dimensions-container img {
  margin-top: 27px;
}
.label-templates-show .insert-field-dropdown .open-dropdown-button:not(.collapsed) .fas {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.label-templates-show .insert-field-dropdown .dropdown-menu {
  font-size: 14px;
  padding: 16px;
  width: 300px;
}
.label-templates-show .insert-field-dropdown .search-container {
  margin-bottom: 0.25em;
}
.label-templates-show .insert-field-dropdown .search-container .close-dropdown {
  float: right;
}
.label-templates-show .insert-field-dropdown .fields-container {
  max-height: 40vh;
  overflow-y: auto;
}
.label-templates-show .insert-field-dropdown .field-element {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding: 10px 10px 10px 24px;
}
.label-templates-show .insert-field-dropdown .field-element .fas:not(.fa-plus-square) {
  margin-left: -1.25em;
  margin-right: 0.25em;
}
.label-templates-show .insert-field-dropdown .field-element .fa-plus-square {
  font-size: 16px;
  display: none;
  margin-left: auto;
}
.label-templates-show .insert-field-dropdown .field-element:hover {
  background-color: #eaecf0;
}
.label-templates-show .insert-field-dropdown .field-element:hover .fa-plus-square {
  display: inline-block;
}
.label-templates-show .insert-field-dropdown .block-title {
  font-size: 12px;
  align-items: center;
  color: #98a2b3;
  display: flex;
  padding: 7px 8px;
}
.label-templates-show .insert-field-dropdown .block-title::after {
  background-color: #98a2b3;
  content: "";
  flex-grow: 1;
  height: 1px;
  margin-left: 0.25em;
  margin-top: 3px;
}
.label-templates-show .insert-field-dropdown .block-title::before {
  background-color: #98a2b3;
  content: "";
  flex-basis: 5px;
  height: 1px;
  margin-right: 0.25em;
  margin-top: 3px;
}
.label-templates-show .insert-field-dropdown .no-results {
  color: #98a2b3;
}
.label-templates-show .insert-field-dropdown .tooltip-body {
  display: flex;
  width: 350px;
}
.label-templates-show .insert-field-dropdown .tooltip-body .tooltip-inner {
  max-width: 350px;
  text-align: left;
}

.reports-new {
  height: calc(100vh - var(--navbar-height));
}
.reports-new .reports-new-header {
  align-items: center;
  display: flex;
  height: 4em;
}
.reports-new .reports-new-header .report-name-container {
  width: 50%;
}
.reports-new .reports-new-header .report-name-container .report-name {
  font-size: 24px;
  font-weight: bold;
}
.reports-new .reports-new-header .report-name-container .report-name:placeholder-shown {
  border: 1px solid #ce0c24;
}
.reports-new .reports-new-header .report-name-container .report-name:placeholder-shown::placeholder {
  color: #ce0c24;
}
.reports-new .reports-new-header .cancel-button {
  margin-left: auto;
}
.reports-new .reports-new-body {
  background: #eaecf0;
  height: calc(100% - 10em);
  overflow-y: auto;
  padding-left: calc(-1em - 15px);
  width: 100%;
}
.reports-new .reports-new-footer {
  align-items: center;
  display: flex;
  height: 6em;
}
.reports-new .reports-new-footer .back-container {
  flex-basis: 25%;
}
.reports-new .reports-new-footer .wizard-status {
  display: flex;
  flex-basis: 50%;
  justify-content: center;
  position: relative;
}
.reports-new .reports-new-footer .wizard-steps {
  --wizard-step-dot-size: 8px;
  color: #98a2b3;
  flex: 1;
  font-weight: bold;
  position: relative;
  text-align: center;
  user-select: none;
  z-index: 2;
}
.reports-new .reports-new-footer .wizard-steps .step-id {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  line-height: 1.5em;
  text-align: center;
  width: calc(2 * var(--wizard-step-dot-size));
}
.reports-new .reports-new-footer .wizard-steps .step-dot {
  background: #eaecf0;
  border-radius: 50%;
  display: inline-block;
  height: var(--wizard-step-dot-size);
  margin: 0 calc(var(--wizard-step-dot-size) / 2);
  width: var(--wizard-step-dot-size);
}
.reports-new .reports-new-footer .wizard-steps .step-name {
  display: inline-block;
  white-space: nowrap;
}
.reports-new .reports-new-footer .wizard-steps .change-step {
  cursor: pointer;
  height: 100%;
  position: absolute;
  top: 0;
  width: 6em;
}
.reports-new .reports-new-footer .wizard-steps.wizard-step-1 {
  text-align: left;
}
.reports-new .reports-new-footer .wizard-steps.wizard-step-1 .change-step {
  left: -3em;
}
.reports-new .reports-new-footer .wizard-steps.wizard-step-1 .name-wrapper {
  margin-left: calc(-50% + 2 * var(--wizard-step-dot-size));
}
.reports-new .reports-new-footer .wizard-steps.wizard-step-2 .change-step {
  margin: 0 calc(50% - 3em);
}
.reports-new .reports-new-footer .wizard-steps.wizard-step-3 {
  text-align: right;
}
.reports-new .reports-new-footer .wizard-steps.wizard-step-3 .change-step {
  right: -3em;
}
.reports-new .reports-new-footer .wizard-steps.wizard-step-3 .name-wrapper {
  margin-right: calc(-50% + 2 * var(--wizard-step-dot-size));
}
.reports-new .reports-new-footer .progress-line {
  background: #eaecf0;
  height: 4px;
  margin: 12px 0;
  position: absolute;
  top: 1.5em;
  width: calc(50% - 8px);
  z-index: 1;
}
.reports-new .reports-new-footer .progress-line.progress-step-1 {
  left: 8px;
}
.reports-new .reports-new-footer .progress-line.progress-step-2 {
  right: 8px;
}
.reports-new .reports-new-footer .generate-button,
.reports-new .reports-new-footer .report-generate-actions-dropdown {
  display: none;
}
.reports-new .reports-new-footer .report-generate-actions-dropdown {
  position: relative;
}
.reports-new .reports-new-footer .next-button-container {
  flex-basis: 25%;
  margin-left: auto;
  text-align: right;
}
.reports-new .reports-new-footer[data-step="1"] .wizard-step-1 {
  color: initial;
}
.reports-new .reports-new-footer[data-step="1"] .wizard-step-1 .step-dot {
  border: 2px solid #104da9;
}
.reports-new .reports-new-footer[data-step="1"] .back-button {
  display: none;
}
.reports-new .reports-new-footer[data-step="2"] .wizard-step-1 .step-dot {
  background: #104da9;
}
.reports-new .reports-new-footer[data-step="2"] .wizard-step-2 {
  color: initial;
}
.reports-new .reports-new-footer[data-step="2"] .wizard-step-2 .step-dot {
  border: 2px solid #104da9;
}
.reports-new .reports-new-footer[data-step="2"] .progress-step-1 {
  background: #104da9;
}
.reports-new .reports-new-footer[data-step="3"] .wizard-step-1 .step-dot {
  background: #104da9;
}
.reports-new .reports-new-footer[data-step="3"] .wizard-step-2 .step-dot {
  background: #104da9;
}
.reports-new .reports-new-footer[data-step="3"] .wizard-step-3 {
  color: initial;
}
.reports-new .reports-new-footer[data-step="3"] .wizard-step-3 .step-dot {
  border: 2px solid #104da9;
}
.reports-new .reports-new-footer[data-step="3"] .continue-button {
  display: none;
}
.reports-new .reports-new-footer[data-step="3"] .generate-button {
  display: initial;
}
.reports-new .reports-new-footer[data-step="3"] .report-generate-actions-dropdown {
  display: inline-block;
}
.reports-new .reports-new-footer[data-step="3"] .report-generate-actions-dropdown .dropdown-menu {
  width: 250px;
}
.reports-new .reports-new-footer[data-step="3"] .report-generate-actions-dropdown .dropdown-menu li {
  padding: 0.5em 0;
}
.reports-new .reports-new-footer[data-step="3"] .progress-step-1,
.reports-new .reports-new-footer[data-step="3"] .progress-step-2 {
  background: #104da9;
}
.reports-new .dropdown-selector-container .dropdown-container {
  left: auto !important;
  margin: auto !important;
  position: absolute !important;
}
.reports-new .repositories-contents .dropdown-selector-container {
  display: inline-flex;
  flex-shrink: 0;
  margin-left: auto;
  width: 200px;
}
.reports-new .project-selector-container {
  background: #fff;
  box-shadow: 0px 4px 16px rgba(35, 31, 32, 0.15);
  margin: 2em 20%;
  padding: 1em 2em;
  width: 60%;
}
.reports-new .project-selector-container .description {
  font-size: 16px;
}
.reports-new .project-selector-container .project-selector,
.reports-new .project-selector-container .template-selector {
  display: inline-block;
  margin-bottom: 1em;
  width: 100%;
}
.reports-new .project-selector-container .project-selector label,
.reports-new .project-selector-container .template-selector label {
  font-size: 12px;
}
.reports-new .project-selector-container #projectDescription {
  height: 110px;
  padding: 0.5em;
}
.reports-new .report-template-values-container {
  background: #fff;
  box-shadow: 0px 4px 16px rgba(35, 31, 32, 0.15);
  margin: 2em 20%;
  padding: 1em 2em;
  width: 60%;
}
.reports-new .report-template-values-container .template-editor-header {
  align-items: center;
  display: flex;
  margin-bottom: 1em;
}
.reports-new .report-template-values-container .template-editor-header .title {
  margin: 0 auto 0 0;
}
.reports-new .report-template-values-container .template-editor-description {
  font-size: 16px;
}
.reports-new .report-template-values-container .sn-icon-down {
  cursor: pointer;
  margin-right: 0.25em;
}
.reports-new .report-template-values-container .sn-icon-down.collapsed {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.reports-new .report-template-values-container .values-container .checkbox-value-container {
  margin-bottom: 1em;
}
.reports-new .report-template-values-container .values-container .sci-input-container {
  margin-bottom: 1em;
}
.reports-new .report-template-values-container .values-container .sci-input-container input[type=text] {
  display: block;
  max-width: 40%;
}
.reports-new .report-template-values-container .values-container .sci-input-container textarea {
  height: 10em;
}
.reports-new .report-template-values-container .values-container .sci-input-container input[type=date] {
  display: block;
  max-width: 40%;
}
.reports-new .report-template-values-container .values-container .datetime-picker-container {
  display: block;
  max-width: 40%;
}
.reports-new .report-template-values-container .values-container .sci-checkbox-container {
  float: left;
  margin-right: 0.5em;
}
.reports-new .report-template-values-container .values-container ul {
  list-style-type: none;
  padding-left: 0;
}
.reports-new .report-template-values-container .values-container ul li {
  padding: 0.25em 0;
}
.reports-new .report-template-values-container .values-container .sci-select-container {
  display: inline-block;
  margin-bottom: 1em;
  width: 40%;
}
.reports-new .task-contents-container {
  background: #fff;
  box-shadow: 0px 4px 16px rgba(35, 31, 32, 0.15);
  margin: 2em 20%;
  padding: 1em 2em;
  width: 60%;
}
.reports-new .task-contents-container .divider {
  background: #d0d5dd;
  height: 1px;
}
.reports-new .task-contents-container .experiment-element .experiment-block {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin: 1em 0;
}
.reports-new .task-contents-container .experiment-element .content-element-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 1em;
}
.reports-new .task-contents-container .all-results-container {
  align-items: flex-start;
  display: flex;
}
.reports-new .task-contents-container .all-results-container .results-order-contaner {
  margin-top: 0.5em;
}
.reports-new .task-contents-container .all-results-container .results-order-contaner .move-down {
  float: right;
}
.reports-new .project-contents-container {
  background: #fff;
  box-shadow: 0px 4px 16px rgba(35, 31, 32, 0.15);
  margin: 2em 20%;
  padding: 1em 2em;
  width: 60%;
}
.reports-new .project-contents-container ul {
  list-style-type: none;
  padding-left: 1.5em;
}
.reports-new .project-contents-container .sci-checkbox-container {
  margin-right: 0.25em;
}
.reports-new .project-contents-container .header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin: 0.5em 0 1em;
}
.reports-new .project-contents-container .header .title {
  font-size: 24px;
  font-weight: bold;
  margin-right: auto;
}
.reports-new .project-contents-container .select-all-my-modules {
  font-size: 18px;
  font-weight: bold;
  align-items: center;
  display: flex;
  padding: 1em 0;
}
.reports-new .project-contents-container .hide-unchecked {
  align-items: center;
  display: flex;
}
.reports-new .project-contents-container .hide-unchecked .sci-checkbox-container {
  margin-right: 0.4em;
}
.reports-new .project-contents-container .divider {
  background: #d0d5dd;
  height: 1px;
}
.reports-new .project-contents-container .experiment-element .experiment-block {
  align-items: center;
  display: flex;
  margin: 1em 0;
}
.reports-new .project-contents-container .experiment-element .experiment-name {
  font-size: 24px;
  font-weight: bold;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.reports-new .project-contents-container .experiment-element .experiment-contents {
  flex-basis: 100%;
}
.reports-new .project-contents-container .experiment-element .sn-icon-down {
  cursor: pointer;
  margin: 0 0 0 -0.1em;
}
.reports-new .project-contents-container .experiment-element .sn-icon-down.collapsed {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.reports-new .project-contents-container .experiment-element .move-buttons {
  margin-left: auto;
}
.reports-new .project-contents-container .experiment-element .move-buttons .btn {
  font-size: 18px;
  font-weight: bold;
}
.reports-new .project-contents-container .experiment-element .move-buttons .move-down {
  float: right;
}
.reports-new .project-contents-container .experiment-my-module {
  font-size: 18px;
  font-weight: bold;
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #d0d5dd;
  cursor: pointer;
  display: flex;
  padding: 1em 0;
}
.reports-new .project-contents-container .experiment-my-module.ui-sortable-helper {
  box-shadow: 0px 1px 4px rgba(35, 31, 32, 0.15);
}
.reports-new .project-contents-container .experiment-my-module .sci-checkbox-container {
  margin-right: 0.4em;
}
.reports-new .project-contents-container .experiment-my-module .fa-grip-vertical {
  color: #98a2b3;
  margin-left: auto;
}
.reports-new .project-contents-container .experiment-my-module .my-module-name {
  display: inline-block;
  overflow: hidden;
  padding-right: 1em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.reports-new .project-contents-container .experiment-element:first-child .move-up {
  display: none;
}
.reports-new .project-contents-container .experiment-element:last-child .move-down {
  display: none;
}
.reports-new .task-contents-container {
  background: #fff;
  box-shadow: 0px 4px 16px rgba(35, 31, 32, 0.15);
  margin: 2em 20%;
  padding: 1em 2em;
  width: 60%;
}
.reports-new .task-contents-container .divider {
  background: #d0d5dd;
  height: 1px;
  margin-top: 1em;
  width: 100%;
}
.reports-new .task-contents-container .select-all-container {
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
}
.reports-new .task-contents-container .sn-icon-down {
  cursor: pointer;
  margin: 0 0 0 0.5em;
}
.reports-new .task-contents-container .sn-icon-down.collapsed {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.reports-new .task-contents-container ul {
  list-style-type: none;
  padding-left: 1em;
}
.reports-new .task-contents-container ul li {
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
  padding-top: 1em;
}
.reports-new .task-contents-container ul .content-element-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 1em;
}
.reports-new .task-contents-container .repositories-items-description {
  font-size: 14px;
  display: flex;
  margin-top: 1em;
  padding-left: 1em;
}
.reports-new .task-contents-container .repositories-items-description .fas {
  color: #3b99fd;
}
.reports-new .task-contents-container .repositories-items-description .sn-icon-info {
  margin-right: 0.1em;
}
.reports-new .task-contents-container .all-results-container {
  align-items: flex-start;
  display: flex;
}
.reports-new .task-contents-container .all-results-container .results-order-contaner {
  margin-top: 0.5em;
}
.reports-new .task-contents-container .all-results-container .results-order-contaner label {
  font-size: 12px;
}
.reports-new .task-contents-container .file-result-title-container {
  align-items: flex-start;
  display: flex;
}
.reports-new .task-contents-container .file-result-title-container .include-pages-container {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2em;
  margin-top: 1em;
}
.reports-new .task-contents-container .file-result-title-container .include-pages-container .fa-exclamation-triangle {
  color: #f0ad4e;
  margin-top: 0.5em;
  width: var(--sci-checkbox-size);
}
.reports-new .task-contents-container .file-result-title-container .include-pages-container .sci-checkbox-container {
  margin-right: 0.4em;
}
.reports-new .task-contents-container .sci-checkbox-container {
  float: left;
  margin-right: 0.25em;
}
.reports-new .task-contents-container .title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 1em;
}
.reports-new .task-contents-container .protocol-contents,
.reports-new .task-contents-container .result-contents,
.reports-new .task-contents-container .additional-contents {
  margin-top: 1em;
}

@media (max-width: 960px) {
  .reports-new .reports-new-footer .wizard-status {
    display: none;
  }
  .reports-new .project-selector-container {
    margin: 2em 1em;
    width: calc(100% - 2em);
  }
  .reports-new .task-contents-container {
    margin: 2em 1em;
    width: calc(100% - 2em);
  }
}
.user-account-addons .content-pane {
  margin: 0;
  padding-top: 0;
}
.user-account-addons .addons-title {
  border-bottom: 1px solid #eaecf0;
  margin-bottom: 0;
  padding-bottom: 15px;
}
.user-account-addons .addons-subtitle {
  margin-top: 2em;
}
.user-account-addons .printers-container {
  margin-bottom: 1em;
}
.user-account-addons .printers-container .printer {
  border: 1px solid #d0d5dd;
  padding: 1em;
}
.user-account-addons .printers-container .printer .header {
  align-items: center;
  display: flex;
  margin-bottom: 0.5em;
}
.user-account-addons .printers-container .printer .header .title {
  font-weight: bold;
}
.user-account-addons .printers-container .printer .header .control {
  align-items: center;
  display: flex;
  margin-left: auto;
}
.user-account-addons .printers-container .printer .header .status {
  border: 1px solid #d0d5dd;
  color: #98a2b3;
  margin-left: 0.5em;
  margin-right: auto;
  padding: 0.25em;
}
.user-account-addons .printers-container .printer .header .status[data-ready=true] {
  background: #5ec66f;
  border-color: #5ec66f;
  color: #fff;
}
.user-account-addons .printers-container .printer .header .sn-icon-check {
  margin-left: 0.25em;
}
.user-account-addons .printers-container .printer .description {
  margin-bottom: 0.5em;
}

.panel.panel-default .pull-right {
  align-items: center;
  display: flex;
}
.panel.panel-default .pull-right .sn-icon-check {
  margin-left: 0.25em;
}

.user-account-connected-accounts .tab-pane-settings {
  padding-top: 0;
}
.user-account-connected-accounts .connected-accounts-title {
  border-bottom: 1px solid #eaecf0;
  padding-bottom: 15px;
}

.connected-account {
  border: 1px solid #d0d5dd;
  border-radius: 4px;
  display: flex;
  margin: 0 15px;
  padding: 16px;
  width: calc(100% - 30px);
}
.connected-account .left-block {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
}
.connected-account .left-block .title {
  font-size: 16px;
  font-weight: bold;
}
.connected-account .left-block .description {
  flex-basis: 100%;
  margin-top: 7px;
}
.connected-account .left-block .status {
  color: #5ec66f;
  margin-left: 8px;
}
.connected-account .right-block {
  align-items: flex-end;
  display: flex;
  flex-basis: 150px;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-end;
}

#devicesTable .devices-table {
  display: grid;
  grid-auto-rows: 3em 1px;
  grid-template-columns: 200px 150px 50px;
  min-width: 100%;
}
#devicesTable .devices-table .table-header-cell {
  align-items: center;
  background-color: #eaecf0;
  display: flex;
  height: 3em;
  padding: 0 0.5em;
  z-index: 2;
}
#devicesTable .devices-table .table-header {
  display: contents;
}
#devicesTable .devices-table .table-header::after {
  content: "";
  grid-column: 1/-1;
}
#devicesTable .devices-table .table-body {
  display: contents;
}
#devicesTable .devices-table .table-body-cell {
  align-items: center;
  display: flex;
  padding: 0 0.5em;
}
#devicesTable .devices-table .x-button {
  background: 0;
  border: 0;
  margin-left: 5px;
}
#devicesTable .devices-table .table-row {
  display: contents;
}
#devicesTable .devices-table .table-row:hover .table-body-cell {
  background-color: #eaecf0;
}
#devicesTable .devices-table .table-row::after {
  background: #eaecf0;
  content: "";
  display: inline-block;
  grid-column: 1/-1;
  height: 1px;
}

.label-printer-show .printer-title {
  flex-grow: 0 !important;
  margin-right: 0.5em !important;
}
.label-printer-show .status {
  border: 1px solid #d0d5dd;
  color: #98a2b3;
  margin-left: 0.5em;
  margin-right: auto;
  padding: 0.25em;
}
.label-printer-show .status[data-ready=true] {
  background: #5ec66f;
  border-color: #5ec66f;
  color: #fff;
}
.label-printer-show ul {
  list-style-type: none;
  padding-left: 0;
}
.label-printer-show ul li {
  padding: 0.5em 0;
}
.label-printer-show ul .indented_row {
  padding-left: 4px;
}
.label-printer-show ol {
  padding-left: 0;
}
.label-printer-show ol li {
  padding: 0.5em 0;
}
.label-printer-show ol .indented_row {
  padding-left: 4px;
}
.label-printer-show .zebra-settings-collapse .collapse-content ol {
  padding-left: 1.5em;
}
.label-printer-show .zebra-settings-collapse li:last-child {
  padding-bottom: 0;
}
.label-printer-show .zebra-settings-collapse .zebra-printers {
  color: #98a2b3;
}
.label-printer-show .zebra-status-tag {
  align-items: center;
  border-radius: 2px;
  font-size: 12px;
  margin-left: 1em;
  margin-right: 1em;
  padding: 4px 8px;
  white-space: nowrap;
}
.label-printer-show .zebra-status-tag.ready {
  background-color: #5ec66f;
  color: #fff;
}
.label-printer-show .zebra-status-tag.offline {
  background-color: #fff;
  border: 1px solid #adadad;
  color: #adadad;
}
.label-printer-show .sn-icon-down {
  cursor: pointer;
  margin-right: 0.25em;
}
.label-printer-show .sn-icon-down.collapsed {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.label-printer-show .collapse-row {
  align-items: center;
  display: flex;
  padding-left: 1em;
}
.label-printer-show .collapse-content {
  margin-bottom: 1em;
  padding-left: 2.5em;
}
.label-printer-show .row-title {
  font-size: 18px;
  font-weight: bold;
  margin-left: 0.5em;
  margin-top: 0.25em;
}
.label-printer-show .api-key-container {
  display: flex;
  position: relative;
}
.label-printer-show .api-key-container.warning::after {
  color: #7094cb;
  content: attr(data-warning);
  left: 0;
  position: absolute;
  bottom: -1.5em;
}
.label-printer-show .api-key-container .api-key-input {
  margin-right: 0.5em;
}
.label-printer-show .api-key-container .btn {
  margin-left: 0.5em;
  margin-top: 23px;
}
.label-printer-show .update-printers {
  margin-left: auto;
}
.label-printer-show .searching-printers img {
  margin-right: 0.5em;
}

.user-account-preferences .content-pane {
  margin: 0;
  padding-top: 0;
}
.user-account-preferences .preferences-title {
  border-bottom: 1px solid #eaecf0;
  padding-bottom: 15px;
}
.user-account-preferences .time-zone-container {
  margin-bottom: 10px;
  max-width: 450px;
}
.user-account-preferences .date-format-container {
  max-width: 450px;
}

.team-settings-pane .settings-team-name {
  line-height: 32px;
  margin-bottom: 25px;
  margin-top: 0;
}
.team-settings-pane .team-metadata {
  display: grid;
  font-size: 14px;
  grid-gap: 8px;
}
.team-settings-pane .team-metadata .grid-block .fas {
  color: #d0d5dd;
  margin-right: 5px;
}
.team-settings-pane .team-metadata .created-by {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.team-settings-pane .team-share-permission:disabled {
  cursor: not-allowed;
}
.team-settings-pane .team-description {
  display: inline-block;
  margin-top: 16px;
  position: relative;
  width: 100%;
}
.team-settings-pane .team-description .view-mode {
  border: 1px solid transparent;
  border-radius: 3px;
  cursor: pointer;
  float: left;
  min-height: 100px;
  padding: 2px 4px;
  width: 100%;
}
.team-settings-pane .team-description .view-mode.disable-select {
  cursor: default;
  margin-bottom: 20px;
  min-height: auto;
}
.team-settings-pane .team-description .view-mode:empty:not(:focus)::before {
  color: #98a2b3;
  content: attr(data-placeholder);
  font-weight: normal;
}
.team-settings-pane .team-description .input-field {
  border: 1px solid #d0d5dd;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  float: left;
  min-height: 100px;
  padding: 2px 4px;
  width: 100%;
}
.team-settings-pane .team-description .input-field::placeholder {
  color: #98a2b3;
  font-weight: normal;
}
.team-settings-pane .team-description .input-field:focus {
  outline: 0;
}
.team-settings-pane .team-description .input-field:disabled {
  background: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  pointer-events: none;
  user-select: none;
}
.team-settings-pane .team-description .input-field:disabled + .button-container {
  display: none;
}
.team-settings-pane .team-description .button-container {
  top: -32px;
}
.team-settings-pane .team-description:hover .input-field, .team-settings-pane .team-description:hover .view-mode:not(.disable-select) {
  border: 1px solid #d0d5dd;
}
.team-settings-pane .team-description:hover .input-field:disabled, .team-settings-pane .team-description:hover .view-mode:not(.disable-select):disabled {
  border: 1px solid #eaecf0;
}
.team-settings-pane .users-datatable .table-header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.team-settings-pane .users-datatable .table-header .add-new-team-members {
  flex-grow: 1;
  padding: 5px 0;
}
.team-settings-pane .users-datatable .table-header .filter-table input {
  width: auto !important;
}
.team-settings-pane .users-datatable .table-header .filter-table,
.team-settings-pane .users-datatable .table-header .display-limit {
  flex-shrink: 0;
  padding: 5px 0;
}
.team-settings-pane .users-datatable .table-header .add-new-team-members,
.team-settings-pane .users-datatable .table-header .filter-table {
  margin-right: 15px;
}
.team-settings-pane .users-datatable .table-footer {
  display: flex;
  flex-wrap: wrap;
}
.team-settings-pane .users-datatable .table-footer .page-info,
.team-settings-pane .users-datatable .table-footer .page-selector {
  flex-grow: 1;
}
.team-settings-pane .users-datatable .table-footer .page-selector {
  text-align: right;
}
.team-settings-pane .users-datatable .dropdown-teams-user .dropdown-menu li.user-team-role > :first-child {
  padding-left: 10px;
}
.team-settings-pane .users-datatable .dropdown-teams-user .dropdown-menu li.user-team-role:not(.disabled) span.fas {
  color: transparent !important;
}
.team-settings-pane .modal-invite-users .user-selector .fa-search {
  visibility: hidden;
}
.team-settings-pane .modal-invite-users .user-selector .open .input-field {
  border: 1px solid #3b99fd;
  border-radius: 4px;
}
.team-settings-pane .modal-invite-users .user-selector .open .input-field .fa-search {
  color: #3b99fd;
  visibility: visible;
}
.team-settings-pane .modal-invite-users .user-selector .input-field {
  padding: 3px 40px 3px 3px;
}
.team-settings-pane .modal-invite-users .dropdown-option.users-dropdown-list {
  border-top: 1px solid #eaecf0;
  padding: 8px 10px;
}
.team-settings-pane .modal-invite-users .dropdown-option.users-dropdown-list .item-avatar {
  border-radius: 50%;
  height: 32px;
  margin: 0 16px 0 0;
  width: 32px;
}
.team-settings-pane .modal-invite-users .dropdown-option.users-dropdown-list .item-email {
  color: #98a2b3;
  margin-left: auto;
}

.user-settings .settings-row {
  margin-top: 2em;
}
.user-settings .settings-row .user-attribute {
  align-items: center;
  display: flex;
}
.user-settings .settings-row .user-attribute .btn {
  margin-left: auto;
}
.user-settings .user-settings-block {
  display: block;
  margin-bottom: 20px;
}
.user-settings .two-factor-container {
  column-gap: 1em;
  display: grid;
  grid-template-columns: auto fit-content;
  margin: 1em 0;
  row-gap: 0.5em;
}
.user-settings .two-factor-container .title {
  font-size: 16px;
  flex-basis: 100%;
  grid-column: 1/span 2;
}
.user-settings .two-factor-container .title .enabled {
  font-size: 14px;
  color: #5ec66f;
  position: relative;
  left: 10px;
}
.user-settings .two-factor-container .title .enabled .fa-check-circle {
  position: relative;
  right: 2px;
}
.user-settings .two-factor-container .btn {
  align-self: end;
}
.user-settings .two-factor-auth-button {
  padding-top: 20px;
  padding-bottom: 30px;
}

.two-factor-modal .two-factor-apps {
  align-items: center;
  display: flex;
  margin: 2em 0;
}
.two-factor-modal .two-factor-apps .app {
  align-items: center;
  display: flex;
  margin: 2em 0;
}
.two-factor-modal .two-factor-apps .app .app-information {
  margin-left: 1.5em;
}
.two-factor-modal .two-factor-apps .app .app-information .app-name {
  font-size: 16px;
  font-weight: bold;
}
.two-factor-modal .two-factor-apps .app .store {
  margin-right: 1em;
}
.two-factor-modal .two-factor-apps .apps-list {
  flex-shrink: 0;
  z-index: 2;
}
.two-factor-modal .two-factor-apps .install-mobile {
  margin-left: -150px;
}
.two-factor-modal .modal-footer {
  text-align: center;
}
.two-factor-modal .tab-footer {
  text-align: center;
}
.two-factor-modal .qr-code {
  display: flex;
  justify-content: center;
  padding: 4em;
}
.two-factor-modal .verified-label {
  color: #5ec66f;
  margin-top: 0;
}
.two-factor-modal .recovery-codes {
  font-size: 16px;
  font-weight: bold;
  line-height: 2em;
  text-align: center;
}

.device-revocation-modal .modal-dialog {
  height: 216px;
  width: 370px;
}

.manage-devices {
  position: relative;
  top: 30px;
}

@media (max-width: 700px) {
  .user-settings .two-factor-container {
    grid-template-columns: auto;
  }
  .user-settings .two-factor-container .title {
    grid-column: 1;
  }
  .two-factor-modal .install-mobile {
    display: none;
  }
}
.webhooks-index .webhooks-description {
  font-size: 16px;
  margin: 1em 0;
}
.webhooks-index .activity-filters-list {
  padding: 0;
}
.webhooks-index .filter-element {
  border-left: 3px solid #eaecf0;
  list-style: none;
  margin: 1em 0;
}
.webhooks-index .filter-block {
  align-items: center;
  display: flex;
  padding-left: 1em;
}
.webhooks-index .filter-block .sn-icon-down {
  cursor: pointer;
  margin-right: 1em;
}
.webhooks-index .filter-block .sn-icon-down.collapsed {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.webhooks-index .filter-block .create-webhook {
  margin-left: auto;
}
.webhooks-index .filter-block .filter-name {
  font-size: 16px;
  font-weight: bold;
  margin-right: 0.5em;
}
.webhooks-index .filter-block .info-container .dropdown-menu {
  padding: 0.5em;
  width: 400px;
}
.webhooks-index .filter-block .filter-info-title {
  font-size: 12px;
  padding-left: 0.25em;
}
.webhooks-index .filter-block .tags-list {
  display: flex;
  flex-wrap: wrap;
}
.webhooks-index .filter-block .tags-list .filter-info-tag {
  font-size: 12px;
  background: #eaecf0;
  flex-shrink: 0;
  margin: 0.25em;
  padding: 0.25em;
}
.webhooks-index .webhooks-list {
  list-style: none;
  padding-top: 0.5em;
}
.webhooks-index .webhook-form .webhook-form-row {
  align-items: center;
  display: flex;
}
.webhooks-index .webhook-form .webhook-form-row .form-group {
  margin: 0;
}
.webhooks-index .webhook-form .webhook-form-row .form-text {
  flex-shrink: 0;
}
.webhooks-index .webhook-form .webhook-form-row .webhook-form-trigger-text,
.webhooks-index .webhook-form .webhook-form-row .webhook-form-secret-key-text {
  flex-basis: 120px;
}
.webhooks-index .webhook-form .webhook-form-row .webhook-method-container,
.webhooks-index .webhook-form .webhook-form-row .webhook-secret-key-container {
  margin: 0.5em;
}
.webhooks-index .webhook-form .webhook-form-row .webhook-secret-key-container {
  flex-basis: 400px;
}
.webhooks-index .webhook-form .webhook-form-row .url-input-container {
  margin: 0.5em;
}
.webhooks-index .webhook {
  border-top: 1px solid #eaecf0;
  padding: 0.5em 0;
}
.webhooks-index .webhook .view-mode {
  align-items: center;
  display: flex;
}
.webhooks-index .webhook .view-mode .method {
  margin: 0 0.5em;
}
.webhooks-index .webhook .view-mode .webhook-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.webhooks-index .webhook .view-mode .active-webhook,
.webhooks-index .webhook .view-mode .disabled-webhook {
  flex-basis: 110px;
  flex-shrink: 0;
  margin-left: auto;
  padding: 0 1em;
  text-align: right;
}
.webhooks-index .webhook .view-mode .active-webhook .fas,
.webhooks-index .webhook .view-mode .disabled-webhook .fas {
  margin-right: 0.25em;
}
.webhooks-index .webhook .view-mode .active-webhook {
  color: #5ec66f;
}
.webhooks-index .webhook .view-mode .dropdown-menu {
  font-size: 14px;
}
.webhooks-index .webhook .view-mode .dropdown-menu .fas {
  margin-right: 0.25em;
}
.webhooks-index .webhook .view-mode .dropdown-menu .divider-label {
  font-size: 12px;
  color: #98a2b3;
  padding-left: 1em;
}
.webhooks-index .webhook .view-mode .dropdown-menu a {
  border-radius: unset;
  cursor: pointer;
  padding: 0.5em 1em;
}
.webhooks-index .webhook .view-mode .dropdown-menu a:hover {
  background: #eaecf0;
}
.webhooks-index .webhook:not(.active) .view-mode {
  color: #98a2b3;
}
.webhooks-index #deleteFilterModal .delete-filter-form {
  display: inline-block;
}

.elements-actions-container {
  align-items: center;
  display: flex;
  flex-basis: 20%;
  gap: 0.25rem;
  justify-content: flex-end;
}
.elements-actions-container .disabled {
  color: #98a2b3;
  pointer-events: none;
}
.elements-actions-container .dropdown-menu {
  white-space: nowrap;
}
.elements-actions-container .insert-button .caret {
  margin-left: 0.5em;
}
.elements-actions-container .insert-element-dropdown {
  font-size: 14px;
  min-width: 230px;
  padding: 0;
}
.elements-actions-container .insert-element-dropdown li {
  padding: 0.5em 1em;
}
.elements-actions-container .insert-element-dropdown li.action {
  cursor: pointer;
}
.elements-actions-container .insert-element-dropdown li.action:hover {
  background: var(--sn-super-light-grey);
}
.elements-actions-container .insert-element-dropdown li.action .fas {
  margin-right: 0.5em;
}
.elements-actions-container .insert-element-dropdown li.title {
  font-size: 12px;
  color: #d0d5dd;
  text-transform: uppercase;
}

:root {
  --attachment-column-width: 13.625rem;
  --attachment-row-height: 3rem;
}

.content__attachments-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.content__attachments-actions .title {
  font-size: 16px;
  font-weight: bold;
  flex-grow: 1;
  flex-shrink: 0;
}
.content__attachments-actions .dropdown-attachment-options {
  font-size: 14px;
  min-width: 200px;
}
.content__attachments-actions .dropdown-attachment-options .divider-label {
  font-size: 12px;
  color: #98a2b3;
  padding-left: 1em;
  pointer-events: none;
}
.content__attachments-actions .dropdown-attachment-options a {
  border-radius: unset;
  cursor: pointer;
  padding: 0.5em 1em;
}
.content__attachments-actions .dropdown-attachment-options a:hover {
  background: #eaecf0;
}
.content__attachments-actions .dropdown-attachment-options .action-link.selected::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f00c";
  margin-left: auto;
  position: absolute;
  right: 1em;
}
.content__attachments-actions .dropdown-attachment-options .change-order {
  padding-left: 2.75em;
}
.content__attachments-actions .dropdown-attachment-options .attachments-view-mode .fas {
  width: 1.5em;
}

.attachments {
  display: grid;
  grid-auto-rows: var(--attachment-row-height);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(var(--attachment-column-width), 1fr));
  margin: 1rem 0;
}
.attachments .asset-context-menu .marvinjs-edit-button img {
  margin-left: -0.6em;
  margin-right: 0;
  width: 2em;
}
.attachments[data-preview=true] .asset-context-menu {
  display: none;
}
.attachments #wopi_file_edit_button {
  margin-left: -8px;
}

.attachments:has(> .list-attachment-container) {
  grid-row-gap: 10px;
}
@media (max-width: 640px) {
  .attachments:has(> .list-attachment-container) {
    grid-row-gap: 30px;
  }
}

.add-file-modal .file-drop-zone {
  align-items: center;
  background: #eaecf0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2em;
}
.add-file-modal .file-drop-zone .btn.title {
  cursor: pointer;
  font-size: 1em;
}
.add-file-modal .file-drop-zone .btn.title:hover {
  background-color: #d0d5dd;
}
.add-file-modal .file-drop-zone .btn.title .fas {
  margin: 0 0.5em;
}
.add-file-modal .file-drop-zone .description {
  color: #98a2b3;
  margin-top: 1.5em;
}
.add-file-modal .drop-notification {
  display: none;
}
.add-file-modal.draging-file .file-drop-zone {
  background-color: #f0f8ff;
  position: relative;
}
.add-file-modal.draging-file .file-drop-zone .drop-notification {
  font-size: 16px;
  font-weight: bold;
  align-items: center;
  color: #104da9;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  width: 100%;
}
.add-file-modal.draging-file .file-drop-zone .title,
.add-file-modal.draging-file .file-drop-zone .description,
.add-file-modal.draging-file .file-drop-zone .available-storage {
  opacity: 0;
}
.add-file-modal.draging-file .file-drop-zone * {
  pointer-events: none;
}
.add-file-modal .divider {
  font-size: 12px;
  font-weight: bold;
  padding: 1em 0;
  text-align: center;
}
.add-file-modal .integrations-container {
  align-items: center;
  display: flex;
  justify-content: center;
}
.add-file-modal .integrations-container .integration-block {
  margin: 0 1em;
}

.step-checklist-items .step-checklist-item {
  padding-left: 5px;
}
.step-checklist-items .step-element-header .step-element-name {
  align-items: flex-start;
  column-gap: 0.25em;
  display: grid;
  font-weight: normal;
  grid-template-columns: max-content auto;
}
.step-checklist-items .step-element-header .step-element-name .step-checklist-text {
  display: inline-block;
  margin-top: -0.1em;
  position: relative;
  width: fit-content;
}
.step-checklist-items .step-element-header .step-element-name:hover.done .step-checklist-text {
  text-decoration: none;
}
.step-checklist-items .sci-checkbox-view-mode {
  align-self: flex-start;
  background-color: #1d2939;
  border-radius: 50%;
  height: 4px;
  margin-right: 0.5em;
  margin-top: 0.4em;
  width: 4px;
}
.step-checklist-items .step-checklist-add-item {
  margin-left: 1.925rem;
}
.step-checklist-items .step-checklist-add-item .fas {
  margin-right: 0.5em;
}
.step-checklist-items .step-checklist-item-ghost {
  border: 1px solid #104da9;
}

.step-checklist-container .empty-checklist-element {
  color: #98a2b3;
  margin-left: 3em;
}

.content__table-container td,
.content__table-container th {
  color: #1d2939;
}

.content__text-container .mce-toc ul,
.content__text-container .mce-toc li {
  list-style-type: none;
}
.content__text-container .img-responsive {
  display: inline;
  vertical-align: baseline;
}
.content__text-container .view-text-element {
  overflow-x: auto;
  pointer-events: initial;
}
.content__text-container .view-text-element a {
  pointer-events: initial;
}
.content__text-container .view-text-element p {
  margin: 0;
}
.content__text-container img {
  max-width: 100%;
}

.sn-action-toolbar {
  background: #eaecf0;
  z-index: 100;
}
.sn-action-toolbar .sn-action-toolbar__action a:hover {
  background: var(--sn-blue);
  color: var(--sn-white);
  text-decoration: none;
}
.sn-action-toolbar .icon-versions {
  display: inline-block;
  height: 14px;
  background-image: url(/assets/icon_small/versions-black-0e3ece39dc321164e5d0e1994710ee26fbe3a9fc9afde4277bb8ed488413aa57.svg);
  background-position: center center;
  background-repeat: no-repeat;
  margin-bottom: -2px;
  width: 16px;
}
.sn-action-toolbar .sn-action-toolbar__message {
  padding: 8px;
}

.sn-action-toolbar--button-overflow .sn-action-toolbar__button-text {
  display: none;
}

.attachment-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 5px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  grid-row: span 5;
  height: 15.875rem;
  padding: 1rem;
  position: relative;
  width: var(--attachment-column-width);
}
.attachment-container .file-preview-link,
.attachment-container .shareable-file-preview-link {
  display: block;
  height: 100%;
  width: 100%;
}
.attachment-container .attachment-preview {
  border-radius: 4px;
  color: #475467;
  height: 11.625rem;
  position: relative;
  text-align: center;
  width: 100%;
}
.attachment-container .attachment-preview.processing {
  background-image: url(/images/medium/loading.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.attachment-container .attachment-preview img {
  max-height: 100%;
  max-width: 100%;
}
.attachment-container .attachment-preview .fas {
  font-size: 100px;
  height: 240px;
}
.attachment-container .no-shadow {
  box-shadow: none;
}
.attachment-container .attachment-label,
.attachment-container .attachment-metadata {
  background: #fff;
  overflow: hidden;
  padding-top: 1em;
  position: relative;
  text-overflow: ellipsis;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  white-space: nowrap;
}
.attachment-container .thumbnail-action-btn {
  border: 1px solid var(--sn-light-grey);
}
.attachment-container .thumbnail-action-btn:hover {
  background-color: var(--sn-white);
  border-color: var(--sn-blue);
}
.attachment-container .attachment-label {
  font-size: 16px;
  z-index: 2;
}
.attachment-container .attachment-metadata {
  font-size: 12px;
  color: #98a2b3;
  margin-top: -4em;
}
.attachment-container .remove-icon {
  bottom: 0.5em;
  cursor: pointer;
  display: none;
  position: absolute;
  right: 0.5em;
}
.attachment-container:hover .file-preview-link,
.attachment-container:hover .shareable-file-preview-link {
  text-decoration: none;
}
.attachment-container:hover .remove-icon {
  display: inline-block;
}
.attachment-container:hover .attachment-label,
.attachment-container:hover .attachment-metadata {
  margin-top: 0;
}
.attachment-container.new {
  border: 1px solid #104da9;
}
.attachment-container.new .dnd-error {
  bottom: 15px;
  float: left;
  padding-left: 5px;
  position: relative;
}
.attachment-container.new::before {
  background: #104da9;
  border-radius: 0 4px;
  bottom: 0;
  color: #fff;
  content: "NEW";
  left: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  width: 50px;
  z-index: 2;
}

.inline-attachment-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 5px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  grid-column: 1/-1;
  grid-row: span 12;
  height: 47em;
}
.inline-attachment-container .active-iframe-preview {
  border: 0;
  height: calc(100% - 4em);
  width: 100%;
}
.inline-attachment-container .file-info {
  line-height: 1.5em;
}
.inline-attachment-container .image-container,
.inline-attachment-container .general-file-container {
  align-items: center;
  background: #eaecf0;
  display: flex;
  height: calc(100% - 4em);
  justify-content: center;
  padding: 0.5em;
  width: 100%;
}
.inline-attachment-container .image-container.processing,
.inline-attachment-container .general-file-container.processing {
  background-image: url(/images/medium/loading.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.inline-attachment-container .image-container img,
.inline-attachment-container .general-file-container img {
  max-height: 100%;
  max-width: 100%;
}
.inline-attachment-container .image-container .sn-icon,
.inline-attachment-container .general-file-container .sn-icon {
  font-size: 10em !important;
}
.inline-attachment-container .pdf-viewer {
  align-items: center;
  background: #98a2b3;
  display: flex;
  height: calc(100% - 4em);
  justify-content: center;
  margin: unset;
  width: 100%;
}
.inline-attachment-container .header {
  align-items: center;
  display: flex;
  height: 4em;
  padding: 0 1em;
}
.inline-attachment-container .header .show-as-thumbnail {
  cursor: pointer;
  margin-left: auto;
}
.inline-attachment-container .header .file-name {
  font-size: 16px;
  color: #104da9;
}
.inline-attachment-container .header .file-metadata {
  font-size: 12px;
  color: #98a2b3;
  display: grid;
  grid-column-gap: 1em;
  grid-template-columns: max-content max-content;
}
.inline-attachment-container .header .inline-attachment-action-buttons {
  display: none;
}
.inline-attachment-container .empty-office-file {
  padding: 5em 1em 1em;
  text-align: center;
}
.inline-attachment-container:hover .header .inline-attachment-action-buttons, .inline-attachment-container.context-menu-open .header .inline-attachment-action-buttons, .inline-attachment-container.menu-dropdown-open .header .inline-attachment-action-buttons {
  display: flex;
  flex-direction: row;
}

.list-attachment-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 5px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  align-items: center;
  display: flex;
  grid-column: 1/-1;
  height: 40px;
  padding: 0.5em;
}
.list-attachment-container .file-icon {
  font-size: 16px;
}
.list-attachment-container .attachment-image-tooltip {
  bottom: 90px;
  display: none;
  position: relative;
  right: 110px;
  z-index: 9999;
}
.list-attachment-container .attachment-image-tooltip img {
  height: 150px;
}
.list-attachment-container .file-preview-link:hover + .attachment-image-tooltip {
  display: block;
}
.list-attachment-container .file-name {
  font-size: 16px;
  color: #104da9;
  margin: 0 0.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-attachment-container .file-metadata {
  font-size: 12px;
  color: #98a2b3;
  display: grid;
  grid-column-gap: 1em;
  grid-template-columns: max-content max-content;
  margin-left: auto;
}
.list-attachment-container .asset-context-menu {
  background: transparent;
}
.list-attachment-container .icon-btn {
  height: 36px;
  width: 36px;
}
@media (min-width: 640px) {
  .list-attachment-container:hover #action-buttons {
    display: flex;
  }
  .list-attachment-container:hover #action-buttons .icon-btn:hover {
    background-color: var(--sn-light-grey);
  }
  .list-attachment-container:hover #file-metadata {
    display: none;
  }
  .list-attachment-container.context-menu-open, .list-attachment-container.menu-dropdown-open {
    display: flex;
    justify-content: space-between;
  }
  .list-attachment-container.context-menu-open #action-buttons, .list-attachment-container.menu-dropdown-open #action-buttons {
    display: flex;
  }
  .list-attachment-container.context-menu-open #file-metadata, .list-attachment-container.menu-dropdown-open #file-metadata {
    display: none;
  }
  .list-attachment-container #action-buttons {
    display: none;
  }
}
@media (max-width: 640px) {
  .list-attachment-container {
    display: grid;
    height: 60px;
  }
  .list-attachment-container #file-metadata {
    margin-left: 2rem;
  }
  .list-attachment-container:hover #action-buttons {
    display: block;
    margin-bottom: 20px;
    position: absolute;
    right: 144px;
  }
  .list-attachment-container:hover #action-buttons .icon-btn:hover {
    background-color: var(--sn-light-grey);
  }
  .list-attachment-container.context-menu-open #action-buttons {
    display: block;
    margin-bottom: 20px;
    position: absolute;
    right: 144px;
  }
  .list-attachment-container #action-buttons {
    display: none;
  }
}

.asset-context-menu {
  display: inline-block;
}
.asset-context-menu #dropdownAssetContextMenu {
  background: #fff;
}
.asset-context-menu #dropdownAssetContextMenu:active {
  box-shadow: none;
}
.asset-context-menu #dropdownAssetContextMenu:hover {
  background: #eaecf0;
}
.asset-context-menu .dropdown-menu {
  font-size: 14px;
}
.asset-context-menu .dropdown-menu .divider-label {
  font-size: 12px;
  color: #98a2b3;
  padding-left: 1em;
}
.asset-context-menu .dropdown-menu a {
  border-radius: unset;
  cursor: pointer;
  padding: 0.5em 1em;
  text-align: left;
}
.asset-context-menu .dropdown-menu a:hover {
  background: #eaecf0;
}
.asset-context-menu .dropdown-menu a .fas {
  width: 1.5em;
}
.asset-context-menu .dropdown-menu a.selected::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f00c";
  margin-left: auto;
  position: absolute;
  right: 1em;
}

.uploading-attachment-container {
  align-items: center;
  background-color: #eaecf0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.uploading-attachment-container .icon {
  font-size: 2em;
}
.uploading-attachment-container .file-name:not(.one-line) div {
  margin-bottom: 0.5em;
}
.uploading-attachment-container .file-name.one-line {
  align-items: center;
  display: flex;
}
.uploading-attachment-container .file-name.one-line .file-name-text {
  margin-left: 0.25em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.uploading-attachment-container .remove-button {
  color: #98a2b3;
  cursor: pointer;
  margin: 0.75em 1em;
  position: absolute;
  right: 0;
  top: 0;
}
.uploading-attachment-container .progress-container {
  background-color: #fff;
  flex-basis: 4px;
  margin-top: 1em;
  position: relative;
  width: 60%;
}
.uploading-attachment-container .progress-container .progress-bar {
  background-color: #104da9;
  height: 100%;
  position: relative;
  transition: 1s cubic-bezier(0.4, 0, 0.6, 1);
}
.uploading-attachment-container.list-attachment-container {
  flex-direction: row;
}
.uploading-attachment-container.list-attachment-container .icon {
  font-size: 1em;
}
.uploading-attachment-container.list-attachment-container .progress-container {
  border-radius: 50%;
  flex-basis: 30%;
  height: 4px;
  margin-left: auto;
  margin-top: 0;
}
.uploading-attachment-container.error {
  background: #fff;
  border-color: #ce0c24;
}
.uploading-attachment-container.error .icon {
  color: #ce0c24;
}
.uploading-attachment-container.error .error-container {
  color: #ce0c24;
  margin-top: 1em;
  padding: 0 1em;
  text-align: center;
}
.uploading-attachment-container.error.list-attachment-container .error-container {
  margin-left: auto;
  margin-top: 0;
}

.asset-icon {
  align-items: center;
  display: inline-flex;
  font-size: 18px;
  justify-content: center;
  width: 24px;
}
.asset-icon.fa-file-pdf {
  color: #f40f02;
}
.asset-icon.fa-image {
  color: #104da9;
}

.attachment-label-new {
  align-items: center;
  background-color: #104da9;
  border-radius: 2px;
  color: #eaecf0;
  font-size: 12px;
  margin-left: 0.25em;
  margin-right: 1em;
  padding: 4px 8px;
  white-space: nowrap;
}

.sn-file-ove {
  height: 1.5rem;
  width: 1.5rem;
}
.sn-file-ove::before {
  content: url(/assets/icon_small/sequence-editor-63dc18c421054dd10b24cfdf218d6a2cc3c7493ebc56d3baa93c7e10282fddc6.svg);
  display: inline-block;
  margin: auto;
  width: 100%;
}

.global-avatar-container {
  border-radius: 15px;
  display: inline-block;
  height: 30px;
  overflow: hidden;
  position: relative;
  width: 30px;
}
.global-avatar-container img {
  border-radius: 50%;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.new-avatar-preview-container {
  height: 200px;
  margin-bottom: 45px;
  position: relative;
  width: 100%;
}

.modal-user-avatar .modal-dialog {
  width: 350px;
}
.modal-user-avatar .option-text {
  margin-bottom: 10px;
  text-align: center;
}
.modal-user-avatar .avatar-collection {
  display: grid;
  grid-template-columns: auto auto auto;
  height: 215px;
  padding: 5px 35px 0;
  position: relative;
}
.modal-user-avatar .avatar-collection .avatar {
  border-radius: 5px;
  cursor: pointer;
  height: 100px;
  margin-bottom: 5px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  width: 80px;
}
.modal-user-avatar .avatar-collection .avatar:hover {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.18);
}
.modal-user-avatar .avatar-collection img {
  height: 60px;
  margin: 20px 10px;
  user-select: none;
  width: 60px;
}
.modal-user-avatar .upload-block {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.modal-user-avatar .upload-block .current-avatar {
  height: 150px;
  margin: 25px 0 45px;
  width: 150px;
}
.modal-user-avatar .upload-block .current-avatar img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
.modal-user-avatar .upload-block .avatar-preview-container {
  height: 150px;
  margin: 20px 0 50px;
  position: relative;
  width: 250px;
}
.modal-user-avatar .upload-block .upload-photo {
  margin-bottom: 10px;
  width: 150px;
}
.modal-user-avatar .modal-footer {
  text-align: center;
}

.ag-root-wrapper {
  --agg-row-border-color: var(--sn-light-grey);
  --ag-odd-row-background-color: var(--sn-white);
  --ag-header-background-color: var(--sn-light-grey);
  --ag-selected-row-background-color: var(--sn-super-light-blue);
  --ag-range-selection-border: var(--sn-science-blue);
  --ag-grid-size: .5rem;
  --ag-row-hover-color: var(--sn-super-light-grey);
  --ag-header-column-resize-handle-height: 1rem;
  --ag-header-column-resize-handle-color: var(--sn-grey);
  --ag-header-column-resize-handle-width: 1px;
  --ag-row-border-width: 1px;
  --ag-icon-font-code-checkbox-unchecked: url(/assets/checkbox/default-bc4fbb17c048475bd6711f3d15f520786dca066d9b81014d4dc422479d04c368.svg);
  --ag-icon-font-code-checkbox-checked: url(/assets/checkbox/checked-a5e14612f0343b04605d992ee7c3416c1b79065c828a7584e7ac0460e12d6050.svg);
  --ag-icon-font-code-checkbox-indeterminate: url(/assets/checkbox/indeterminate-96eddc3c05ae8e48c01fdb1ee099ef3d6bc9ed0b35894545648579f85219b9b7.svg);
  --ag-input-focus-box-shadow: none;
  --ag-cell-horizontal-padding: .75rem;
  border: 0;
}
.ag-root-wrapper .ag-cell {
  border: 0;
}
.ag-root-wrapper .ag-header {
  border-bottom: 0;
  border-radius: 0.25rem 0.25rem 0 0;
}
.ag-root-wrapper .ag-input-field-input {
  cursor: pointer;
}
.ag-root-wrapper .ag-header-cell-resize {
  width: 1rem;
}
.ag-root-wrapper .ag-input-field-input:focus {
  outline: none !important;
  outline-offset: 0 !important;
}

.cards-wrapper {
  --card-min-width: 200px;
  --list-columns-number: 5;
  align-items: center;
  display: grid;
  grid-auto-rows: 2em;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-columns: repeat(auto-fill, minmax(var(--card-min-width), 1fr));
  width: 100%;
}
.cards-wrapper .table-header {
  display: none;
}
.cards-wrapper.no-data {
  display: block;
}
.cards-wrapper.no-results {
  grid-template-rows: 1fr;
  min-height: calc(100vh - var(--content-header-size) - var(--navbar-height));
}
.cards-wrapper.no-results .no-results-container {
  align-self: center;
  grid-column: 1/-1;
  grid-row: 1/-1;
  justify-self: center;
}
.cards-wrapper.no-results .no-results-img {
  display: block;
  margin: auto;
  max-height: 230px;
}
.cards-wrapper.no-results .no-results-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0.25em;
  margin-top: 1.25em;
  text-align: center;
}
.cards-wrapper.no-results .no-results-description {
  font-size: 16px;
  color: #98a2b3;
  text-align: center;
}
.cards-wrapper .card {
  background-color: #fff;
  color: #475467;
  display: flex;
  flex-wrap: wrap;
  grid-row: span 4;
  height: 100%;
  padding: 0.5em 1em;
  position: relative;
  width: 100%;
}
.cards-wrapper .card .checkbox-cell {
  align-items: center;
  display: flex;
  height: 2em;
  justify-content: left;
  width: 1.5em;
}
.cards-wrapper:not(.list) [list-render=true] {
  display: none !important;
}
.cards-wrapper.list {
  grid-auto-flow: dense;
  grid-auto-rows: 4em 1px;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-columns: repeat(var(--list-columns-number), minmax(100px, auto));
}
.cards-wrapper.list [cards-render=true] {
  display: none !important;
}
.cards-wrapper.list.no-results {
  grid-template-rows: 2em 1fr;
  min-height: calc(100vh - var(--content-header-size) - var(--navbar-height));
}
.cards-wrapper.list .no-results-container {
  align-self: center;
  grid-column: 1/-1;
  grid-row: 3;
  justify-self: center;
}
.cards-wrapper.list .card {
  display: contents;
}
.cards-wrapper.list .card::after {
  background: #eaecf0;
  content: "";
  display: inline-block;
  grid-column: 1/-1;
  height: 1px;
}
.cards-wrapper.list .card .table-cell {
  height: 100%;
  padding: 0 0.5em;
  width: 100%;
}
.cards-wrapper.list .card .checkbox-cell {
  grid-column: 1;
  justify-content: center;
  position: initial;
}
.cards-wrapper.list .table-header {
  display: contents;
}
.cards-wrapper.list .table-header::after {
  content: "";
  grid-column: 1/-1;
}
.cards-wrapper.list .table-header .table-header-cell {
  align-items: center;
  border: 1px solid #fff;
  display: flex;
  height: 3em;
  padding: 0 0.5em;
  position: sticky;
  position: -webkit-sticky;
  top: var(--content-header-size);
  z-index: 2;
}
.cards-wrapper.list .table-header .table-header-cell.select-all-checkboxes {
  justify-content: center;
}
.cards-wrapper.list .table-header > * {
  background-color: #eaecf0;
}

.content-pane.archived .cards-wrapper .card {
  background: #eaecf0;
  box-shadow: none !important;
}
.content-pane.archived .cards-wrapper.list .card::after {
  background: #fff;
}
.content-pane.archived .cards-wrapper.list .card .table-cell {
  background: #eaecf0;
  color: #475467;
}

.comments-sidebar {
  --comments-sidebar-width: 280px;
  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  height: calc(100vh - var(--top-navigation-height));
  position: fixed;
  right: 0;
  top: var(--top-navigation-height);
  transition: width 0.3s;
  width: 0;
  z-index: 609;
}
.comments-sidebar.open {
  width: var(--comments-sidebar-width);
}
.comments-sidebar .atwho-user-container {
  white-space: normal;
}
.comments-sidebar .sidebar-content {
  background: #eaecf0;
  border-left: 1px solid #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  width: var(--comments-sidebar-width);
}
.comments-sidebar .sidebar-content .sidebar-header {
  align-items: center;
  border-bottom: 1px solid #d0d5dd;
  display: flex;
  flex-basis: 5em;
  flex-shrink: 0;
  flex-wrap: wrap;
  padding: 1em;
}
.comments-sidebar .sidebar-content .sidebar-header .comments-subject-title {
  font-size: 16px;
  font-weight: bold;
  flex-basis: calc(100% - 40px);
  flex-grow: 1;
  height: 2em;
  max-width: 13em;
  line-height: 2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.comments-sidebar .sidebar-content .sidebar-header .comments-subject-url {
  flex-basis: 100%;
}
.comments-sidebar .sidebar-content .sidebar-header .close-btn {
  flex-shrink: 0;
}
.comments-sidebar .sidebar-content .sidebar-body {
  flex-basis: calc(100% - 10em);
  flex-grow: 1;
  overflow: auto;
  padding: 1em;
}
.comments-sidebar .sidebar-content .sidebar-body .no-comments-placeholder {
  display: none;
  padding: 1em;
}
.comments-sidebar .sidebar-content .sidebar-body .no-comments-placeholder .no-comments-image {
  display: block;
  margin: 0 auto;
}
.comments-sidebar .sidebar-content .sidebar-body .no-comments-placeholder .description {
  font-size: 16px;
  color: #98a2b3;
}
.comments-sidebar .sidebar-content .sidebar-body .comments-list:empty + .no-comments-placeholder {
  display: block;
}
.comments-sidebar .sidebar-content .sidebar-footer {
  border-top: 1px solid #d0d5dd;
  flex-basis: 5em;
  flex-grow: 1;
  flex-shrink: 0;
  padding: 1em;
}
.comments-sidebar .sidebar-content .sidebar-footer .comment-input-container {
  background: #fff;
  border-radius: 2px;
  padding-right: 2.5em;
  position: relative;
}
.comments-sidebar .sidebar-content .sidebar-footer .comment-input-container .comment-input-field {
  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  border: 0;
  display: block;
  line-height: 1.25em;
  max-height: 160px;
  outline: none;
  padding: 0.5em;
  padding-right: 2rem;
  transition: height 0.3s;
  width: 100%;
}
.comments-sidebar .sidebar-content .sidebar-footer .comment-input-container .send-comment {
  color: #104da9;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 5px;
}
.comments-sidebar .sidebar-content .sidebar-footer .update-buttons {
  display: none;
  margin-top: 0.5em;
}
.comments-sidebar .sidebar-content .sidebar-footer .error-container {
  font-size: 12px;
  color: #ce0c24;
}
.comments-sidebar .sidebar-content .sidebar-footer.update .update-buttons {
  display: block;
}
.comments-sidebar .sidebar-content .sidebar-footer.update .send-comment {
  display: none;
}
.comments-sidebar .comment-container {
  margin: 0 1em 0.25em 0;
}
.comments-sidebar .comment-container .comment-header {
  align-items: center;
  display: flex;
  margin-bottom: 0.5em;
  margin-top: 2em;
  min-height: 1.75em;
}
.comments-sidebar .comment-container .comment-header .user-name {
  margin: 0 0.5em;
  order: 2;
}
.comments-sidebar .comment-container .comment-header .user-avatar {
  border-radius: 50%;
  max-width: 1.75em;
}
.comments-sidebar .comment-container .comment-body {
  background: #fff;
  border-radius: 4px;
}
.comments-sidebar .comment-container .comment-body .comment-message {
  font-size: 16px;
  color: #475467;
  padding: 0.5em 1em;
}
.comments-sidebar .comment-container .comment-body .atwho-user-container {
  white-space: wrap;
}
.comments-sidebar .comment-container .comment-footer {
  align-items: center;
  display: flex;
  padding: 0 1em 0.5em;
}
.comments-sidebar .comment-container .comment-footer .comment-menu-container {
  margin-left: auto;
}
.comments-sidebar .comment-container .comment-footer .comment-menu-container .open-dropdown-btn {
  cursor: pointer;
  line-height: 2em;
  text-align: center;
  width: 2em;
}
.comments-sidebar .comment-container .comment-footer .comment-menu-container .comment-dropdown-menu {
  font-size: 14px;
}
.comments-sidebar .comment-container .comment-footer .comment-menu-container .comment-dropdown-menu a {
  padding: 0.5em 1em;
}
.comments-sidebar .comment-container .comment-footer .comment-menu-container .comment-dropdown-menu .fas {
  margin-right: 0.5em;
}
.comments-sidebar .comment-container .comment-footer .comment-create-date {
  font-size: 12px;
  color: #475467;
  opacity: 0.5;
}
.comments-sidebar .comment-container.current-user {
  margin: 0 0 0.25em 1em;
}
.comments-sidebar .comment-container.current-user .comment-body {
  background: #d0d5dd;
}
.comments-sidebar .comment-container.current-user .comment-header {
  justify-content: flex-end;
}
.comments-sidebar .comment-container.current-user .comment-header .user-avatar {
  border-radius: 50%;
  order: 3;
  overflow: hidden;
}
.comments-sidebar .loading-placeholder {
  display: none;
}
.comments-sidebar .loading-placeholder .comment-placeholder {
  padding-bottom: 1em;
}
.comments-sidebar .loading-placeholder .comment-placeholder .comment-body-placeholder {
  animation: pulse 1s infinite;
  animation-timing-function: ease-in-out;
  background: #d0d5dd;
  height: 5em;
}
.comments-sidebar .loading-placeholder .comment-placeholder.left {
  margin-right: 1em;
}
.comments-sidebar .loading-placeholder .comment-placeholder.left .comment-user-placeholder::before {
  animation: pulse 1s infinite;
  animation-timing-function: ease-in-out;
  background: #d0d5dd;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 1.5em;
  width: 1.5em;
}
.comments-sidebar .loading-placeholder .comment-placeholder.left .comment-user-placeholder::after {
  animation: pulse 1s infinite;
  animation-timing-function: ease-in-out;
  background: #d0d5dd;
  content: "";
  display: inline-block;
  height: 1em;
  margin: 0.25em;
  width: 6em;
}
.comments-sidebar .loading-placeholder .comment-placeholder.right {
  margin-left: 1em;
}
.comments-sidebar .loading-placeholder .comment-placeholder.right .comment-user-placeholder {
  text-align: right;
}
.comments-sidebar .loading-placeholder .comment-placeholder.right .comment-user-placeholder::before {
  animation: pulse 1s infinite;
  animation-timing-function: ease-in-out;
  background: #d0d5dd;
  content: "";
  display: inline-block;
  height: 1em;
  margin: 0.25em;
  width: 6em;
}
.comments-sidebar .loading-placeholder .comment-placeholder.right .comment-user-placeholder::after {
  animation: pulse 1s infinite;
  animation-timing-function: ease-in-out;
  background: #d0d5dd;
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 1.5em;
  width: 1.5em;
}
.comments-sidebar.loading .comments-subject-title {
  animation: pulse 1s infinite;
  animation-timing-function: ease-in-out;
  background: #d0d5dd;
}
.comments-sidebar.loading .loading-placeholder {
  display: initial;
}
.comments-sidebar.loading .sidebar-body .comments-list:empty + .no-comments-placeholder {
  display: none;
}

.comments-container .content-comments {
  position: relative;
}
.comments-container .content-comments .ps__rail-y {
  opacity: 0.9;
}
.comments-container .comment-container {
  display: flex;
  padding: 5px 0 5px 5px;
}
.comments-container .comment-container .avatar-placehodler {
  height: 30px;
  margin: 13px 0;
  width: 30px;
}
.comments-container .comment-container .content-placeholder {
  padding-left: 10px;
  width: calc(100% - 30px);
}
.comments-container .comment-container .content-placeholder .comment-name {
  color: #98a2b3;
  float: left;
  font-size: 16px;
  line-height: 30px;
  padding-left: 5px;
  width: 50%;
}
.comments-container .comment-container .content-placeholder .comment-message {
  font-size: 16px;
  float: left;
  width: 100%;
}
.comments-container .comment-container .content-placeholder .comment-message .view-mode {
  border: 1px solid transparent;
  border-radius: 4px;
  display: inline-block;
  line-height: 16px;
  min-height: 20px;
  overflow: hidden;
  padding: 2px 5px;
  width: 100%;
}
.comments-container .comment-container .content-placeholder .comment-message .view-mode p {
  margin: 0;
}
.comments-container .comment-container .content-placeholder .comment-message textarea {
  border: 1px solid #d0d5dd;
  border-radius: 4px;
  height: 22px;
  line-height: 16px;
  overflow: hidden;
  padding: 2px 5px;
  width: 100%;
}
.comments-container .comment-container .content-placeholder .comment-message textarea:focus {
  outline: 0;
}
.comments-container .comment-container .content-placeholder .comment-message textarea:disabled {
  background: transparent;
  border: 1px solid transparent;
  pointer-events: none;
  user-select: none;
}
.comments-container .comment-container .content-placeholder .error-block {
  color: #ce0c24;
  display: none;
  float: left;
}
.comments-container .comment-container .content-placeholder .comment-right {
  color: #98a2b3;
  float: right;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  position: relative;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  width: 120px;
}
.comments-container .comment-container .content-placeholder .comment-right .comment-datetime {
  float: left;
  font-size: 12px;
  line-height: 30px;
  width: 120px;
}
.comments-container .comment-container .content-placeholder .comment-right .comment-actions {
  left: 120px;
  position: absolute;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  width: 100px;
}
.comments-container .comment-container .content-placeholder .comment-right .comment-actions .view-buttons,
.comments-container .comment-container .content-placeholder .comment-right .comment-actions .edit-buttons {
  display: none;
  font-size: 16px;
}
.comments-container .comment-container .content-placeholder .comment-right .comment-actions .view-buttons *,
.comments-container .comment-container .content-placeholder .comment-right .comment-actions .edit-buttons * {
  cursor: pointer;
}
.comments-container .comment-container .content-placeholder .comment-right .comment-actions .view-buttons .edit-button,
.comments-container .comment-container .content-placeholder .comment-right .comment-actions .view-buttons .save-button,
.comments-container .comment-container .content-placeholder .comment-right .comment-actions .edit-buttons .edit-button,
.comments-container .comment-container .content-placeholder .comment-right .comment-actions .edit-buttons .save-button {
  display: inline-block;
  width: 80px;
}
.comments-container .comment-container .content-placeholder .comment-right .comment-actions .view-buttons .delete-button,
.comments-container .comment-container .content-placeholder .comment-right .comment-actions .view-buttons .cancel-button,
.comments-container .comment-container .content-placeholder .comment-right .comment-actions .edit-buttons .delete-button,
.comments-container .comment-container .content-placeholder .comment-right .comment-actions .edit-buttons .cancel-button {
  float: right;
  padding-right: 5px;
  width: 20px;
}
.comments-container .comment-container .content-placeholder .comment-right .comment-actions .view-buttons a,
.comments-container .comment-container .content-placeholder .comment-right .comment-actions .edit-buttons a {
  color: inherit;
}
.comments-container .comment-container .content-placeholder .comment-right .comment-actions .view-buttons span .fas,
.comments-container .comment-container .content-placeholder .comment-right .comment-actions .edit-buttons span .fas {
  margin-right: 5px;
}
.comments-container .comment-container.report {
  display: block;
  float: left;
  width: 100%;
}
.comments-container .comment-container.report .avatar-placehodler {
  float: left;
}
.comments-container .comment-container.report .content-placeholder {
  float: left;
}
.comments-container .comment-container[data-edit-mode="0"]:hover .comment-right, .comments-container .comment-container[data-edit-mode="1"] .comment-right {
  width: 220px;
}
.comments-container .comment-container[data-edit-mode="0"]:hover textarea:disabled,
.comments-container .comment-container[data-edit-mode="0"]:hover .view-mode, .comments-container .comment-container[data-edit-mode="1"] textarea:disabled,
.comments-container .comment-container[data-edit-mode="1"] .view-mode {
  border: 1px solid #eaecf0;
  cursor: pointer;
}
.comments-container .comment-container[data-edit-mode="0"]:hover {
  cursor: pointer;
}
.comments-container .comment-container[data-edit-mode="0"]:hover .comment-actions .view-buttons {
  display: inline;
}
.comments-container .comment-container[data-edit-mode="1"] .comment-actions .edit-buttons {
  display: inline !important;
}
.comments-container .comment-container.error .error-block {
  display: block;
}
.comments-container .comment-container.error .comment-actions .edit-buttons {
  display: inline !important;
}
.comments-container .new-message-container {
  float: left;
  margin-left: 15px;
  margin-top: 10px;
  overflow: hidden;
  position: relative;
  width: calc(100% - 15px);
}
.comments-container .new-message-container textarea {
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  outline: none;
  overflow: hidden;
  width: 100%;
}
.comments-container .new-message-container textarea:focus {
  border: 1px solid #d0d5dd;
  box-shadow: none;
  outline: none;
}
.comments-container .new-message-container textarea.border {
  border: 1px solid #d0d5dd;
}
.comments-container .new-message-container .new-message-error {
  color: #ce0c24;
}
.comments-container .new-message-container .new-comment-button {
  cursor: pointer;
  font-size: 14px;
  line-height: 18px;
  margin: 4px;
  padding: 4px;
  position: absolute;
  right: -36px;
  text-align: center;
  top: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  width: 26px;
}
.comments-container .new-message-container .new-comment-button.show {
  right: 0;
}
.comments-container .new-message-container:hover textarea {
  border: 1px solid #d0d5dd;
}
.comments-container.simple {
  display: inline-block;
  width: 100%;
}
.comments-container.simple .new-message-container {
  margin: 5px;
  width: calc(100% - 10px);
}
.comments-container.simple .comment-container {
  padding: 5px;
}
.comments-container.simple .comment-container .avatar-placehodler {
  margin: 0;
}
.comments-container.simple .comment-container .content-placeholder {
  margin-left: -30px;
  padding: 0;
  width: 100%;
}
.comments-container.simple .comment-container .comment-name {
  width: auto;
  font-size: 14px;
  line-height: 15px;
  padding-left: 35px;
}
.comments-container.simple .comment-container .comment-message {
  margin-top: 5px;
}
.comments-container.simple .comment-container .comment-right {
  float: left;
  font-size: 14px;
  height: 15px;
  line-height: 15px;
  overflow-y: none;
  padding-left: 35px;
  width: 100%;
  z-index: 3;
}
.comments-container.simple .comment-container .comment-right .comment-datetime {
  font-size: 12px;
  height: inherit;
  line-height: inherit;
  width: 100%;
}
.comments-container.simple .comment-container .comment-right .comment-actions {
  background: #fff;
  height: 15px;
  left: auto;
  padding-left: 10px;
  right: -90px;
  width: 90px;
}
.comments-container.simple .comment-container .comment-right .comment-actions .view-buttons,
.comments-container.simple .comment-container .comment-right .comment-actions .edit-buttons {
  font-size: 14px;
}
.comments-container.simple .comment-container .comment-right .comment-actions .edit-button,
.comments-container.simple .comment-container .comment-right .comment-actions .save-button {
  width: 50px !important;
}
.comments-container.simple .comment-container[data-edit-mode="0"]:hover .comment-right, .comments-container.simple .comment-container[data-edit-mode="1"] .comment-right {
  width: 100%;
}
.comments-container.simple .comment-container[data-edit-mode="0"]:hover .comment-right .comment-actions, .comments-container.simple .comment-container[data-edit-mode="1"] .comment-right .comment-actions {
  right: 0;
}

.content-pane {
  --content-header-size: 4em;
  background-color: var(--sn-white);
  margin: 20px 0;
}
.content-pane.with-grey-background {
  background: var(--sn-super-light-grey);
}
.content-pane.flexible {
  margin: 0;
}
.content-pane .fixed-content-body {
  height: calc(100vh - var(--content-header-size) - var(--navbar-height));
  width: 100%;
}
.content-pane .content-header.sticky-header {
  background-color: inherit;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 250;
}
.content-pane .content-header .title-row {
  align-items: center;
  background-color: inherit;
  display: flex;
  height: 4em;
  margin-left: -1rem;
  padding: 0 1rem;
  width: calc(100% + 2rem);
}
.content-pane .content-header .title-row h1 {
  align-items: center;
  display: flex;
  flex-grow: 1;
  margin: 0;
  max-width: 100%;
}
.content-pane .content-header .title-row .name-readonly-placeholder {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content-pane .content-header .header-actions {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  margin-left: auto;
}
.content-pane .content-header .view-switch,
.content-pane .content-header .filter-container {
  display: inline-block;
}
.content-pane .content-header .view-switch {
  margin-left: auto;
}
.content-pane .content-header .view-switch .view-switch-button {
  outline: 1px solid #d0d5dd;
}
.content-pane .content-header .view-switch .caret {
  margin: 8px 0 8px 8px;
}
.content-pane .content-header .view-switch.open .caret {
  transform: rotateX(180deg);
}
.content-pane .content-header .view-switch .dropdown-menu {
  font-size: 14px;
  margin-right: 0.25em;
  min-width: calc(100% - 0.25em);
  padding: 0;
}
.content-pane .content-header .view-switch .dropdown-menu .divider-label {
  font-size: 12px;
  color: #98a2b3;
  padding: 0.25em 1em;
}
.content-pane .content-header .view-switch .dropdown-menu .divider {
  margin: 0;
}
.content-pane .content-header .view-switch .dropdown-menu li {
  cursor: pointer;
  padding: 0.5em 1em;
  white-space: nowrap;
}
.content-pane .content-header .view-switch .dropdown-menu li .button-icon {
  margin-right: 0.5em;
}
.content-pane .content-header .view-switch .dropdown-menu li:hover:not(.divider-label) {
  background: #eaecf0;
}
.content-pane .content-header .view-switch .dropdown-menu li .btn {
  height: 36px;
}
.content-pane .content-header .view-switch .dropdown-menu li a {
  display: inline-block;
  margin: -1em;
  padding: 0.5em 1em;
  width: calc(100% + 2em);
}
.content-pane .content-header .view-switch .dropdown-menu li a.selected::after {
  font-family: "SN-icon-font";
  font-size: 24px !important;
  content: "\e95f";
  margin-left: auto;
  position: absolute;
  right: 0.5rem;
  top: 0;
}
.content-pane .content-header .view-switch .cards-switch.active::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f00c";
  position: absolute;
  right: 1em;
}
.content-pane .content-header .sort-menu {
  display: inline-block;
}
.content-pane .content-header .sort-menu .dropdown-menu {
  font-size: 14px;
  min-width: 160px;
  padding: 0.5em 0;
}
.content-pane .content-header .sort-menu .dropdown-menu a {
  border-radius: unset;
  cursor: pointer;
  padding: 0.5em 1em;
  text-align: left;
}
.content-pane .content-header .sort-menu .dropdown-menu a:hover {
  background: #eaecf0;
}
.content-pane .content-header .sort-menu .dropdown-menu a.selected::after {
  font-family: "SN-icon-font";
  font-size: 24px !important;
  content: "\e95f";
  margin-left: auto;
  position: absolute;
  right: 0.5rem;
  top: 0;
}
.content-pane .content-header .sort-menu .dropdown-menu .fa-stack {
  width: 2em;
}
.content-pane .content-header .toolbar-row {
  background: #fff;
  margin-left: -1rem;
  padding: 1rem;
  width: calc(100% + 2rem);
}
.content-pane .content-header .narrow .btn:not(.prevent-shrink) {
  padding: 7px;
  width: 36px;
}
.content-pane .content-header .narrow .hidden-xs {
  display: none;
}
.content-pane .content-header .narrow .left,
.content-pane .content-header .narrow .middle,
.content-pane .content-header .narrow .right {
  display: flex;
  flex-direction: inherit;
}
.content-pane[data-toolbar-visible=false] {
  --content-header-size: 5em;
}
.content-pane[data-toolbar-visible=false] .toolbar-row {
  display: none;
}

.dataTables_wrapper {
  --datatable-pagination-row: 68px;
}
.dataTables_wrapper .main-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  padding: 1em 0;
}
.dataTables_wrapper .main-actions .toolbar {
  align-items: center;
  display: flex;
  flex-grow: 1;
  gap: 0.25rem;
}
.dataTables_wrapper .dataTables_filter .search-icon {
  display: none;
}
.dataTables_wrapper .dataTables_filter .search-icon:not(.collapsed) {
  display: initial;
}
.dataTables_wrapper .dataTables_filter .search-container:not(.expand) {
  display: none;
}
.dataTables_wrapper .dataTables_filter input {
  width: 100% !important;
}
.dataTables_wrapper .dataTables_filter .sci-input-container-v2 .sn-icon {
  margin-right: 10px !important;
}
.dataTables_wrapper .dataTables_scrollHead .dataTable {
  margin-top: 0 !important;
}
.dataTables_wrapper .dataTables_scrollHead thead .sci-checkbox-container {
  margin-left: 0.25rem;
}
.dataTables_wrapper .pagination-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  height: var(--datatable-pagination-row);
  position: relative;
  width: 100%;
  z-index: 101;
}
.dataTables_wrapper .pagination-row .actions-toolbar {
  align-items: center;
  background-color: #eaecf0;
  border-bottom: 1px solid #d0d5dd;
  display: none;
  height: 70px;
  overflow-x: auto;
  padding: 0 1em;
  position: absolute;
  top: 0;
  width: 100%;
}
.dataTables_wrapper .pagination-row .actions-toolbar .emptyPlaceholder {
  color: #475467;
  margin-left: 12px;
}
.dataTables_wrapper .pagination-row .actions-toolbar .btn {
  margin-right: 0.5em;
}
.dataTables_wrapper .pagination-row .actions-toolbar .btn:focus {
  box-shadow: 0 0 0 3px #3b99fd;
}
.dataTables_wrapper .pagination-row .actions-toolbar .btn-light:active {
  background-color: #d0d5dd !important;
}
.dataTables_wrapper .pagination-row .actions-toolbar .btn-light:hover {
  background: #fff;
}
.dataTables_wrapper .pagination-row .pagination-info,
.dataTables_wrapper .pagination-row .pagination-actions {
  flex-grow: 1;
}
.dataTables_wrapper .pagination-row .pagination-info .pagination,
.dataTables_wrapper .pagination-row .pagination-info .dataTables_paginate,
.dataTables_wrapper .pagination-row .pagination-actions .pagination,
.dataTables_wrapper .pagination-row .pagination-actions .dataTables_paginate {
  align-items: center;
  display: flex;
  height: 36px;
  justify-content: flex-end;
  margin: 0;
}
.dataTables_wrapper .pagination-row .pagination-info {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.dataTables_wrapper .pagination-row .pagination-info .dataTables_info {
  padding-top: 0;
}
@media (max-width: 1000px) {
  .dataTables_wrapper .pagination-row .pagination-info .dataTables_info {
    display: none;
  }
}
.dataTables_wrapper .pagination-row .pagination-info .dataTables_length {
  height: 2.25rem;
  margin-right: 24px;
  width: 180px;
}
.dataTables_wrapper .pagination-row .pagination-info .dataTables_length .dropdown-selector-container {
  width: inherit;
}
.dataTables_wrapper .pagination-row .pagination-info .dataTables_length label {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .dataTables_wrapper .pagination-row .pagination-info {
    display: none;
  }
}
.dataTables_wrapper tr[data-shared=true] td.item-name::before,
.dataTables_wrapper tr[data-i-shared=true] td.item-name::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f0c0";
  margin-right: 0.5em;
}
.dataTables_wrapper table > tbody > tr:first-child > td {
  border-top: 0;
}
.dataTables_wrapper.show-actions {
  --datatable-pagination-row: 139px;
}
.dataTables_wrapper.show-actions .pagination-row {
  padding-top: 71px;
}
.dataTables_wrapper.show-actions .pagination-row .actions-toolbar {
  display: flex;
}
@media (max-width: 1000px) {
  .dataTables_wrapper .pagination-row .actions-toolbar .btn .button-text {
    display: none;
  }
  .dataTables_wrapper .pagination-row .actions-toolbar .btn .fas,
  .dataTables_wrapper .pagination-row .actions-toolbar .btn img {
    margin: 0;
  }
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  align-items: center;
  display: flex;
  justify-content: end;
}

table.dataTable thead th.dt-colresizable-hover {
  cursor: col-resize;
  position: relative;
}
table.dataTable thead th.dt-colresizable-hover + th {
  cursor: col-resize;
}
table.dataTable thead th.dt-colresizable-hover::before {
  background-color: #98a2b3;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
}

table.dataTable.table--resizable-columns {
  table-layout: fixed;
}
table.dataTable.table--resizable-columns th {
  box-sizing: border-box;
  min-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
}
table.dataTable.table--resizable-columns th:first-child {
  min-width: 0;
}
table.dataTable.table--resizable-columns th.width-out-of-bounds {
  width: 140px !important;
}

div.dataTables_wrapper div.dataTables_processing {
  top: 150px !important;
}

.dp--menu-wrapper {
  font-weight: normal;
}
.dp--menu-wrapper .dp__menu, .dp--menu-wrapper.dp__menu {
  border: 0;
  box-shadow: 0px 4px 16px rgba(35, 31, 32, 0.15);
}
.dp--menu-wrapper .dp__action_buttons {
  flex: 1;
  gap: 0.5rem;
}
.dp--menu-wrapper .dp__active_date {
  background-color: var(--sn-science-blue);
}
.dp--menu-wrapper .dp__calendar_header_separator {
  display: none;
}
.dp--menu-wrapper .dp__month_year_wrap {
  font-weight: bold;
}
.dp--menu-wrapper .dp__month_year_row {
  margin-bottom: 0.5rem;
}
.dp--menu-wrapper .dp__menu_inner {
  margin: 0 1rem;
  padding: 1rem 0;
}
.dp--menu-wrapper .dp__time_picker_overlay_container {
  padding-bottom: 0.5rem;
}
.dp--menu-wrapper .dp__button_bottom {
  background-color: var(--sn-white);
  margin-bottom: 0.5rem;
}
.dp--menu-wrapper .dp--tp-wrap {
  border-top: 1px solid var(--sn-light-grey);
  padding: 0.5rem 1rem;
}
.dp--menu-wrapper .dp--tp-wrap .dp__time_display {
  margin: 0.5rem 0;
}
.dp--menu-wrapper .dp--tp-wrap .dp__button_bottom {
  margin-bottom: 0;
}
.dp--menu-wrapper .dp__action_cancel {
  color: var(--sn-blue);
}
.dp--menu-wrapper .dp__action_button {
  margin-inline-start: 0;
  white-space: nowrap;
}
.dp--menu-wrapper .dp__inner_nav {
  border-radius: 0.25rem;
}
.dp--menu-wrapper .dp__tp_inline_btn_bar {
  height: 2px;
}
.dp--menu-wrapper .dp__calendar_item {
  display: flex;
  justify-content: center;
}
.dp--menu-wrapper .dp__btn:hover .dp__tp_inline_btn_bar {
  background-color: var(--sn-science-blue);
}
.dp--menu-wrapper .dp__overlay_container {
  padding-bottom: 0.5rem;
}
.dp--menu-wrapper .dp--arrow-btn-nav {
  display: flex;
  height: 40px;
  padding: 0;
  width: 40px;
}
.dp--menu-wrapper .dp--arrow-btn-nav .dp__inner_nav {
  height: 40px;
  padding: 0;
  width: 40px;
}

.dp__input_wrap .dp__input_icon {
  display: flex;
  height: 1.5rem;
  left: 0.5rem;
}
.dp__input_wrap .dp__input_icon img {
  width: 1rem;
}
.dp__input_wrap .dp__input {
  line-height: unset;
}
.dp__input_wrap .dp__input::placeholder {
  color: var(--sn-grey);
}

.dp__main.only-time .dp--tp-wrap {
  border-top: none;
}
.dp__main.only-time .dp__overlay_container {
  padding-bottom: 0;
}

.date-time-picker.size-mb .dp__input {
  height: 44px;
}
.date-time-picker.size-sm .dp__input {
  height: 40px;
}
.date-time-picker.size-xs .dp__input {
  height: 36px;
}
.date-time-picker.borderless-input .dp__input {
  background-color: transparent;
  border-color: transparent;
}
.date-time-picker.error .dp__input {
  border-color: var(--sn-delete-red);
}

.dp__theme_light {
  --dp-background-color: var(--sn-white);
  --dp-text-color: var(--sn-black);
  --dp-hover-color: var(--sn-super-light-grey);
  --dp-hover-text-color: #212121;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: var(--sn-blue);
  --dp-primary-disabled-color: var(--sn-super-light-blue);
  --dp-primary-text-color: var(--sn-white);
  --dp-secondary-color: var(--sn-grey);
  --dp-border-color: var(--sn-light-grey);
  --dp-menu-border-color: var(--sn-light-grey);
  --dp-border-color-hover: var(--sn-sleepy-grey);
  --dp-disabled-color: var(--sn-super-light-grey);
  --dp-scroll-bar-background: var(--sn-white);
  --dp-scroll-bar-color: var(--sn-grey);
  --dp-success-color: var(--sn-blue);
  --dp-success-color-disabled: var(--sn-super-light-blue);
  --dp-icon-color: var(--sn-black);
  --dp-danger-color: var(--sn-delete-red);
  --dp-marker-color: var(--sn-delete-red-disabled);
  --dp-tooltip-color: var(--sn-super-light-grey);
  --dp-disabled-color-text: var(--sn-grey);
  --dp-highlight-color: var(--sn-super-light-grey);
  --dp-range-between-dates-background-color: var(--dp-hover-color, var(--sn-super-light-grey));
  --dp-range-between-dates-text-color: var(--dp-hover-text-color, var(--sn-black));
  --dp-range-between-border-color: var(--dp-hover-color, var(--sn-super-light-grey));
}

.dp__input_focus {
  border-color: var(--sn-science-blue) !important;
}
.dp__input_focus:hover {
  border-color: var(--sn-science-blue);
}

:root {
  /*General*/
  --dp-font-family: inherit; /*Font family*/
  --dp-border-radius: .25rem; /*Configurable border-radius*/
  --dp-cell-border-radius: .25rem; /*Specific border radius for the calendar cell*/
  --dp-common-transition: all 0.1s ease-in; /*Generic transition applied on buttons and calendar cells*/
  /*Sizing*/
  --dp-button-height: 2.5rem; /*Size for buttons in overlays*/
  --dp-month-year-row-height: 2.5rem; /*Height of the month-year select row*/
  --dp-month-year-row-button-size: 2.5rem; /*Specific height for the next/previous buttons*/
  --dp-button-icon-height: 1.5rem; /*Icon sizing in buttons*/
  --dp-cell-size: 1.875rem; /*Width and height of calendar cell*/
  --dp-cell-padding: 0rem; /*Padding in the cell*/
  --dp-common-padding: 1rem; /*Common padding used*/
  --dp-input-padding: .3em 2rem .3rem 1rem; /*Padding in the input*/
  --dp-menu-min-width: 276px; /*Adjust the min width of the menu*/
  --dp-action-row-padding: 0 1rem 1rem; /*Adjust padding for the action row*/
  --dp-action-buttons-padding: 0 .625rem; /*Adjust padding for the action buttons in action row*/
  --dp-action-button-height: 1.875rem; /*Adjust height for the action buttons in action row*/
  --dp-row-margin: 2px 0; /*Adjust the spacing between rows in the calendar*/
  --dp-calendar-header-cell-padding: .5rem; /*Adjust padding in calendar header cells*/
  --dp-two-calendars-spacing: .75rem; /*Space between multiple calendars*/
  --dp-overlay-col-padding: .25rem; /*Padding in the overlay column*/
  --dp-time-inc-dec-button-size: 1.5rem; /*Sizing for arrow buttons in the time picker*/
  --dp-menu-padding: 1rem; /*Menu padding*/
  --dp-input-icon-padding: 2.25rem; /*Padding on the left side of the input if icon is present*/
  /*Font sizes*/
  --dp-font-size: .875rem; /*Default font-size*/
  --dp-preview-font-size: .75rem; /*Font size of the date preview in the action row*/
  --dp-time-font-size: 1.875rem; /*Font size in the time picker*/
  /*Transitions*/
  --dp-animation-duration: 0.1s; /*Transition duration*/
  --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1); /*Timing on menu appear animation*/
  --dp-transition-timing: ease-out; /*Timing on slide animations*/
}

.bootstrap-datetimepicker-widget .glyphicon-calendar {
  margin: 0;
}
.bootstrap-datetimepicker-widget .datepicker tbody .day {
  font-size: 13px;
}
.bootstrap-datetimepicker-widget .datepicker thead th {
  padding: 5px 5px !important;
}
.bootstrap-datetimepicker-widget .timepicker-picker {
  padding: 0 60px;
}
.bootstrap-datetimepicker-widget .timepicker-picker td {
  height: initial;
  line-height: initial;
}
.bootstrap-datetimepicker-widget .timepicker-picker td a {
  padding: 0;
}
.bootstrap-datetimepicker-widget .timepicker-picker td .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-picker td .timepicker-minute {
  height: initial;
  line-height: initial;
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget .timepicker-picker .glyphicon-chevron-up,
.bootstrap-datetimepicker-widget .timepicker-picker .glyphicon-chevron-down {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  line-height: 1;
}
.bootstrap-datetimepicker-widget .timepicker-picker .separator {
  width: 10px;
}

.dropdown-submenu {
  background: #fff;
  box-shadow: 0px 1px 4px rgba(35, 31, 32, 0.15);
  display: none;
  left: 100%;
  list-style: none;
  min-width: 230px;
  padding-left: 0;
  position: absolute;
  top: 0;
}

.dropdown-menu li {
  position: relative;
}
.dropdown-menu li .caret {
  position: absolute;
  right: 1em;
  top: 1.1em;
  transform: rotate(90deg);
}
.dropdown-menu li:hover .dropdown-submenu, .dropdown-menu li.active .dropdown-submenu {
  display: block;
}
.dropdown-menu li .caret {
  transform: rotate(-90deg);
}

.dropup .dropdown-menu .caret {
  transform: rotate(90deg);
}
.dropup .dropdown-menu .sn-icon-down {
  transform: rotateX(90deg);
}

.select-container--with-search .dropdown-selector-container.active .right-icon.sn-icon-search, .select-container--with-search .dropdown-selector-container.open .right-icon.sn-icon-search {
  display: block;
}
.select-container--with-search .dropdown-selector-container.active .right-icon.sn-icon-down, .select-container--with-search .dropdown-selector-container.open .right-icon.sn-icon-down {
  display: none;
}

.dropdown-selector-container {
  display: inline-block;
  position: relative;
  width: 100%;
}
.dropdown-selector-container .input-field {
  align-items: center;
  background: #fff;
  border: 1px solid var(--sn-light-grey);
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  min-height: 36px;
  overflow: hidden;
  padding: 3px 42px 3px 3px;
  position: relative;
  transition: 0.2s;
  width: 100%;
}
.dropdown-selector-container .input-field .right-icon {
  color: #475467;
  cursor: pointer;
  position: absolute;
  right: 4px;
  text-align: center;
  top: 6px;
}
.dropdown-selector-container .input-field .right-icon.sn-icon-search.simple-dropdown {
  color: #3b99fd;
  display: none;
}
.dropdown-selector-container .input-field .search-field {
  font-size: 14px;
  border: 0;
  flex-basis: 0;
  flex-grow: 2000;
  line-height: 28px;
  min-width: 0;
  outline: 0;
  padding: 0 0 0 10px;
}
.dropdown-selector-container .input-field .search-field::placeholder {
  opacity: 0.7;
}
.dropdown-selector-container .input-field .ds-simple {
  font-size: 14px;
  line-height: 28px;
  overflow: hidden;
  padding-left: 5px;
  position: relative;
  text-overflow: ellipsis;
  transition: 0.3s;
  white-space: nowrap;
  z-index: 2;
}
.dropdown-selector-container .input-field .ds-tags {
  font-size: 12px;
  align-items: center;
  background: #eaecf0;
  border-radius: 2px;
  display: flex;
  flex-shrink: 0;
  margin: 2px 3px;
  max-height: 24px;
  max-width: calc(100% - 11px);
  overflow: hidden;
  padding: 5px 8px;
  transition: 0.3s;
  user-select: none;
}
.dropdown-selector-container .input-field .ds-tags.closing {
  margin: 2px 0;
  max-width: 0;
  padding: 5px 0;
}
.dropdown-selector-container .input-field .ds-tags .tag-label {
  align-items: center;
  display: flex;
  margin-right: 5px;
  max-width: 240px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}
.dropdown-selector-container .input-field .ds-tags .tag-label[data-ds-tag-id=""] {
  opacity: 0.7;
}
.dropdown-selector-container .input-field .ds-tags .tag-label .item-avatar {
  height: 16px;
  margin-right: 8px;
  width: 16px;
}
.dropdown-selector-container .input-field .ds-tags .fas {
  cursor: pointer;
  flex-grow: 1;
  font-size: 12px;
  opacity: 0.7;
  text-align: right;
}
.dropdown-selector-container .dropdown-container {
  font-size: 14px;
  background: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 0 0 4px 4px;
  bottom: calc(100% - 30px);
  box-shadow: 0px 1px 4px rgba(35, 31, 32, 0.15);
  display: none;
  overflow-y: auto;
  position: fixed;
  transition: 0.2s;
  transition-property: top, bottom, box-shadow;
  width: 100%;
  z-index: 999;
}
.dropdown-selector-container .dropdown-container .empty-dropdown {
  opacity: 0.6;
  padding: 7px;
  text-align: center;
}
.dropdown-selector-container .dropdown-container .dropdown-hint {
  opacity: 0.6;
  padding: 7px;
  text-align: left;
}
.dropdown-selector-container .dropdown-container .delimiter {
  background: #eaecf0;
  height: 1px;
  margin: 5px 0;
}
.dropdown-selector-container .dropdown-container .dropdown-select-all {
  background: #fff;
  border: 0;
  border-bottom: 1px solid #d0d5dd;
  border-radius: 0;
  cursor: pointer;
  font-weight: bold;
  line-height: 20px;
  padding: 5px;
  position: sticky;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 5;
}
.dropdown-selector-container .dropdown-container .dropdown-select-all:hover {
  background: #eaecf0;
}
.dropdown-selector-container .dropdown-container .dropdown-blank {
  border-radius: 0;
  padding-left: 7px;
  text-align: left;
  width: 100%;
}
.dropdown-selector-container .dropdown-container .dropdown-blank:hover {
  background: #104da9;
  color: #fff;
}
.dropdown-selector-container .dropdown-container .dropdown-option {
  align-items: center;
  cursor: pointer;
  display: flex;
  min-height: 32px;
  padding: 3px 10px;
  position: relative;
  user-select: none;
}
.dropdown-selector-container .dropdown-container .dropdown-option.highlight, .dropdown-selector-container .dropdown-container .dropdown-option:hover {
  background: #eaecf0;
}
.dropdown-selector-container .dropdown-container .dropdown-option[data-value=""] {
  opacity: 0.7;
}
.dropdown-selector-container .dropdown-container .dropdown-option.select {
  background: #104da9;
  color: #fff;
  opacity: 1;
}
.dropdown-selector-container .dropdown-container .checkbox-icon::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
  background: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 1px;
  color: #fff;
  content: "";
  flex-shrink: 0;
  font-size: calc(var(--sci-checkbox-size) - var(--sci-checkbox-size) * 0.375);
  height: var(--sci-checkbox-size);
  line-height: calc(var(--sci-checkbox-size) - 2px);
  margin-right: 8px;
  text-align: center;
  transition: 0.2s;
  width: var(--sci-checkbox-size);
}
.dropdown-selector-container .dropdown-container .checkbox-icon.select {
  background: #fff;
  color: inherit;
}
.dropdown-selector-container .dropdown-container .checkbox-icon.select:hover {
  background: #eaecf0;
}
.dropdown-selector-container .dropdown-container .checkbox-icon.select::before {
  background: #104da9;
  border: 1px solid #104da9;
  content: "\f00c";
}
.dropdown-selector-container .dropdown-container .dropdown-group .group-name {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: bold;
  min-height: 32px;
  padding: 0 10px;
  user-select: none;
}
.dropdown-selector-container .dropdown-container .dropdown-group .group-name:hover {
  background: #f0f8ff;
}
.dropdown-selector-container .dropdown-container .dropdown-group .dropdown-option {
  padding-left: 20px;
}
.dropdown-selector-container .dropdown-container .dropdown-group.select .group-name.checkbox-icon {
  background: #eaecf0;
}
.dropdown-selector-container .dropdown-container .dropdown-group.select .group-name.checkbox-icon:hover {
  background: #f0f8ff;
}
.dropdown-selector-container .dropdown-container .dropdown-group.select .group-name.checkbox-icon::before {
  content: "\f14a";
}
.dropdown-selector-container.inverse .dropdown-container {
  bottom: calc(100% - 30px);
  margin-bottom: 0;
  top: auto;
}
.dropdown-selector-container.simple-mode .input-field {
  display: block;
}
.dropdown-selector-container.simple-mode .input-field .search-field {
  background: transparent;
  display: none;
}
.dropdown-selector-container.simple-mode .input-field .search-field[data-options-selected="0"] {
  display: block;
  width: 100%;
}
.dropdown-selector-container.simple-mode .input-field .ds-simple .tag-label {
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown-selector-container.simple-mode .input-field .ds-simple .tag-label[data-ds-tag-id=""] {
  opacity: 0.7;
}
.dropdown-selector-container.simple-mode .input-field .ds-simple .tag-label img {
  display: inline;
}
.dropdown-selector-container.simple-mode .input-field .ds-simple .sn-icon-close-small {
  display: none;
}
.dropdown-selector-container.open .input-field {
  border-radius: 4px 4px 0 0;
  z-index: 12;
}
.dropdown-selector-container.open .input-field .search-field {
  min-width: 50px;
}
.dropdown-selector-container.open .input-field .sn-icon-down {
  transform: rotate(180deg);
}
.dropdown-selector-container.open .dropdown-container {
  border-top: 0;
  bottom: auto;
  box-shadow: 0px 1px 4px rgba(35, 31, 32, 0.15);
  display: block;
  top: 100%;
}
.dropdown-selector-container.open.inverse .input-field {
  border-bottom: 1px solid #d0d5dd;
  border-radius: 0 0 4px 4px;
}
.dropdown-selector-container.open.inverse .dropdown-container {
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  bottom: 100%;
  box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.18);
  position: fixed;
  top: auto;
}
.dropdown-selector-container.open.simple-mode:not(.disable-search) .input-field {
  background: #eaecf0;
  border-color: #3b99fd;
}
.dropdown-selector-container.open.simple-mode:not(.disable-search) .search-field {
  display: block;
  width: 100%;
}
.dropdown-selector-container.open.simple-mode:not(.disable-search) .ds-simple {
  display: none;
}
.dropdown-selector-container.open.simple-mode:not(.disable-search) .right-icon.sn-icon-search {
  display: block;
}
.dropdown-selector-container.open.simple-mode:not(.disable-search) .right-icon.sn-icon-down {
  display: none;
}
.dropdown-selector-container.disable-search .search-field {
  display: none;
}
.dropdown-selector-container.disabled .input-field {
  background: #eaecf0;
}
.dropdown-selector-container.disabled .input-field .search-field:disabled {
  background: inherit;
  user-select: none;
}
.dropdown-selector-container.view-mode .input-field {
  background: #fff;
}
.dropdown-selector-container.view-mode .input-field .ds-tags .sn-icon-close-small {
  display: none;
}
.dropdown-selector-container.success .input-field {
  border-color: #5ec66f !important;
}
.dropdown-selector-container.error .input-field {
  border-color: #ce0c24 !important;
}
.dropdown-selector-container.error::after {
  font-size: 12px;
  bottom: -16px;
  color: #ce0c24;
  content: attr(data-error-text);
  left: 0;
  line-height: 15px;
  position: absolute;
  white-space: nowrap;
  width: 100%;
}
.dropdown-selector-container.warning .input-field {
  border-color: #f0ad4e;
}

#filePreviewModal {
  background: transparent;
  font-size: 16px;
  padding: 0;
  z-index: 1060;
}
#filePreviewModal .modal-dialog {
  background: inherit;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}
#filePreviewModal .modal-content {
  background: inherit;
  border: 0;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-height: 100%;
  padding: 0;
}
#filePreviewModal .file-preview-container {
  align-items: center;
  background-color: var(--sn-color-white);
  display: flex;
  height: calc(100% - 4rem);
  justify-content: center;
  margin: 2rem;
  text-align: center;
  width: calc(100% - 4rem);
}
#filePreviewModal .file-preview-container.file-preview-container__wopi {
  height: 100%;
  margin: 0;
  width: 100%;
}
#filePreviewModal .file-preview-container .asset-image {
  background-color: var(--sn-white);
}
#filePreviewModal .file-preview-container .gene-sequence-asset {
  height: 500px;
  width: 500px;
}
#filePreviewModal .file-preview-container.processing {
  background-image: url(/images/medium/loading_white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 64px;
}
#filePreviewModal .file-preview-container .wopi-file-preview {
  height: 100%;
  width: 100%;
}
#filePreviewModal img {
  background: url(asset-path("custom/checkerboard-pattern.png"));
  height: auto;
  max-width: 100%;
}
@media (max-height: 520px) {
  #filePreviewModal img {
    height: 80%;
    max-width: 100%;
  }
}
#filePreviewModal .modal-header {
  align-items: center;
  background: #fff;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  height: 4em;
  padding: 0 1em;
}
#filePreviewModal .modal-header .file-name {
  font-weight: bold;
  margin-right: auto;
}
#filePreviewModal .modal-header .asset-context-menu {
  float: left;
}
#filePreviewModal .modal-body {
  align-items: center;
  background: transparent;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
#filePreviewModal .modal-footer {
  background: #fff;
  height: 4em;
  flex-shrink: 0;
  padding: 0 1em;
}
#filePreviewModal .modal-footer .gallery {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  height: 100%;
  padding: 0 1em;
  width: 100%;
}
#filePreviewModal .modal-footer .gallery img {
  max-height: 2em;
  max-width: 2em;
}
#filePreviewModal .modal-footer .gallery .file-counter {
  font-weight: bold;
  grid-column-start: 2;
  margin: 0 auto;
}
#filePreviewModal .modal-footer .gallery .gallery-switcher,
#filePreviewModal .modal-footer .gallery .shareable-gallery-switcher {
  align-items: center;
  color: #1d2939;
  display: flex;
}
#filePreviewModal .modal-footer .gallery .gallery-switcher:hover,
#filePreviewModal .modal-footer .gallery .shareable-gallery-switcher:hover {
  text-decoration: none;
}
#filePreviewModal .modal-footer .gallery .gallery-switcher .file-name,
#filePreviewModal .modal-footer .gallery .shareable-gallery-switcher .file-name {
  display: inline-block;
  max-width: 16em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#filePreviewModal .modal-footer .gallery .gallery-switcher .fa-angle-right,
#filePreviewModal .modal-footer .gallery .gallery-switcher .fa-angle-left,
#filePreviewModal .modal-footer .gallery .shareable-gallery-switcher .fa-angle-right,
#filePreviewModal .modal-footer .gallery .shareable-gallery-switcher .fa-angle-left {
  margin: 0 0.5em;
}
#filePreviewModal .modal-footer .gallery .gallery-switcher.previous-asset,
#filePreviewModal .modal-footer .gallery .shareable-gallery-switcher.previous-asset {
  grid-column-start: 1;
  margin-right: auto;
}
#filePreviewModal .modal-footer .gallery .gallery-switcher.next-asset,
#filePreviewModal .modal-footer .gallery .shareable-gallery-switcher.next-asset {
  grid-column-start: 3;
  margin-left: auto;
}
#filePreviewModal .btn-light:not(.file-download-link) .fas {
  margin-right: 0;
}

.modal-backdrop.in {
  opacity: 0.4;
}

.filter-container {
  position: initial;
}
.filter-container .sci-flyout .text-search-filter.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.filter-container .sci-flyout .item-avatar {
  border-radius: 50%;
}
.filter-container .sci-flyout .dropdown-option.users-dropdown-list {
  padding: 8px 10px;
}
.filter-container .sci-flyout .dropdown-option.users-dropdown-list .item-avatar {
  height: 32px;
  margin: 0 16px 0 0;
  width: 32px;
}
.filter-container .sci-flyout .recent-searches {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: auto;
  margin-top: -1px;
  top: auto;
  width: calc(100% - 2em);
}
.filter-container .sci-flyout .recent-searches label {
  font-size: 12px;
  color: #98a2b3;
  font-weight: bold;
  margin-bottom: 0.3em;
  padding: 0 1.5em;
  user-select: none;
}
.filter-container .sci-flyout .recent-searches .projects-search-keyword {
  font-size: 14px;
  padding: 0.5em 1.25em;
}
.filter-container .sci-flyout .recent-searches .projects-search-keyword .keyword-text {
  margin-left: 0.25em;
}
.filter-container.filters-applied .filter-button::after {
  background: #ce0c24;
  border: 1px solid #fff;
  border-radius: 50%;
  content: "";
  height: 0.5em;
  position: absolute;
  right: 0;
  top: 0;
  width: 0.5em;
  right: 0.35em;
  top: 0.3em;
}
.filter-container .connect-line {
  background: var(--sn-super-light-grey);
  height: 10px;
  margin: 5px auto;
  width: 2px;
}
@media (min-width: 768px) {
  .filter-container .filter-dropdown {
    width: 460px;
  }
  .filter-container .footer:not(.center) :last-child {
    margin-left: auto;
  }
  .filter-container .connect-line {
    display: inline-block;
    margin: 0 11px;
    position: relative;
    top: 2px;
    transform: rotate(90deg);
  }
}

.field_with_errors .help-block,
.sci-input-container .help-block {
  color: #ce0c24;
  font-size: 12px;
}

.form-group.has-error {
  margin-bottom: 0;
}
.form-group.has-error .form-control {
  height: auto;
}

.fas-custom {
  background-repeat: no-repeat;
  background-size: 18px;
  display: inline-block;
  fill: #98a2b3;
  height: 18px;
  position: relative;
  top: 5px;
  width: 18px;
}
.fas-custom path {
  cursor: auto;
  fill: inherit;
}

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

.modal-file-edit {
  background: transparent;
  font-size: 16px;
  padding: 0 !important;
}
.modal-file-edit .modal-dialog {
  height: 100%;
  margin: 0;
  width: auto;
}
.modal-file-edit .modal-content {
  border: 0;
  height: 100%;
  padding: 0;
}
.modal-file-edit .modal-header {
  align-items: center;
  background: #fff;
  display: flex;
  flex-direction: row;
  height: 4em;
  padding: 0 1em;
}
.modal-file-edit .modal-header .file-name {
  font-weight: bold;
  margin-right: auto;
}
.modal-file-edit .modal-body {
  height: calc(100% - 4em);
  padding: 0;
}

.sci-cursor-edit {
  cursor: text;
}

.inline-edit-placeholder:empty::before {
  content: attr(placeholder);
  display: block;
}

.folders-tree-container {
  --row-height: 36px;
  background-color: #eaecf0;
  border-radius: 4px;
  height: 250px;
  overflow: auto;
  padding: 0.5em;
}
.folders-tree-container .jstree-wholerow {
  border-radius: 4px;
  height: var(--row-height);
}
.folders-tree-container .jstree-wholerow-hovered {
  background: #d0d5dd;
}
.folders-tree-container .jstree-wholerow-clicked {
  background: #fff;
}
.folders-tree-container .jstree-search {
  color: unset;
  font-style: unset;
  font-weight: unset;
}
.folders-tree-container .jstree-leaf {
  height: var(--row-height);
}
.folders-tree-container .jstree-leaf .jstree-clicked {
  height: var(--row-height);
}
.folders-tree-container .jstree-leaf .jstree-hovered {
  height: var(--row-height);
}
.folders-tree-container .jstree-closed {
  line-height: var(--row-height);
}
.folders-tree-container .jstree-open {
  line-height: var(--row-height);
}
.folders-tree-container .jstree-icon.root-folder {
  background-image: none !important;
  color: #475467;
}
.folders-tree-container .jstree-icon.icon-folder {
  background-image: none !important;
  color: #7094cb;
}
.folders-tree-container .jstree-default-large .jstree-icon {
  background-image: url(/assets/32px-a4f1df0a3b31bdc5d810cc1a3d59c765d0b84980c0852251eda74df0609f1b00.png);
}
.folders-tree-container .jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
  background: url(/assets/throbber-bef228d99c06c117613e5c74f6972e4f2f980861b4063d5bab5adc1b3b966a3b.gif) center no-repeat;
}
.folders-tree-container li.jstree-node i.jstree-ocl,
.folders-tree-container li.jstree-node a.jstree-anchor {
  margin-top: 2px;
}
.folders-tree-container .jstree-default-responsive .jstree-icon {
  background-image: url(/assets/40px-8026e0dfe7e94cd3e97d1311f7e1823ec4f577f7e6424d252c82ed22443a4270.png);
}

.kaminari-pagination {
  align-items: center;
  display: flex;
  justify-content: center;
}
.kaminari-pagination .page a,
.kaminari-pagination .page.current,
.kaminari-pagination .page.gap {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  color: inherit;
  display: inline-flex;
  height: 3em;
  justify-content: center;
  margin: 0 0.25em;
  outline: 0;
  text-decoration: none;
  width: 3em;
}
.kaminari-pagination .page a.current,
.kaminari-pagination .page.current.current,
.kaminari-pagination .page.gap.current {
  border: 1px solid #104da9;
}
.kaminari-pagination .prev a::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f104";
}
.kaminari-pagination .first a::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f100";
}
.kaminari-pagination .next a::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f105";
}
.kaminari-pagination .last a::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f101";
}
.kaminari-pagination .first a,
.kaminari-pagination .prev a,
.kaminari-pagination .next a,
.kaminari-pagination .last a {
  color: inherit;
  line-height: 3em;
  margin: 0 0.25em;
  padding: 0.5em;
  text-decoration: none;
}
.kaminari-pagination .first a:before, .kaminari-pagination .first a:after,
.kaminari-pagination .prev a:before,
.kaminari-pagination .prev a:after,
.kaminari-pagination .next a:before,
.kaminari-pagination .next a:after,
.kaminari-pagination .last a:before,
.kaminari-pagination .last a:after {
  margin: 0 0.25em;
}

@media (max-height: 650px) {
  .menu-bar .nav-bottom {
    bottom: unset !important;
    position: relative !important;
  }
}
.my-modules-list-partial {
  width: 100%;
}
.my-modules-list-partial .task-group:not(:first-child) {
  border-top: 1px solid #eaecf0;
}
.my-modules-list-partial .header {
  font-size: 12px;
  align-items: center;
  color: #98a2b3;
  display: flex;
  height: 20px;
  margin-top: 5px;
  width: 100%;
}
.my-modules-list-partial .header .project,
.my-modules-list-partial .header .experiment {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-modules-list-partial .header .slash {
  flex-basis: 20px;
  text-align: center;
}
.my-modules-list-partial .tasks {
  font-size: 14px;
  margin-bottom: 5px;
}
.my-modules-list-partial .tasks .task {
  align-items: center;
  display: flex;
  line-height: 25px;
}
.my-modules-list-partial .tasks .task .task-icon {
  flex-shrink: 0;
  margin-right: 9px;
}
.my-modules-list-partial .tasks .task .task-icon path {
  fill: #104da9;
}
.my-modules-list-partial .tasks .task .task-link {
  color: #104da9;
  cursor: pointer;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-modules-list-partial .private-tasks-counter {
  font-size: 14px;
  border-top: 1px solid #eaecf0;
  color: #98a2b3;
  padding-top: 0.5em;
}
.my-modules-list-partial .no-results-placeholder {
  color: #98a2b3;
  padding: 2em 0 4em;
  text-align: center;
}
.my-modules-list-partial .no-results-placeholder .fa-stack {
  font-size: 24px;
  font-weight: bold;
}
.my-modules-list-partial .no-results-placeholder .fa-stack .fas {
  line-height: inherit;
  width: 100%;
}
.my-modules-list-partial .no-results-placeholder .title {
  margin: 0.5em 0 0;
}
.my-modules-list-partial .archived {
  font-size: 12px;
  background: #f0ad4e;
  border-radius: 2px;
  color: #fff;
  line-height: 14px;
  margin-right: 3px;
  padding: 2px 3px;
  white-space: nowrap;
}

.pdf-viewer {
  display: flex;
  flex-direction: column;
  height: calc(100% + 4rem);
  margin: -2rem;
  position: relative;
  width: calc(100% + 4rem);
}
.pdf-viewer .page-container {
  display: flex;
  flex-grow: 1;
  overflow: auto;
  padding: 1em;
  position: relative;
  width: 100%;
}
.pdf-viewer .page-container .layers-container {
  margin: 0 auto;
  position: relative;
}
.pdf-viewer .pdf-toolbar {
  align-items: center;
  background: #eaecf0;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0.5em;
  width: 100%;
}
.pdf-viewer .pdf-toolbar .page-counter {
  padding: 0 0.25em;
  width: auto;
}
.pdf-viewer .pdf-toolbar .current-page {
  margin-right: 0.25em;
  max-width: 3em;
}
.pdf-viewer .pdf-toolbar .total-page {
  margin-left: 0.25em;
}
.pdf-viewer .pdf-toolbar .divider {
  background: #d0d5dd;
  height: 2em;
  margin: 0 1em;
  width: 2px;
}
.pdf-viewer .pdf-toolbar .zoom-page {
  margin-right: 0.5em;
  width: 10em;
}
.pdf-viewer .pdf-toolbar .btn:disabled {
  background: #eaecf0;
}
.pdf-viewer .blocked-screen {
  align-items: center;
  color: #fff;
  display: none;
  height: 100%;
  justify-content: center;
  position: absolute;
  width: 100%;
}
.pdf-viewer .blocked-screen .title {
  font-size: 24px;
  font-weight: bold;
}
.pdf-viewer .blocked-screen .description {
  font-size: 16px;
  margin-bottom: 2em;
}
.pdf-viewer .blocked-screen .image {
  background: unset;
  margin-bottom: 2em;
}
.pdf-viewer.blocked .pdf-toolbar {
  display: none;
}
.pdf-viewer.blocked .blocked-screen {
  display: flex;
  flex-direction: column;
}

.sn-select {
  align-items: center;
  border: 1px solid #d0d5dd;
  border-color: var(--sn-light-grey);
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  padding: 0.5rem 0.625rem 0.5rem 1rem;
  position: relative;
}
.sn-select.sn-select--blank .sn-select__value {
  color: var(--sn-grey);
}
.sn-select.sn-select--search.sn-select--open .sn-select__value {
  display: none;
}
.sn-select.sn-select--search:not(.sn-select--open) {
  line-height: normal;
}
.sn-select .sn-select__value {
  all: unset;
  display: inline-block;
  flex-grow: 1;
  line-height: 1.625rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sn-select.disabled {
  background: var(--sn-light-grey);
  pointer-events: none;
}
.sn-select.disabled .caret {
  border-top-color: var(--sn-grey);
}
.sn-select.error {
  border-color: var(--sn-delete-red);
}
.sn-select .sn-select__options {
  display: none;
}
.sn-select .sn-select__search-input {
  background: transparent;
  border: 0;
  display: none;
  height: 26px;
  outline: 0;
  padding: 0;
  width: calc(100% - 1.5em);
}
.sn-select.sn-select--open {
  background: #fff;
  border-color: var(--sn-science-blue);
}
.sn-select.sn-select--open .sn-select__search-input {
  display: block;
}
.sn-select.sn-select--open .sn-select__options {
  background: var(--sn-white);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 0px 1px 4px rgba(35, 31, 32, 0.15);
  display: block;
  left: 0;
  max-height: 300px;
  overflow: hidden;
  width: 100%;
  z-index: 9999;
}
.sn-select.sn-select--open .sn-select__option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.sn-select.sn-select--open .select__option-placeholder {
  color: var(--sn-grey);
}
.sn-select.sn-select--open .sn-select__no-options {
  color: var(--sn-grey);
  padding: 0.5em;
}
.sn-select.sn-select--open .sn-select__option:hover {
  background: var(--sn-super-light-grey);
}

.atwho-view {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 4px 16px rgba(35, 31, 32, 0.15);
  display: none;
  left: 0;
  margin-top: 18px;
  max-width: 700px;
  min-width: 600px;
  overflow: auto;
  position: absolute;
  top: 0;
  z-index: 11110 !important;
}
.atwho-view .atwho-header-res .nav-tabs {
  align-items: center;
  margin-bottom: 0;
}
.atwho-view .atwho-header-res .rep-tab.active:not(:empty) {
  border-bottom: 1px solid #d0d5dd;
  display: flex;
  padding: 0.25em;
}
.atwho-view .atwho-header-res .dismiss {
  font-size: 14px;
  color: #98a2b3;
  cursor: pointer;
  margin-left: auto;
  padding: 0.5em 0.75em;
}
.atwho-view .atwho-header-res .repository-object {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.atwho-view .atwho-view-ul {
  margin: 0;
  padding: 0;
}
.atwho-view .atwho-no-results {
  color: #98a2b3;
  padding: 1.5em 4em;
  text-align: center;
}
.atwho-view .atwho-no-results .description {
  font-size: 16px;
  padding: 0 4em 2.5em;
}
.atwho-view .atwho-header {
  font-size: 12px;
  border-bottom: 1px solid #d0d5dd;
  color: #98a2b3;
  padding: 0.5em;
}
.atwho-view .atwho-header .dismiss {
  font-size: 14px;
  cursor: pointer;
  float: right;
  padding: 0 0.25em;
  position: relative;
}
.atwho-view .atwho-footer {
  font-size: 12px;
  border-top: 1px solid #d0d5dd;
  color: #98a2b3;
  padding: 0.5em;
  white-space: pre;
}
.atwho-view .atwho-scroll-container {
  max-height: 200px;
  overflow-y: auto;
  padding: 0.5em;
  position: relative;
}
.atwho-view .atwho-scroll-container .atwho-breadcrumbs {
  font-size: 12px;
  color: #98a2b3;
  display: flex;
}
.atwho-view .atwho-scroll-container .atwho-breadcrumbs .atwho-breadcrumb {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.atwho-view .atwho-scroll-container .atwho-breadcrumbs .slash {
  margin: 0 0.5em;
}
.atwho-view .atwho-scroll-container .dot {
  margin: 0 5px;
}
.atwho-view .atwho-scroll-container .item {
  cursor: pointer;
  line-height: 2.25em;
  overflow: hidden;
  padding: 0 0.5em;
  position: relative;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
}
.atwho-view .atwho-scroll-container .item .atwho-button-container {
  background: linear-gradient(90deg, transparent, #eaecf0 15%, #eaecf0 100%);
  display: inline;
  opacity: 0;
  padding-left: 2em;
  position: absolute;
  right: 0;
}
.atwho-view .atwho-scroll-container .item .atwho-button-container .atwho-assign-button-form {
  display: inline;
}
.atwho-view .atwho-scroll-container .item .atwho-button-container .atwho-insert-button,
.atwho-view .atwho-scroll-container .item .atwho-button-container .atwho-assign-button {
  background: #eaecf0;
  color: #104da9;
  height: 2.25em;
  margin-right: 0.5em;
  padding: 0 0.5em;
  text-align: center;
  width: auto;
}
.atwho-view .atwho-scroll-container .item.cur {
  background: #eaecf0;
  color: #104da9;
}
.atwho-view .atwho-scroll-container .item.cur .atwho-button-container {
  opacity: 1;
}
.atwho-view .atwho-scroll-container .item .atwho-highlight {
  background: #fbebd3;
}
.atwho-view .atwho-user {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding: 0.5em 0;
}
.atwho-view .atwho-user.cur {
  background: #eaecf0;
}
.atwho-view .atwho-user .atwho-highlight {
  background: #fbebd3;
}
.atwho-view .atwho-user:not:first-child {
  border-top: 1px solid #d0d5dd;
}
.atwho-view .atwho-user .avatar {
  display: inline-block;
  height: 30px;
  width: 30px;
  margin-left: 0.5rem;
  border-radius: 50%;
}
.atwho-view .atwho-user .user-info {
  display: inline-block;
  margin-left: 0.5em;
}
.atwho-view .atwho-user .user-email {
  font-size: 12px;
  color: #98a2b3;
  line-height: 1em;
}
.atwho-view .more-results {
  color: #98a2b3;
  padding: 0.5em 0;
}

.sa-type {
  padding-left: 2px;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: super;
  font-size: 0.625rem;
  font-weight: 600;
}
.sa-type:hover {
  text-decoration: none;
}

.atwho-user-container {
  display: inline-block;
  white-space: nowrap;
}
.atwho-user-container .atwho-user-popover {
  cursor: pointer;
  line-height: 1.25rem;
}
.atwho-user-container .atwho-user-popover:focus {
  outline: none;
}

.atwho-inserted,
.atwho-user-popover,
.sa-link {
  pointer-events: initial;
}

.atwho-inserted {
  line-height: 16px;
}

.handsontable .ht__highlight {
  background: var(--sn-light-grey) !important;
}
.handsontable th {
  background: var(--sn-super-light-grey) !important;
  border-color: var(--sn-light-grey) !important;
}
.handsontable td.area:before {
  background: var(--sn-science-blue) !important;
}
.handsontable td {
  border-color: var(--sn-light-grey) !important;
}

.common-table-format {
  display: block;
  page-break-inside: avoid;
  width: 100%;
  overflow: auto;
}
.common-table-format.simple-table th,
.common-table-format.simple-table td:first-child {
  background: #eaecf0;
  font-weight: normal;
}
.common-table-format tr:first-child {
  height: 27px;
}
.common-table-format th:first-child {
  width: 50px;
}
.common-table-format table {
  border-collapse: collapse;
  border-spacing: 0;
  width: max-content;
}
.common-table-format tr {
  text-align: left;
  vertical-align: top;
}
.common-table-format tr td,
.common-table-format tr th {
  border: 1px solid #d0d5dd;
  padding: 5px;
}
.common-table-format tr td span,
.common-table-format tr th span {
  display: inline-block;
  min-height: 19px;
}
.common-table-format tr td.htCenter,
.common-table-format tr th.htCenter {
  text-align: center;
}
.common-table-format tr td.htRight,
.common-table-format tr th.htRight {
  text-align: right;
}
.common-table-format tr td.htJustify,
.common-table-format tr th.htJustify {
  text-align: justify;
}
.common-table-format tr td.htMiddle,
.common-table-format tr th.htMiddle {
  vertical-align: middle;
}
.common-table-format tr td.htBottom,
.common-table-format tr th.htBottom {
  vertical-align: bottom;
}
.common-table-format tr th {
  background: #eaecf0;
}

.step-text-container {
  border-radius: 4px;
  margin-bottom: 16px;
  padding-left: var(--left-component-padding);
  position: relative;
  width: calc(100% + 16px);
}
.step-text-container .mce-toc ul,
.step-text-container .mce-toc li {
  list-style-type: none;
}
.step-text-container .step-element-grip-placeholder {
  flex: 0;
}
.step-text-container .img-responsive {
  display: inline;
  vertical-align: baseline;
}
.step-text-container .view-text-element {
  overflow-x: auto;
  pointer-events: initial;
}
.step-text-container .view-text-element a {
  pointer-events: initial;
}
.step-text-container .view-text-element p {
  margin: 0;
}
.step-text-container .empty-text-element {
  color: #98a2b3;
}
.step-text-container .buttons-container {
  background: linear-gradient(90deg, transparent 0%, #eaecf0 25%, #eaecf0 100%);
  border-radius: 4px;
  opacity: 0;
  padding-left: 2em;
  position: absolute;
  right: 0;
}
.step-text-container .step-element-grip {
  align-items: center;
  color: #98a2b3;
  display: none;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: 0.5em;
  position: absolute;
}
.step-text-container img {
  max-width: 100%;
}
.step-text-container:hover:not(.edit):not(.locked) {
  background: #eaecf0;
}
.step-text-container:hover:not(.edit):not(.locked) .buttons-container {
  display: flex;
  opacity: 1;
}
.step-text-container:hover:not(.edit):not(.locked) .step-element-grip {
  display: flex;
}
.step-text-container.edit .buttons-container,
.step-text-container.edit .step-element-grip {
  display: none;
}

.step-container .step-header {
  align-items: flex-start;
  display: flex;
  margin-bottom: 1.2em;
}
.step-container .step-header .step-element-header {
  align-items: flex-start;
  display: flex;
  flex-basis: 100%;
  position: relative;
  gap: 0.25rem;
}
.step-container .step-header .step-element-header .step-name-edit-icon {
  background: linear-gradient(90deg, transparent, #eaecf0 15%, #eaecf0 100%);
  cursor: pointer;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.step-container .step-header .step-element-header .step-name-edit-icon:hover {
  background: #eaecf0;
}
.step-container .step-header .step-element-header:hover .step-name-edit-icon {
  opacity: 1;
}
.step-container .step-header .step-element-header .step-collapse-link {
  display: flex;
  flex-shrink: 0;
  line-height: 24px;
  text-align: center;
  width: 24px;
}
.step-container .step-header .step-element-header .step-collapse-link:not(.collapsed) {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.step-container .step-header .step-position {
  font-size: 16px;
  flex-shrink: 0;
  font-weight: bold;
  line-height: 24px;
}
.step-container .step-header .step-name-container {
  align-self: baseline;
  font-size: 16px;
  font-weight: bold;
}
.step-container .step-header .step-name-container textarea {
  text-decoration: initial;
}
.step-container .step-header .step-state {
  align-self: center;
  background-color: var(--sn-light-grey);
  border: 1px solid transparent;
  border-radius: 50%;
  cursor: pointer;
  height: 20px;
  position: relative;
  text-align: center;
  width: 20px;
}
.step-container .step-header .step-state::after {
  font-family: "SN-icon-font";
  font-size: 24px !important;
  color: #fff;
  content: "\e95f";
  position: absolute;
  font-size: 18px !important;
  left: 0;
  height: 20px;
  top: -3px;
}
.step-container .step-header .step-state.completed {
  background: var(--sn-science-blue);
  border: 1px solid var(--sn-science-blue);
}
.step-container .step-elements {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.step-container .step-elements .step-timestamp {
  position: relative;
  margin-left: 40px;
  bottom: 17px;
  width: 356px;
  height: 15px;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
  flex: none;
  order: 0;
  flex-grow: 0;
}
.step-container .step-element-grip-placeholder {
  width: 42px;
}
.step-container .comments-counter {
  align-items: center;
  background: var(--sn-grey);
  border-radius: 0.5rem;
  color: #fff;
  display: flex;
  font-size: 10px;
  height: 16px;
  justify-content: center;
  margin: 2px;
  min-width: 16px;
  position: absolute;
  right: 0;
  top: 0;
}
.step-container .comments-counter.unseen {
  background-color: var(--sn-science-blue);
}
.step-container .drop-message {
  font-size: 16px;
  font-weight: bold;
  align-items: center;
  color: #104da9;
  display: none;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.step-container.draging-file {
  background-color: #f0f8ff;
  position: relative;
}
.step-container.draging-file .drop-message {
  display: flex;
  flex-direction: column;
}
.step-container.draging-file .drop-message .storage-usage {
  pointer-events: none;
}
.step-container.draging-file > *:not(.drop-message) {
  opacity: 0;
  pointer-events: none;
}

.storage-usage {
  font-size: 12px;
  align-self: center;
  color: #1d2939;
  display: flex;
  margin-top: 1em;
  width: 400px;
}
.storage-usage .progress-container {
  background-color: #fff;
  border-radius: 2px;
  flex-grow: 1;
  height: 4px;
  margin: 1em 1em 1em 0;
  overflow: hidden;
  position: relative;
}
.storage-usage .progress-container .progress-bar {
  background-color: #104da9;
  height: 100%;
  position: relative;
  transition: 1s cubic-bezier(0.4, 0, 0.6, 1);
}
.storage-usage .progress-message {
  line-height: 2em;
}

.step-element-grip {
  color: #98a2b3;
  cursor: pointer;
  padding: 0.5em;
}
.step-element-grip.step-element-grip--draggable {
  cursor: grab;
}
.step-element-grip.step-element-grip--disabled {
  pointer-events: none;
}
.step-element-grip.step-element-grip--disabled .fas {
  opacity: 0;
}

.sci-reorderable-items .step-element-header {
  align-items: center;
  border-bottom: 1px solid #eaecf0;
}
.sci-reorderable-items .step-element-header:hover:not(.locked) {
  background-color: #fff;
}
.sci-reorderable-items .step-element-header .step-element-name {
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sci-reorderable-items .step-element-header .step-element-name-placeholder {
  color: #98a2b3;
}
.sci-reorderable-items .step-element-header .fas {
  margin-right: 0.5em;
}

.step-element--locked {
  pointer-events: none;
}

#main-nav {
  box-shadow: 0px 1px 4px rgba(35, 31, 32, 0.15);
  margin-bottom: 0;
}

#notifications-dropdown {
  margin-left: 15px;
  padding-left: 15px;
}
#notifications-dropdown .fa-bell {
  font-size: 16px;
}
#notifications-dropdown #count-notifications {
  background-color: #ffcf26;
  border-radius: 8px;
  display: none;
  font-size: 11px;
  font-weight: bold;
  margin-left: 12px;
  padding: 1px 6px;
  position: relative;
  top: -10px;
  z-index: 1;
}

.navbar {
  border-radius: 0;
  padding-right: 15px;
}

.navbar-default {
  background-color: #fff;
  border-color: #d0d5dd;
}

.navbar-default .navbar-brand {
  align-items: center;
  display: flex;
  padding: 0 0.3em 0 0.8em;
}
.navbar-default .navbar-brand #logo {
  max-height: 22px;
}

.open-mobile-app-container {
  display: none;
}

.open-mobile-app-button {
  margin-top: 8px;
}

.dropdown-notifications {
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-bottom: 0;
  padding-top: 0;
  width: 450px;
  word-wrap: break-word;
}
.dropdown-notifications .notifications-no-recent {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-top: 10px;
}
.dropdown-notifications .notification {
  border-bottom: 1px solid #d0d5dd;
  padding-bottom: 10px;
  padding-top: 10px;
}
.dropdown-notifications .notification:hover {
  background-color: #eaecf0;
}
.dropdown-notifications .unseen {
  border-left: 4px solid #104da9;
}
.dropdown-notifications .text-center {
  margin-left: 12px;
}
.dropdown-notifications .assignment {
  background-color: #104da9;
  border-radius: 50%;
  color: #eaecf0;
  display: block;
  height: 45px;
  padding-top: 5px;
  width: 45px;
}
.dropdown-notifications .deliver {
  background-color: #f0ad4e;
  border-radius: 50%;
  color: #eaecf0;
  display: block;
  height: 45px;
  padding-top: 5px;
  width: 45px;
}
.dropdown-notifications .deliver-error {
  background-color: #ce0c24;
  border-radius: 50%;
  color: #eaecf0;
  display: block;
  height: 45px;
  padding-top: 5px;
  width: 45px;
}
.dropdown-notifications .system-message {
  background-color: #5ec66f;
  border-radius: 50%;
  color: #eaecf0;
  display: block;
  height: 45px;
  padding-top: 8px;
  width: 45px;
}
.dropdown-notifications .notifications-dropdown-footer {
  background-color: #eaecf0;
  padding: 8px;
  text-align: center;
}
.dropdown-notifications .notifications-dropdown-footer a:hover {
  background-color: #eaecf0;
}

.user-name {
  margin-right: 15px;
}

.notification {
  padding-right: 8px;
  word-wrap: break-word;
}

#search-menu {
  padding-right: 0;
}
#search-menu .nav {
  position: relative;
  z-index: 100;
}

#search-content {
  padding-left: 0;
}

#search-container {
  padding-left: 45px;
}
#search-container .mce-i-marvinjs {
  position: relative;
}
#search-container .mce-i-marvinjs::before {
  display: inline-block;
  left: 0;
  top: 10px;
}

/** Search */
.nav-search li.disabled {
  opacity: 0.8;
}
.nav-search li.disabled .badge, .nav-search li.disabled .circle-icon {
  background-color: #1d2939;
  opacity: 0.8;
}
.nav-search .repositories-team {
  padding: 10px 15px;
}
.nav-search .repositories-team.active {
  color: #104da9;
}
.nav-search .repository-search {
  padding-left: 15px;
}
.nav-search .repository-search .fas-custom {
  fill: #104da9;
}
.nav-search .repository-search.active .fas-custom {
  fill: #fff !important;
}
.nav-search .repository-search.disabled .fas-custom {
  fill: #98a2b3;
}

.preferences-settings-container {
  margin-bottom: 50px;
  margin-top: 50px;
}
.preferences-settings-container h4 {
  font-weight: 600;
  margin-bottom: 2rem;
}
.preferences-settings-container .col-sm-4 {
  padding-top: 0.5rem;
  word-break: break-word;
}
.preferences-settings-container .col-sm-2 {
  padding-left: 3rem;
  padding-top: 0.7rem;
}
@media (max-width: 768px) {
  .preferences-settings-container .col-sm-4 {
    margin-bottom: 1rem;
    padding-left: 1.8rem;
  }
  .preferences-settings-container .col-sm-2 {
    padding-left: 1.8rem;
  }
}
.preferences-settings-container .btn-group {
  margin-bottom: 15px;
}
.preferences-settings-container .assignment {
  background-color: #104da9;
  border-radius: 50%;
  color: #eaecf0;
  display: block !important;
  font-size: 16px;
  height: 30px;
  margin-right: 15px;
  padding: 7px;
  padding-bottom: 5px;
  padding-top: 5px;
  width: 30px;
}
.preferences-settings-container .system-message {
  background-color: #5ec66f;
  border-radius: 50%;
  color: #eaecf0;
  display: block !important;
  font-size: 16px;
  height: 30px;
  margin-right: 15px;
  padding: 8px;
  padding-bottom: 5px;
  padding-top: 5px;
  width: 30px;
}
.preferences-settings-container .img-circle {
  margin-right: 15px;
}

#team-switch {
  word-wrap: break-word;
}
#team-switch .team-name {
  margin-left: 17px;
}
#team-switch .edit_user {
  height: calc(100% - 35px);
  position: relative;
}
#team-switch .fa-check-circle {
  color: #104da9;
  margin-left: -2px;
  margin-right: 2px;
}
#team-switch .team-name-item {
  border-bottom: 1px solid #eaecf0;
  padding-bottom: 8px;
  padding-top: 5px;
}
#team-switch li:last-child {
  border-bottom: 0;
}
#team-switch .selected-team {
  margin-left: 15px;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 230px;
}
#team-switch .btn-group {
  margin-top: 8px;
}
#team-switch .dropdown-menu {
  border-radius: 0;
  height: auto;
  margin-top: 0;
  max-height: calc(100vh - 50px);
  overflow: auto;
  padding-bottom: 0;
  padding-top: 0;
  width: 100%;
}
#team-switch .dropdown-menu .team-container {
  height: calc(100% - 35px);
  position: relative;
}
#team-switch i {
  margin-right: 5px;
}
#team-switch li {
  display: block;
  text-align: left;
  word-wrap: break-word;
}
#team-switch li.new-team {
  border-top: 1px solid #d0d5dd;
  height: 35px;
  line-height: 30px;
}
#team-switch li.new-team a {
  line-height: 30px;
  padding: 0 20px;
}
#team-switch li:hover {
  background-color: #eaecf0;
}
#team-switch li a {
  color: #1d2939;
  display: block;
  padding: 3px 20px;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
}

#nav-team-switch {
  margin-left: 0;
}

.custom-nav-dropdown {
  border: 1px solid #d0d5dd;
  padding: 10px 0 10px 30px;
}

#content-wrapper {
  margin-top: 50px;
  margin-left: 83px;
}

#search-bar {
  padding-right: 0;
}

@media (max-width: 768px) {
  #search-bar {
    padding: 10px 30px;
  }
}
@media (max-width: 1188px) {
  #nav-team-switch {
    margin-left: 0;
  }
}
#system-notifications-dropdown .fa-gift {
  font-size: 16px;
}
#system-notifications-dropdown #count-system-notifications {
  background-color: #ffcf26;
  border-radius: 5px;
  display: none;
  font-size: 11px;
  font-weight: bold;
  margin-left: 12px;
  padding: 1px 6px;
  position: relative;
  top: -10px;
  left: 4px;
  z-index: 1;
}

.dropdown-system-notifications {
  margin-bottom: 10px;
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-bottom: 0;
  padding-top: 0;
  width: 450px;
  word-wrap: break-word;
}
.dropdown-system-notifications .system-notifications-no-recent {
  padding: 10px;
  text-align: center;
}
.dropdown-system-notifications .system-notifications-dropdown-header {
  margin-bottom: 0;
}
.dropdown-system-notifications .system-notifications-dropdown-header .show-all {
  margin-left: 20px;
}

:root {
  --menu-bar-width: 83px;
}

.menu-bar {
  background-color: #fff;
}
.menu-bar .scroll-wrapper {
  height: 100%;
  padding-top: 16px;
  width: var(--menu-bar-width);
  overflow-x: hidden;
}
.menu-bar ul.nav > li > a, .menu-bar ul.nav > li > span {
  font-size: 12px;
  color: #475467;
  display: grid;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
  text-align: center;
  word-break: normal;
}
.menu-bar ul.nav > li > a .fas, .menu-bar ul.nav > li > span .fas {
  font-size: 18px;
  padding-bottom: 5px;
}
.menu-bar ul.nav > li.active {
  -moz-box-shadow: -4px 0 0 #104da9;
  -webkit-box-shadow: -4px 0 0 #104da9;
  box-shadow: -4px 0 0 #104da9;
  -o-box-shadow: -4px 0 0 #104da9;
  background-color: #eaecf0;
  margin-left: 4px;
}
.menu-bar ul.nav > li.active > a {
  color: #1d2939;
}
.menu-bar ul.nav > li.disabled {
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.65;
}
.menu-bar ul.nav-bottom {
  bottom: 0;
  padding-bottom: 16px;
  position: fixed;
  width: inherit;
}
.menu-bar .dropup .dropdown-menu {
  bottom: 0;
  left: 99%;
  margin-bottom: 0;
}
.menu-bar .dropup .dropdown-menu > li > a {
  padding: 8px 38px;
}
.menu-bar .dropup.open > a {
  color: #1d2939;
}
.menu-bar .dropup .about-scinote {
  font-size: 12px;
}
.menu-bar .dropup .about-scinote .core-version {
  color: #98a2b3;
}
.menu-bar #knowledge-center-link .fas {
  margin-left: -26px;
  padding: 3px;
  position: absolute;
}

@media (max-height: 510px) {
  .menu-bar .nav-bottom {
    position: relative;
    width: auto;
  }
}
.all-teams-navigation-link {
  color: #104da9 !important;
}

.projects-overview-table .fas {
  color: #98a2b3;
  margin-right: 5px;
}
.projects-overview-table .archived {
  background-color: #eaecf0;
}
.projects-overview-table tbody tr td:last-child {
  height: 34px;
}

.repository-columns-body {
  margin-top: 50px;
}
.repository-columns-body .list-group-item {
  padding: 10px;
}
.repository-columns-body .column-name {
  margin-top: 10px;
}

@media only screen and (max-width: 768px) {
  .repository-columns-body .delete-repo-column {
    margin-top: 5px;
  }
}
#repository-columns-dropdown {
  float: right;
}

.repository-input-file-field {
  width: auto;
}
.repository-input-file-field .form-group {
  align-items: baseline;
  border: 1px solid #d0d5dd;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.repository-input-file-field button {
  height: 22px;
  margin: 5px;
  padding: 2px 10px;
}
.repository-input-file-field i.fas {
  margin-top: 10px;
  padding-right: 5px;
}
.repository-input-file-field i.fas:hover {
  cursor: pointer;
}
.repository-input-file-field .file-name-label {
  margin-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  word-break: normal;
}
.repository-input-file-field a {
  color: #ce0c24;
  margin-left: 5px;
}

.new-input-file-field-div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.new-input-file-field-div .form-group {
  border: 0 !important;
  display: inline-block !important;
}
.new-input-file-field-div a {
  display: inline-block !important;
}

.repository-dropdown {
  max-width: 174px;
  width: 174px;
}
.repository-dropdown .dropdown-menu.open {
  width: 174px;
}
.repository-dropdown .dropdown-menu.open .selected > a {
  display: inline-block;
}

#main-nav {
  box-shadow: 0px 1px 4px rgba(35, 31, 32, 0.15);
  margin-bottom: 0;
}

#notifications-dropdown {
  margin-left: 15px;
  padding-left: 15px;
}
#notifications-dropdown .fa-bell {
  font-size: 16px;
}
#notifications-dropdown #count-notifications {
  background-color: #ffcf26;
  border-radius: 8px;
  display: none;
  font-size: 11px;
  font-weight: bold;
  margin-left: 12px;
  padding: 1px 6px;
  position: relative;
  top: -10px;
  z-index: 1;
}

.navbar {
  border-radius: 0;
  padding-right: 15px;
}

.navbar-default {
  background-color: #fff;
  border-color: #d0d5dd;
}

.navbar-default .navbar-brand {
  align-items: center;
  display: flex;
  padding: 0 0.3em 0 0.8em;
}
.navbar-default .navbar-brand #logo {
  max-height: 22px;
}

.open-mobile-app-container {
  display: none;
}

.open-mobile-app-button {
  margin-top: 8px;
}

.dropdown-notifications {
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-bottom: 0;
  padding-top: 0;
  width: 450px;
  word-wrap: break-word;
}
.dropdown-notifications .notifications-no-recent {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-top: 10px;
}
.dropdown-notifications .notification {
  border-bottom: 1px solid #d0d5dd;
  padding-bottom: 10px;
  padding-top: 10px;
}
.dropdown-notifications .notification:hover {
  background-color: #eaecf0;
}
.dropdown-notifications .unseen {
  border-left: 4px solid #104da9;
}
.dropdown-notifications .text-center {
  margin-left: 12px;
}
.dropdown-notifications .assignment {
  background-color: #104da9;
  border-radius: 50%;
  color: #eaecf0;
  display: block;
  height: 45px;
  padding-top: 5px;
  width: 45px;
}
.dropdown-notifications .deliver {
  background-color: #f0ad4e;
  border-radius: 50%;
  color: #eaecf0;
  display: block;
  height: 45px;
  padding-top: 5px;
  width: 45px;
}
.dropdown-notifications .deliver-error {
  background-color: #ce0c24;
  border-radius: 50%;
  color: #eaecf0;
  display: block;
  height: 45px;
  padding-top: 5px;
  width: 45px;
}
.dropdown-notifications .system-message {
  background-color: #5ec66f;
  border-radius: 50%;
  color: #eaecf0;
  display: block;
  height: 45px;
  padding-top: 8px;
  width: 45px;
}
.dropdown-notifications .notifications-dropdown-footer {
  background-color: #eaecf0;
  padding: 8px;
  text-align: center;
}
.dropdown-notifications .notifications-dropdown-footer a:hover {
  background-color: #eaecf0;
}

.user-name {
  margin-right: 15px;
}

.notification {
  padding-right: 8px;
  word-wrap: break-word;
}

#search-menu {
  padding-right: 0;
}
#search-menu .nav {
  position: relative;
  z-index: 100;
}

#search-content {
  padding-left: 0;
}

#search-container {
  padding-left: 45px;
}
#search-container .mce-i-marvinjs {
  position: relative;
}
#search-container .mce-i-marvinjs::before {
  display: inline-block;
  left: 0;
  top: 10px;
}

/** Search */
.nav-search li.disabled {
  opacity: 0.8;
}
.nav-search li.disabled .badge, .nav-search li.disabled .circle-icon {
  background-color: #1d2939;
  opacity: 0.8;
}
.nav-search .repositories-team {
  padding: 10px 15px;
}
.nav-search .repositories-team.active {
  color: #104da9;
}
.nav-search .repository-search {
  padding-left: 15px;
}
.nav-search .repository-search .fas-custom {
  fill: #104da9;
}
.nav-search .repository-search.active .fas-custom {
  fill: #fff !important;
}
.nav-search .repository-search.disabled .fas-custom {
  fill: #98a2b3;
}

.preferences-settings-container {
  margin-bottom: 50px;
  margin-top: 50px;
}
.preferences-settings-container h4 {
  font-weight: 600;
  margin-bottom: 2rem;
}
.preferences-settings-container .col-sm-4 {
  padding-top: 0.5rem;
  word-break: break-word;
}
.preferences-settings-container .col-sm-2 {
  padding-left: 3rem;
  padding-top: 0.7rem;
}
@media (max-width: 768px) {
  .preferences-settings-container .col-sm-4 {
    margin-bottom: 1rem;
    padding-left: 1.8rem;
  }
  .preferences-settings-container .col-sm-2 {
    padding-left: 1.8rem;
  }
}
.preferences-settings-container .btn-group {
  margin-bottom: 15px;
}
.preferences-settings-container .assignment {
  background-color: #104da9;
  border-radius: 50%;
  color: #eaecf0;
  display: block !important;
  font-size: 16px;
  height: 30px;
  margin-right: 15px;
  padding: 7px;
  padding-bottom: 5px;
  padding-top: 5px;
  width: 30px;
}
.preferences-settings-container .system-message {
  background-color: #5ec66f;
  border-radius: 50%;
  color: #eaecf0;
  display: block !important;
  font-size: 16px;
  height: 30px;
  margin-right: 15px;
  padding: 8px;
  padding-bottom: 5px;
  padding-top: 5px;
  width: 30px;
}
.preferences-settings-container .img-circle {
  margin-right: 15px;
}

#team-switch {
  word-wrap: break-word;
}
#team-switch .team-name {
  margin-left: 17px;
}
#team-switch .edit_user {
  height: calc(100% - 35px);
  position: relative;
}
#team-switch .fa-check-circle {
  color: #104da9;
  margin-left: -2px;
  margin-right: 2px;
}
#team-switch .team-name-item {
  border-bottom: 1px solid #eaecf0;
  padding-bottom: 8px;
  padding-top: 5px;
}
#team-switch li:last-child {
  border-bottom: 0;
}
#team-switch .selected-team {
  margin-left: 15px;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 230px;
}
#team-switch .btn-group {
  margin-top: 8px;
}
#team-switch .dropdown-menu {
  border-radius: 0;
  height: auto;
  margin-top: 0;
  max-height: calc(100vh - 50px);
  overflow: auto;
  padding-bottom: 0;
  padding-top: 0;
  width: 100%;
}
#team-switch .dropdown-menu .team-container {
  height: calc(100% - 35px);
  position: relative;
}
#team-switch i {
  margin-right: 5px;
}
#team-switch li {
  display: block;
  text-align: left;
  word-wrap: break-word;
}
#team-switch li.new-team {
  border-top: 1px solid #d0d5dd;
  height: 35px;
  line-height: 30px;
}
#team-switch li.new-team a {
  line-height: 30px;
  padding: 0 20px;
}
#team-switch li:hover {
  background-color: #eaecf0;
}
#team-switch li a {
  color: #1d2939;
  display: block;
  padding: 3px 20px;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
}

#nav-team-switch {
  margin-left: 0;
}

.custom-nav-dropdown {
  border: 1px solid #d0d5dd;
  padding: 10px 0 10px 30px;
}

#content-wrapper {
  margin-top: 50px;
  margin-left: 83px;
}

#search-bar {
  padding-right: 0;
}

@media (max-width: 768px) {
  #search-bar {
    padding: 10px 30px;
  }
}
@media (max-width: 1188px) {
  #nav-team-switch {
    margin-left: 0;
  }
}
#system-notifications-dropdown .fa-gift {
  font-size: 16px;
}
#system-notifications-dropdown #count-system-notifications {
  background-color: #ffcf26;
  border-radius: 5px;
  display: none;
  font-size: 11px;
  font-weight: bold;
  margin-left: 12px;
  padding: 1px 6px;
  position: relative;
  top: -10px;
  left: 4px;
  z-index: 1;
}

.dropdown-system-notifications {
  margin-bottom: 10px;
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-bottom: 0;
  padding-top: 0;
  width: 450px;
  word-wrap: break-word;
}
.dropdown-system-notifications .system-notifications-no-recent {
  padding: 10px;
  text-align: center;
}
.dropdown-system-notifications .system-notifications-dropdown-header {
  margin-bottom: 0;
}
.dropdown-system-notifications .system-notifications-dropdown-header .show-all {
  margin-left: 20px;
}

.repository-columns-body {
  margin-top: 50px;
}
.repository-columns-body .list-group-item {
  padding: 10px;
}
.repository-columns-body .column-name {
  margin-top: 10px;
}

@media only screen and (max-width: 768px) {
  .repository-columns-body .delete-repo-column {
    margin-top: 5px;
  }
}
#repository-columns-dropdown {
  float: right;
}

.repository-input-file-field {
  width: auto;
}
.repository-input-file-field .form-group {
  align-items: baseline;
  border: 1px solid #d0d5dd;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.repository-input-file-field button {
  height: 22px;
  margin: 5px;
  padding: 2px 10px;
}
.repository-input-file-field i.fas {
  margin-top: 10px;
  padding-right: 5px;
}
.repository-input-file-field i.fas:hover {
  cursor: pointer;
}
.repository-input-file-field .file-name-label {
  margin-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  word-break: normal;
}
.repository-input-file-field a {
  color: #ce0c24;
  margin-left: 5px;
}

.new-input-file-field-div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.new-input-file-field-div .form-group {
  border: 0 !important;
  display: inline-block !important;
}
.new-input-file-field-div a {
  display: inline-block !important;
}

.repository-dropdown {
  max-width: 174px;
  width: 174px;
}
.repository-dropdown .dropdown-menu.open {
  width: 174px;
}
.repository-dropdown .dropdown-menu.open .selected > a {
  display: inline-block;
}

/** Layout **/
body,
table.dataTable td {
  text-overflow: ellipsis;
  word-break: break-word;
  overflow-wrap: break-word;
}

table {
  table-layout: fixed;
}

.btn-toggle {
  background: #fff;
  border: 1px solid #d0d5dd;
  color: #475467;
}
.btn-toggle.active {
  background: #104da9;
  border: 1px solid #104da9;
  box-shadow: none;
  color: #fff;
}
.btn-toggle.active.focus {
  outline: 0;
}

#no-teams-jumbotron {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 7rem;
}
#no-teams-jumbotron img {
  margin-bottom: 1.5rem;
  max-width: 33%;
}

#alert-container {
  margin-bottom: 15px;
}

#project-archive-btn {
  margin-left: 15px;
}

.form-inline .form-group .dropdown {
  display: inline-block;
}

#fluid-content:not(.no-second-nav-container) {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 50px;
}

.spacer {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.center-block-narrow {
  max-width: 400px;
}

@media (max-width: 450px) {
  .dropdown-notifications {
    width: 100%;
  }
}
.custom-dropdown-menu {
  padding-top: 0;
}

.notifications-dropdown-header,
.system-notifications-dropdown-header,
.dropdown-header {
  background-color: #104da9;
  color: #eaecf0;
  font-weight: bold;
  padding: 8px 20px;
}
.notifications-dropdown-header a,
.system-notifications-dropdown-header a,
.dropdown-header a {
  color: #fff;
}

.well-search-checklist {
  background-color: #eaecf0 !important;
  margin-bottom: 5px;
}

.vertical-spacer-one-half {
  display: inline-block;
  width: 1.5em;
}

.invisible {
  visibility: hidden !important;
}

/** Skin **/
.modal-header h4 {
  font-size: 18px;
}

.jumbotron {
  background-color: inherit;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 7rem;
}
.jumbotron img {
  margin-bottom: 1.5rem;
  max-width: 33%;
}

.no-teams-info {
  font-size: small !important;
  font-weight: normal !important;
}

.badge, .circle-icon {
  background-color: var(--sn-science-blue);
  border-radius: 8px;
  font-size: 11px;
  min-width: 16px;
}

.badge-indicator,
.btn .badge-indicator {
  font-size: 9px;
  margin-left: -8px;
  padding: 3px 5px;
  top: 3px;
}

.handle-move {
  cursor: move;
  cursor: -webkit-grabbing;
}

/* this rule is strict because the order of css files is not correct */
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100% !important;
}

.repository-dropdown .selected a {
  display: block !important;
}

mark, .mark {
  background-color: #f0ad4e;
}

.label-default {
  background-color: #d0d5dd;
}

.label-primary {
  background-color: #eaecf0;
  color: #1d2939;
}

.circle-icon {
  background-color: #104da9;
  border-radius: 1em;
}
.circle-icon.disabled {
  background-color: #98a2b3;
}

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

.nav-tabs {
  margin-bottom: 15px;
}
.nav-tabs > li.has-error > a {
  color: #ce0c24;
}
.nav-tabs > li.has-error > a:hover {
  color: #ce0c24;
}

.has-error .ql-container.ql-snow,
.has-error .ql-toolbar.ql-snow {
  border: 1px solid #ce0c24;
}

.nav-tabs-less {
  margin-bottom: 0;
}

.nav-pills > li a {
  color: #104da9;
}
.nav-pills > li:not(.active):hover a {
  background-color: #d0d5dd;
}
.nav-pills > li.active a {
  color: #fff;
  background-color: #104da9;
}

.breadcrumb {
  background-color: transparent;
  padding: 15px;
  margin-bottom: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}

.nav-tabs-less > li.active > a, .nav-tabs-less > li.active > a:hover, .nav-tabs-less > li.active > a:focus {
  color: #104da9;
  background-color: transparent;
  border-color: transparent;
}

.tag.label.label-info {
  font-size: 100%;
  background-color: #104da9;
}

#secondary-navigation {
  white-space: nowrap;
  overflow: hidden;
}

.panel-body .ql-editor {
  padding: 0;
  white-space: normal;
}
.panel-body .ql-editor blockquote {
  padding: 10px 20px;
}

.navbar-secondary {
  margin-left: -280px;
  padding-left: 280px;
  padding-right: 82px;
  margin-bottom: 0;
  border-color: transparent;
  border-bottom: 0;
  z-index: 500;
  position: fixed;
  width: 100%;
}
.navbar-secondary .container-fluid {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.navbar-secondary .navbar-toggle {
  margin-right: 100px;
}
.navbar-secondary #secondary-menu {
  background: #fff;
  border-bottom: 1px solid #eaecf0;
  padding-left: 0;
  padding-top: 15px;
}
.navbar-secondary #secondary-menu .open > a,
.navbar-secondary #secondary-menu .open > a:hover,
.navbar-secondary #secondary-menu .open > a:focus {
  background-color: #fff;
}
.navbar-secondary #secondary-menu.with-breadcrumbs {
  padding-top: 0.5em;
}
.navbar-secondary .nav-name {
  align-items: center;
  height: 54px;
  line-height: 44px;
  margin: 0;
  overflow: hidden;
  padding: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.navbar-secondary .navbar-nav > li > .dropdown-menu {
  margin-top: 4px;
}
.navbar-secondary ul.nav > li {
  text-transform: uppercase;
}
.navbar-secondary ul.nav > li > a {
  color: #98a2b3;
}
.navbar-secondary ul.nav > li.active {
  -moz-box-shadow: 0 4px 0 #104da9;
  -webkit-box-shadow: 0 4px 0 #104da9;
  box-shadow: 0 4px 0 #104da9;
  -o-box-shadow: 0 4px 0 #104da9;
  line-height: 24px;
  margin-bottom: 4px;
}
.navbar-secondary ul.nav > li.active > a, .navbar-secondary ul.nav > li.active > a:hover, .navbar-secondary ul.nav > li.active > a:focus {
  background: transparent;
  color: #1d2939;
  font-weight: bold;
}
.navbar-secondary ul.nav > li.active ul .active-item {
  font-weight: bold;
}

.navbar-sign-in-halt .navbar-header {
  float: left !important;
}
.navbar-sign-in-halt .sign-in-halt-logout-button {
  padding-top: 7px;
}

.sign-in-halt-container {
  margin: 0;
  padding: 70px 10px 50px 10px;
  width: 100%;
}

.azure-sign-in-actions {
  margin-bottom: 10px;
  margin-top: 10px;
}

.okta-sign-in-actions {
  margin-bottom: 10px;
  margin-top: 10px;
}

.navbar-secondary {
  min-height: 77px;
  transition: 0.4s cubic-bezier(0.4, 0, 0.6, 1);
}

.navbar-without-sidebar {
  margin-left: 0px;
  min-height: 77px;
  padding-left: 0;
  transition: 0.4s cubic-bezier(0.4, 0, 0.6, 1);
}

/** Chat bubble */
.chat-bubble {
  background-color: #fff;
  border-radius: 1em;
  padding: 10px;
}

.tab-pane-settings {
  background-color: #fff;
  padding: 15px;
}

.breadcrumb-teams {
  background-color: #eaecf0;
  margin-bottom: 15px;
}

.notification-settings-labels {
  line-height: 3em;
  margin-top: 40px;
}

#help-link {
  padding: 13px;
}
#help-link .fas.fa-info-circle {
  margin-top: 4px;
}

.checkbox-tree ul {
  list-style: none;
  margin: 0;
  padding-left: 15px;
}

.existing-users-smalltext {
  width: 100%;
  text-align: center;
}

.teams-datatable {
  margin-bottom: 20px;
}
.teams-datatable .dataTables_paginate {
  float: right;
}

/** Users datatable */
.panel-team-users .panel-body {
  padding-bottom: 0;
}

.user-statistics {
  margin-top: 1em;
}
.user-statistics .list-inline {
  margin-left: 0;
}
.user-statistics .label {
  font-size: 100%;
}
.user-statistics li {
  height: 100px;
  margin-bottom: 1em;
  margin-right: 2em;
  width: 100px;
}

/** Protocols management */
.tab-pane-protocols > div.protocols-description {
  margin-bottom: 15px;
}
.tab-pane-protocols > .sci-btn-group {
  margin-right: 30px;
}
.tab-pane-protocols > .sci-btn-group form.button_to {
  float: left;
}

@media (max-width: 768px) {
  .tab-pane-protocols > .btn-group {
    margin-right: 5px;
  }
}
@media (max-width: 768px) {
  .navbar-secondary ul.breadcrumb {
    margin-left: 15px;
  }
}
.well-protocols-results {
  margin-top: 15px;
  margin-bottom: 0;
  background-color: #eaecf0 !important;
}
.well-protocols-results > ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.well-protocols-results > ul > li {
  margin: 2px 0;
}

.linked-children-datatable {
  clear: right;
}
.linked-children-datatable table thead {
  display: none;
}
.linked-children-datatable table tbody tr .breadcrumb {
  padding: 0 5px;
  position: relative;
  right: 15px;
}
.linked-children-datatable table tbody tr .breadcrumb img {
  display: inline-block;
}
.linked-children-datatable table tbody tr .breadcrumb li + li::before {
  color: #475467;
  content: "/ ";
}
.linked-children-datatable .dataTables_paginate {
  float: right;
}
.linked-children-datatable .dataTables_paginate .pagination {
  align-items: center;
  display: flex;
  margin: 0;
}
.linked-children-datatable .dataTables_info {
  padding-top: 8px;
}

.no-linked-children {
  padding: 16px 0;
}

a.edit-name-link small {
  margin-left: 5px;
  display: none;
}

a.edit-name-link:hover small {
  display: initial;
}

#edit-protocol-metadata-modal div.bootstrap-tagsinput {
  width: 100%;
  min-height: 64px;
}

.bootstrap-tagsinput {
  overflow-x: auto;
  overflow-y: hidden;
}

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

ul.double-line > li {
  margin-bottom: 1em;
}

.page-header {
  border-color: #d0d5dd;
  margin-top: 0;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  background-color: #104da9;
}

.pagination > li > a,
.pagination > li > span {
  color: #104da9;
}

#project-show .panel-default,
#module-archive .panel-default,
#result-archive .panel-default {
  box-shadow: 0 3px 6px #d0d5dd;
}

.module-large,
.module-medium,
.module-small {
  box-shadow: 0 3px 6px #98a2b3;
}

.panel-default > .panel-heading {
  background-color: #fff;
}
.panel-default > .panel-heading > .panel-title {
  color: #104da9;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.panel-archive .panel-heading {
  background-color: #dbdfe5;
  color: #374d6c;
}

.panel-options {
  position: relative;
  bottom: 8px;
}

.panel-footer {
  padding: 0 15px;
}

.panel-footer-scinote {
  background: #fff;
  padding: 0;
}
.panel-footer-scinote hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.panel-footer-scinote .btn-link {
  color: #98a2b3;
}
.panel-footer-scinote .btn-link:hover {
  color: #6c7a92;
}
.panel-footer-scinote .tab-content ul {
  margin-bottom: 15px;
}
.panel-footer-scinote .tab-content li {
  padding-left: 15px;
  padding-right: 15px;
}
.panel-footer-scinote .tab-content .manage-users-link {
  display: block;
  padding-left: 15px;
  margin-bottom: 10px;
}
.panel-footer-scinote .content-module-info {
  max-height: 250px;
  overflow: auto;
}
.panel-footer-scinote .content-comments {
  max-height: 250px;
  overflow: auto;
}
.panel-footer-scinote .content-activities {
  max-height: 250px;
  overflow: auto;
}
.panel-footer-scinote .content-users {
  max-height: 250px;
  overflow: auto;
}
.panel-footer-scinote .content-notifications {
  max-height: 250px;
  overflow: auto;
}
.panel-footer-scinote .content-notifications li.notification.alert-red > .date-time {
  font-weight: bold;
  color: #ce0c24;
}
.panel-footer-scinote .content-notifications li.notification.alert-yellow > .date-time {
  font-weight: bold;
  color: #f0ad4e;
}

/* Accordion panel */
.panel-accordion {
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
}
.panel-accordion > .panel-heading {
  background-color: #eaecf0;
  border-bottom: 1px solid #d0d5dd;
}
.panel-accordion > .panel-heading .panel-title > a:hover, .panel-accordion > .panel-heading .panel-title > a:focus {
  text-decoration: none;
}
.panel-accordion > .panel-heading .panel-title > a > span {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.panel-accordion .panel-body {
  background-color: #fff;
  padding: 0;
}

.form-control.bootstrap-select {
  background-color: inherit;
  -moz-box-shadow: inherit;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
  -o-box-shadow: inherit;
}

.panel-heading .dropdown {
  background-color: #fff;
  bottom: 8px;
  left: 8px;
}

#global-activity-page {
  margin-top: 15px;
  padding: 0;
}

.btn-more-activities {
  margin-bottom: 15px;
}

/** Activity list resembling Bootstrap wells */
ul.content-activities li.activity-item {
  background-color: #fff;
  border-bottom: 1px solid #eaecf0;
  padding: 8px 0;
}
ul.content-activities li.activity-item .activity-item-date {
  min-width: 150px;
  display: table-cell;
  padding: 0 10px;
  vertical-align: top;
  text-align: center;
}
ul.content-activities li.activity-item .activity-item-text {
  display: table-cell;
  padding: 0 10px;
  text-align: justify;
}

.well {
  background-color: #fff;
}

.well-sm {
  border-radius: 0;
}

.protocol-status-container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.protocol-status-container .protocol-status-bar {
  display: flex;
  height: 40px;
  margin-right: 15px;
}
.protocol-status-container .panel-protocol-status {
  border-color: #d0d5dd;
  box-shadow: none;
  display: inline-block;
  height: 36px;
  margin: 2px 0;
}
.protocol-status-container .panel-protocol-status > .panel-body {
  padding: 0 0 0 15px;
}
.protocol-status-container .panel-protocol-status .link-button {
  border-radius: 0;
}
.protocol-status-container .panel-protocol-status .link-button,
.protocol-status-container .panel-protocol-status .link-toggle {
  height: 36px;
  position: relative;
  right: -1px;
  top: -1px;
}

@media (min-width: 768px) {
  #protocol-preview-modal .modal-dialog {
    width: 70%;
  }
}
/* Import protocol/s modal */
#import-protocol-modal .modal-dialog {
  width: 70%;
}

#import-protocol-modal #import_protocol_description {
  border: 1px solid #d0d5dd;
  border-radius: 4px;
  padding: 10px;
}

.import-protocols-modal-preview-container {
  height: 300px;
  overflow-y: scroll;
  width: 100%;
}
.import-protocols-modal-preview-container .eln-table {
  height: 21px;
}
.import-protocols-modal-preview-container .eln-table tr:first-child {
  text-align: center;
}
.import-protocols-modal-preview-container .eln-table td.htCenter, .import-protocols-modal-preview-container .eln-table td:first-child {
  text-align: center;
}
.import-protocols-modal-preview-container .eln-table td.htRight {
  text-align: right;
}
.import-protocols-modal-preview-container .eln-table td.htJustify {
  text-align: justify;
}
.import-protocols-modal-preview-container .eln-table td.htMiddle {
  vertical-align: middle;
}
.import-protocols-modal-preview-container .eln-table td.htBottom {
  vertical-align: bottom;
}
.import-protocols-modal-preview-container .badge-preview {
  background-color: #d0d5dd;
  border-radius: 2em;
  float: left;
  font-size: 20px;
  padding: 5px 14px;
  position: relative;
  top: -10px;
}

.import-protocols-modal-preview-container-json {
  height: 300px;
  overflow-y: scroll;
  width: 100%;
}
.import-protocols-modal-preview-container-json .eln-table {
  height: 21px;
  text-align: center;
}
.import-protocols-modal-preview-container-json .badge-preview {
  background-color: #d0d5dd;
  border-radius: 2em;
  float: left;
  font-size: 20px;
  padding: 5px 14px;
  position: relative;
  top: -10px;
}

.badge-icon {
  background-color: #d0d5dd;
  color: #fff;
  float: left;
  font-size: 1.4em;
  padding: 6px 10px;
}
.badge-icon + .well-sm {
  margin-left: 38px;
}

.new-asset-box {
  border: 1px solid #d0d5dd;
  border-radius: 2px;
  font-size: 2rem;
  margin-bottom: 20px;
  margin-top: 20px;
  padding-bottom: 30px;
  padding-top: 30px;
  background-color: #eaecf0;
}
.new-asset-box .new-asset-upload-icon {
  margin-right: 6px;
}
.new-asset-box .new-asset-upload-button {
  margin-left: 20px;
  background-color: inherit;
}

.drag-n-drop-file-input {
  display: none !important;
}

.dnd-error,
.dnd-total-error {
  color: #ce0c24;
}

.is-dragover {
  background: #1d2939;
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  min-height: 100%;
  opacity: 0.4;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999999;
}
.is-dragover span {
  color: #fff;
  display: block;
  font-size: 4em;
  font-weight: bold;
  padding-top: 25%;
  pointer-events: none;
  text-align: center;
}

.step .result-panel-collapse-link,
.result .result-panel-collapse-link {
  text-decoration: none;
}
.step .result-panel-collapse-link:not(.collapsed) .sn-icon-right,
.result .result-panel-collapse-link:not(.collapsed) .sn-icon-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  display: inline-block;
}
.step .row,
.result .row {
  padding: 0 20px;
}
.step .panel-heading a[data-toggle],
.result .panel-heading a[data-toggle] {
  color: inherit;
}
.step .content-comments,
.result .content-comments {
  max-height: 250px;
  overflow: auto;
  padding: 0 15px;
}

.hot-table {
  margin-bottom: 25px;
}

.step-result-hot-table {
  max-height: 400px;
  overflow: hidden;
  width: 100%;
}

/* Helpers */
.line-wrap {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.line-wrap.short {
  position: relative;
  top: 6px;
  max-width: 78%;
}

.toolbarButtons {
  display: inline-block;
}

/* Pills with arrow */
.nav-stacked-arrow > li > a {
  border-radius: 2px;
}

.nav-stacked-arrow > li.active > a:after,
.nav-stacked-arrow > li.active > a:hover:after,
.nav-stacked-arrow > li.active > a:focus:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -19px;
  border-top: 19px solid transparent;
  border-left: 13px solid #104da9;
  border-bottom: 19px solid transparent;
}

.nav-stacked-arrow > li.active > a:hover:after {
  border-left: 13px solid #092d63;
}

/* Overlay to disable interaction while loading ajax */
.loading-overlay {
  bottom: 0;
  cursor: wait;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1000000000;
}
.loading-overlay::before {
  background: #fff;
  content: "";
  display: block;
  height: 100%;
  opacity: 0.5;
  width: 100%;
}
.loading-overlay::after {
  background-image: url(/images/medium/loading.svg);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

body > .loading-overlay {
  position: fixed;
}

.turbolinks-progress-bar::before {
  background-color: #104da9;
}

/* Loading animation for ajax events, inspired by Codrops */
#loading-animation {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 3px;
  background: #104da9;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  pointer-events: none;
}

#loading-animation.animate {
  z-index: 10000000;
  opacity: 0;
  -webkit-transition: -webkit-transform 5s ease-in, opacity 1s 5s;
  transition: transform 5s ease-in, opacity 1s 5s;
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.modal-tooltip {
  border-bottom: 1px dotted #d0d5dd;
  cursor: help;
  display: inline-block;
  pointer-events: auto;
}
.modal-tooltip .modal-tooltiptext {
  background-color: #d0d5dd;
  border-radius: 6px;
  color: #1d2939;
  display: block;
  margin-left: 100px;
  padding: 5px;
  position: absolute;
  text-align: center;
  visibility: hidden;
  width: 200px;
  word-wrap: break-word;
  z-index: 10000;
}

.modal-tooltip:hover .modal-tooltiptext {
  visibility: visible;
}

.repository-table .modal-tooltip:hover .modal-tooltiptext {
  visibility: hidden;
}

.comment-more {
  margin-left: 15px;
}

.dropdown.dropdown-comment {
  display: inline-block;
}
.dropdown.dropdown-comment [data-role=comment-options] {
  color: #1d2939;
}

.dropdown-menu.dropdown-menu-fixed {
  left: auto;
  position: fixed;
  top: auto;
}
.dropdown-menu.dropdown-menu-fixed li:not(.dropdown-header):hover {
  background-color: #eaecf0;
}

.edit-comment-form .help-block {
  display: inline;
}

.avatar-container {
  background-color: #f0f1f4;
  border-radius: 50%;
  height: 5em;
  position: relative;
  width: 5em;
}
.avatar-container .avatar-edit {
  background-color: #98a2b3;
  border-radius: inherit;
  cursor: pointer;
  display: none;
  height: inherit;
  opacity: 0.8;
  position: absolute;
  width: inherit;
}
.avatar-container .avatar-edit-text {
  color: #fff;
  cursor: pointer;
  display: none;
  padding-top: 40%;
  position: absolute;
  text-align: center;
  width: inherit;
}
.avatar-container:hover .avatar-edit,
.avatar-container:hover .avatar-edit-text {
  display: block;
}
.avatar-container .avatar-image {
  position: absolute;
  width: 100%;
}
.avatar-container .avatar-image img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}

.avatar-file-upload input[type=file] {
  max-width: 100%;
}

.modal-invite-users {
  overflow: hidden;
}
.modal-invite-users .bootstrap-tagsinput {
  min-width: 450px;
  width: 100%;
}
.modal-invite-users .results-container .alert {
  margin-bottom: 10px;
  padding: 5px;
}
.modal-invite-users .results-container .results-wrap {
  max-height: 400px;
  overflow-y: auto;
  padding-right: 10px;
}
.modal-invite-users .team-selector .heading {
  margin-top: 15px;
  margin-bottom: 5px;
}
.modal-invite-users .team-selector .heading input[type=checkbox] {
  vertical-align: middle;
  margin: 0;
}
.modal-invite-users .g-recaptcha {
  margin-top: 20px;
}
.modal-invite-users .select-container--with-blank .search-field::placeholder {
  color: #1d2939;
  opacity: 1;
}
.modal-invite-users .select-container--with-blank .search-field:focus::placeholder {
  opacity: 0;
}

textarea {
  resize: none;
}

textarea.textarea-sm {
  height: 34px;
  min-height: 34px;
}
textarea.textarea-sm.form-control {
  height: 36px;
}

.comment-form .input-group {
  height: 100%;
}
.comment-form .input-group textarea {
  -webkit-margin-before: 1px;
  -webkit-margin-after: 1px;
}
.comment-form .input-group .input-group-btn {
  height: 100%;
}
.comment-form .input-group .input-group-btn .btn.btn-default {
  height: 100%;
  min-height: 34px;
  -webkit-padding-before: 0;
  -webkit-padding-after: 0;
}

.add-new-column-form .help-block {
  margin-left: 0;
}

th.custom-field .modal-tooltiptext {
  margin-left: 0;
  z-index: 99999999;
}

.disable-click {
  pointer-events: none;
}

.popover {
  border-radius: 3px;
  min-width: 450px;
  padding: 15px 10px;
  z-index: 10001;
}
.popover h5 {
  font-weight: bold;
  line-height: 0;
}
.popover .silver {
  color: #98a2b3;
}
.popover p {
  max-width: 260px;
  word-wrap: break-word;
}

.popover-remove {
  cursor: pointer;
}

.tooltip {
  z-index: 9999;
}

.tooltip-open {
  background-color: #eaecf0;
  color: #1d2939;
}
.tooltip-open .popover-footer {
  background-color: #eaecf0;
  border-radius: 3px;
  bottom: 5px;
  position: absolute;
  right: 5px;
}
.tooltip-open .popover-footer a {
  color: #475467;
}

.tooltip-enter {
  background-color: #d0d5dd;
}

.parse-records-table {
  max-height: 200px;
}
.parse-records-table select {
  max-width: 8rem;
}

a.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

a.disabled-with-click-events {
  opacity: 0.5;
  cursor: not-allowed;
}

.linkedin-signin-button {
  margin: 15px 0;
}

.sign-in-up-links {
  padding-bottom: 60px;
}

.doorkeeper-authorization {
  margin-bottom: 45px;
}
.doorkeeper-authorization .doorkeeper-scinote-logo {
  background-image: url(/images/doorkeeper_auth.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 180px;
}
.doorkeeper-authorization .doorkeeper-actions-left {
  padding-right: 3px;
}
.doorkeeper-authorization .doorkeeper-actions-right {
  padding-left: 3px;
}

.form-select {
  position: relative;
}
.form-select select {
  appearance: none;
  border: 1px solid #98a2b3;
  border-radius: 4px;
  color: #1d2939;
  display: block;
  font-size: 14px;
  min-height: 36px;
  outline: 0;
  padding: 8px 42px 3px 3px;
  width: 100%;
}
.form-select::after {
  color: #98a2b3;
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  height: 100%;
  padding: 12px 8px;
  pointer-events: none;
  position: absolute;
  right: -6px;
  text-align: center;
  top: -6px;
  width: 10%;
  z-index: 1;
}

.input-error-message {
  visibility: hidden;
  color: #ce0c24;
  font-size: 0.8em;
}

form:not([novalidate]) input:invalid,
form:not([novalidate]) select:invalid,
form:not([novalidate]) textarea:invalid {
  border-color: #ce0c24;
}
form:not([novalidate]) input:invalid + .input-error-message,
form:not([novalidate]) select:invalid + .input-error-message,
form:not([novalidate]) textarea:invalid + .input-error-message {
  visibility: visible;
}
form:not([novalidate]) select:invalid + .dropdown-selector-container .input-field {
  border-color: #ce0c24;
}
form:not([novalidate]) select:invalid + .dropdown-selector-container + .input-error-message {
  margin-top: -0.5em;
  visibility: visible;
}

body {
  min-width: 1140px;
}

body.navigator-collapsed {
  min-width: 900px;
}

.sci--layout {
  --breadcrumbs-navigation-height: 44px;
  --left-navigation-width: 52px;
  --navbar-height: calc(var(--top-navigation-height) + var(--breadcrumbs-navigation-height));
  --title-row-height: 4em;
  --top-navigation-height: 72px;
  display: grid;
  grid-template-areas: "top top top" "left breadcrumbs breadcrumbs" "left navigator content";
  grid-template-columns: var(--left-navigation-width) var(--navigator-navigation-width) calc(100% - var(--left-navigation-width) - var(--navigator-navigation-width));
  grid-template-rows: var(--top-navigation-height) var(--breadcrumbs-navigation-height) calc(100% - var(--top-navigation-height) - var(--breadcrumbs-navigation-height));
  height: 100%;
  position: relative;
  transition: 0.4s cubic-bezier(0.4, 0, 0.6, 1);
  width: 100%;
}
.sci--layout .sci--layout--navigator-open {
  display: none;
}
.sci--layout[data-breadcrumbs-collapsed=true] {
  --breadcrumbs-navigation-height: 0px;
}
.sci--layout[data-navigator-collapsed=true] {
  --navigator-navigation-width: 0px;
}
.sci--layout[data-navigator-collapsed=true] .sci--layout--navigator-open {
  display: inline-block;
}
.sci--layout[data-navigator-collapsed=true] .sci--layout--navigator-open + h1 {
  max-width: calc(100% - 2.5rem);
}
.sci--layout[data-left-navigation-collapsed=true] {
  --left-navigation-width: 0px;
}
.sci--layout .sci--layout-navigation-top {
  grid-area: top;
  height: var(--top-navigation-height);
  width: 100%;
  z-index: 610;
}
.sci--layout .sci--layout-navigation-left {
  --left-navigation-top-margin: 0px;
  grid-area: left;
  height: calc(100vh - var(--top-navigation-height) + var(--left-navigation-top-margin));
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  width: var(--left-navigation-width);
  z-index: 605;
}
.sci--layout .sci--layout-navigation-navigator {
  --navigator-top-margin: 0px;
  background-color: var(--sn-white);
  grid-area: navigator;
  height: calc(100vh - var(--navbar-height) - 1rem - var(--navigator-top-margin));
  position: sticky;
  position: -webkit-sticky;
  top: 1rem;
  transition: width 0.4s cubic-bezier(0.4, 0, 0.6, 1);
  width: var(--navigator-navigation-width);
  z-index: 550;
}
.sci--layout .sci--layout-navigation-breadcrumbs {
  background-color: var(--sn-white);
  grid-area: breadcrumbs;
  height: var(--breadcrumbs-navigation-height);
  transition: 0.4s cubic-bezier(0.4, 0, 0.6, 1);
  width: 100%;
  z-index: 600;
}
.sci--layout .sci--layout-content {
  background-color: var(--sn-white);
  grid-area: content;
  padding: 0 1rem;
  width: 100%;
}
.sci--layout .sci--layout-content .container-fluid {
  padding: 1em;
}
.sci--layout[data-grey-background=true] {
  background-color: var(--sn-super-light-grey);
}
.sci--layout[data-grey-background=true] .sci--layout-content,
.sci--layout[data-grey-background=true] .sci--layout-navigation-breadcrumbs,
.sci--layout[data-grey-background=true] .sci--layout-navigation-navigator {
  background-color: var(--sn-super-light-grey);
}

.w-98 {
  width: 98%;
}

.sci--layout-navigation-breadcrumbs {
  --max-breadcrumbs-link-width: 11.25rem;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  padding-left: 1rem;
}

.breadcrumbs-container {
  font-size: 12px;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  max-width: calc(100vw - var(--left-navigation-width) - 3rem);
  overflow: hidden;
  width: calc(100vw - var(--left-navigation-width) - 3rem);
}
.breadcrumbs-container .delimiter {
  font-size: 14px;
  color: var(--sn-grey);
  font-weight: bold;
  padding: 0 0.5em;
}

.breadcrumbs-item {
  align-items: center;
  display: inline-flex;
  flex-wrap: nowrap;
}
.breadcrumbs-item .breadcrumbs-link {
  font-size: 12px;
  color: var(--sn-blue);
  display: inline-block;
  white-space: nowrap;
}
.breadcrumbs-item .breadcrumbs-link.shortened {
  max-width: var(--max-breadcrumbs-link-width);
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumbs-item .breadcrumbs-link.plain-text {
  color: var(--sn-grey);
}
.breadcrumbs-item:hover {
  text-decoration: none;
}
.breadcrumbs-item:last-child .breadcrumbs-link {
  color: var(--sn-grey);
}

.breadcrumbs-collapsed-container .breadcrumbs-item .breadcrumbs-link {
  color: var(--sn-blue);
}

.sci--layout--left-menu-container {
  background-color: #fff;
  border-right: 1px solid var(--sn-sleepy-grey);
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1rem 0.5rem;
  width: 100%;
}
.sci--layout--left-menu-container .tooltip {
  white-space: nowrap;
}
.sci--layout--left-menu-container .sci--layout--menu-item {
  font-size: 12px;
  align-items: center;
  border-radius: 4px;
  color: #1d2939;
  cursor: pointer;
  display: flex;
  gap: 1em;
  height: 36px;
  margin: 0.375rem 0;
  padding: 0.375rem;
  text-decoration: none;
  width: 100%;
}
.sci--layout--left-menu-container .sci--layout--menu-item:not([data-active=true]):hover {
  background-color: var(--sn-super-light-grey);
}
.sci--layout--left-menu-container .sci--layout--menu-item[data-active=true] {
  background-color: var(--sn-super-light-blue);
}
.sci--layout--left-menu-container .sci--layout--menu-item[data-disabled=true] {
  background-color: initial;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.65;
  pointer-events: none;
}

.sci--layout-navigation-navigator .handle-mr {
  cursor: col-resize;
  display: block !important;
  height: 100%;
  opacity: 0;
  top: 0;
  width: 10px;
}
.sci--layout-navigation-navigator .menu-item:not(.active):hover {
  background-color: var(--sn-super-light-grey);
}
.sci--layout-navigation-navigator .menu-item:not(.active):hover :not(.no-hover) {
  color: var(--sn-blue);
}
.sci--layout-navigation-navigator .menu-item:not(.active):hover .no-hover {
  color: var(--sn-science-blue-hover);
}
.sci--layout-navigation-navigator .menu-item.active:hover :not(.no-hover) {
  color: var(--sn-blue);
}
.sci--layout-navigation-navigator .menu-item.active:hover .no-hover {
  color: var(--sn-science-blue-hover);
}
.sci--layout-navigation-navigator .menu-item .disabled-link,
.sci--layout-navigation-navigator .menu-item .disabled-link:not(.no-hover):hover,
.sci--layout-navigation-navigator .menu-item .disabled-link.no-hover:hover,
.sci--layout-navigation-navigator .menu-item:not(.active):hover .disabled-link,
.sci--layout-navigation-navigator .menu-item:not(.active):hover .disabled-link:not(.no-hover):hover,
.sci--layout-navigation-navigator .menu-item:not(.active):hover .disabled-link.no-hover:hover,
.sci--layout-navigation-navigator .menu-item.active:hover .disabled-link,
.sci--layout-navigation-navigator .menu-item.active:hover .disabled-link:not(.no-hover):hover,
.sci--layout-navigation-navigator .menu-item.active:hover .disabled-link.no-hover:hover {
  color: var(--sn-grey);
  pointer-events: none;
  text-decoration: none;
}

.sci--navigation--notificaitons-flyout-container {
  position: relative;
}
.sci--navigation--notificaitons-flyout-container .has-unseen::after {
  align-items: center;
  background-color: #3b99fd;
  border-radius: 0.5rem;
  color: #fff;
  content: attr(data-unseen);
  display: flex;
  font-size: 10px;
  height: 1rem;
  justify-content: center;
  left: 1.25rem;
  min-width: 1rem;
  padding: 0 0.25rem;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.sci--navigation--notificaitons-flyout {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 8rem);
  padding: 1.5rem;
  width: 600px;
}
.sci--navigation--notificaitons-flyout .sci--navigation--notificaitons-flyout-title {
  font-size: 18px;
  font-weight: bold;
  align-items: center;
  display: flex;
  margin-bottom: 0.625rem;
}
.sci--navigation--notificaitons-flyout .sci--navigation--notificaitons-flyout-title .sn-icon {
  font-size: 14px;
  cursor: pointer;
  margin-left: auto;
}
.sci--navigation--notificaitons-flyout hr {
  margin: 0.625rem 0;
}
.sci--navigation--notificaitons-flyout .sci-navigation--notificaitons-flyout-subtitle {
  font-size: 16px;
  line-height: 2.25rem;
  margin-bottom: 0.625rem;
}
.sci--navigation--notificaitons-flyout .sci--navigation--notificaitons-flyout-notifications {
  margin-left: -1.5rem;
  overscroll-behavior: contain;
  padding: 0 1.5rem;
  position: relative;
  width: calc(100% + 3rem);
}
.sci--navigation--notificaitons-flyout .sci--navigation--notificaitons-flyout-notifications .next-page-loader {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
.sci--navigation--notificaitons-flyout .sci-navigation--notificaitons-flyout-notification {
  border-bottom: 1px solid #eaecf0;
  padding: 1rem 0;
}
.sci--navigation--notificaitons-flyout .sci-navigation--notificaitons-flyout-notification .sci-navigation--notificaitons-flyout-notification-icon {
  align-items: center;
  background-color: #104da9;
  border-radius: 50%;
  color: #fff;
  display: flex;
  grid-row: 1/5;
  height: 2rem;
  justify-content: center;
  margin-right: 0.75rem;
  width: 2rem;
}
.sci--navigation--notificaitons-flyout .sci-navigation--notificaitons-flyout-notification .sci-navigation--notificaitons-flyout-notification-icon.deliver {
  background-color: #f0ad4e;
}
.sci--navigation--notificaitons-flyout .sci-navigation--notificaitons-flyout-notification .sci-navigation--notificaitons-flyout-notification-icon.system {
  background-color: #5ec66f;
}
.sci--navigation--notificaitons-flyout .sci-navigation--notificaitons-flyout-notification .sci-navigation--notificaitons-flyout-notification-date {
  font-size: 12px;
  color: #98a2b3;
}
.sci--navigation--notificaitons-flyout .sci-navigation--notificaitons-flyout-notification .sci-navigation--notificaitons-flyout-notification-title {
  margin: 0.25rem 0;
}
.sci--navigation--notificaitons-flyout .sci-navigation--notificaitons-flyout-notification .sci-navigation--notificaitons-flyout-notification-title:not([data-seen=true]) {
  font-weight: bold;
}
.sci--navigation--notificaitons-flyout .sci-navigation--notificaitons-flyout-notification .sci-navigation--notificaitons-flyout-notification-message[data-notification=system] {
  cursor: pointer;
}

#sciNavigationTopMenuContainer {
  display: contents;
}

.sci--navigation--top-menu-container {
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid var(--sn-sleepy-grey);
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  height: 100%;
  padding: 0 1rem;
}
.sci--navigation--top-menu-container .sci--navigation--top-menu-logo {
  margin-right: auto;
}
.sci--navigation--top-menu-container .sci--navigation--top-menu-logo a {
  display: inline-block;
}
.sci--navigation--top-menu-container .sci--navigation--top-menu-logo .logo {
  max-height: 22px;
}
.sci--navigation--top-menu-container .sci--navigation--top-menu-logo .logo.small {
  display: none;
}
.sci--navigation--top-menu-container .sci--navigation--top-menu-search {
  width: 300px;
}
.sci--navigation--top-menu-container .sci--navigation--top-menu-user .avatar {
  border-radius: 50%;
}
.sci--navigation--top-menu-container .dropdown-menu {
  top: 43px;
  border-radius: 0 0 4px 4px;
}
.sci--navigation--top-menu-container .top-menu-user-dropdown {
  top: 40px;
}
.sci--navigation--top-menu-container .dropdown-menu li a {
  line-height: 1rem;
  padding: 0.625rem 1rem;
}
@media (max-width: 1200px) {
  .sci--navigation--top-menu-container .sci--navigation--top-menu-logo .logo.large {
    display: none;
  }
  .sci--navigation--top-menu-container .sci--navigation--top-menu-logo .logo.small {
    display: initial;
  }
}

.modal-bio-eddie {
  background: transparent;
  font-size: 16px;
  padding: 0 !important;
}
.modal-bio-eddie .modal-dialog {
  height: 100%;
  margin: 0;
  padding: 0;
  width: auto;
}
.modal-bio-eddie .modal-content {
  background: transparent;
  border: 0;
  box-shadow: none;
  height: 100%;
  width: auto;
}
.modal-bio-eddie .modal-header {
  background: #fff;
  display: flex;
  height: 60px;
  line-height: 40px;
  padding: 10px 15px;
  text-align: center;
}
.modal-bio-eddie .modal-header .file-save-link {
  flex-shrink: 0;
  margin: 0 20px 0 0;
}
.modal-bio-eddie .modal-header .file-save-link img {
  height: 16px;
  vertical-align: sub;
}
.modal-bio-eddie .modal-header .file-name {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  float: left;
  margin-right: auto;
}
.modal-bio-eddie .modal-header .file-name input {
  border-radius: 5px;
  box-shadow: none;
  color: #1d2939;
  height: 40px;
  margin-left: 5px;
  outline: 0;
  padding: 5px 10px;
  position: relative;
  width: 350px;
}
.modal-bio-eddie .modal-body {
  height: calc(100% - 60px);
}
.modal-bio-eddie .modal-body iframe {
  height: 100%;
  position: relative;
  width: 100%;
}

.clone-experiment-modal .dropdown-toggle,
.move-experiment-modal .dropdown-toggle {
  box-shadow: unset;
  outline: unset;
}
.clone-experiment-modal .dropdown-menu .dropdown-item,
.move-experiment-modal .dropdown-menu .dropdown-item {
  min-height: 32px;
  outline: none;
  white-space: break-spaces;
}

.projects-show .content-header {
  height: var(--content-header-size);
}
.projects-show .experiment-actions-menu {
  height: 36px;
  width: 36px;
}
.projects-show .experiment-actions-menu .dropdown-menu {
  z-index: 102;
}
.projects-show .experiment-actions-menu .dropdown-menu a,
.projects-show .experiment-actions-menu .dropdown-menu button {
  font-size: 14px;
  padding: 0.5em 1em;
}
.projects-show .experiment-actions-menu .dropdown-menu a .fas,
.projects-show .experiment-actions-menu .dropdown-menu button .fas {
  margin-right: 0.4em;
}
.projects-show .experiment-actions-menu .dropdown-backdrop {
  z-index: 101;
}
.projects-show .project-show-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.projects-show .project-show-toolbar .btn {
  margin-right: 0.25em;
}
.projects-show .project-show-toolbar .left {
  align-self: flex-start;
}
.projects-show .project-show-toolbar .middle {
  align-self: center;
}
.projects-show .project-show-toolbar .right {
  align-self: flex-end;
}
.projects-show .content-header .project-name {
  align-items: center;
  display: flex;
  max-width: calc(100% - 2rem);
}
.projects-show .content-header .project-name .fas {
  margin-right: 0.5em;
}
.projects-show .content-header .edit-experiments-form,
.projects-show .content-header .clone-experiments-form,
.projects-show .content-header .move-experiments-form,
.projects-show .content-header .archive-experiments-form,
.projects-show .content-header .new-experiment-form,
.projects-show .content-header .restore-experiments-form {
  display: inline-block;
}
.projects-show .project-show-container {
  margin: 0;
}
.projects-show .project-show-container .cards-wrapper {
  --card-min-width: 350px;
  --list-columns-number: 8;
  grid-auto-rows: auto;
}
.projects-show .project-show-container .cards-wrapper .card {
  align-items: center;
}
.projects-show .project-show-container .cards-wrapper .card .experiment-code-cell {
  display: block;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-card {
  border-radius: 4px;
  box-shadow: 0px 1px 4px rgba(35, 31, 32, 0.15);
}
.projects-show .project-show-container .cards-wrapper .card.experiment-card .workflow-img-wrapper {
  background-color: #eaecf0;
  border-radius: 4px;
  height: 76px;
  width: 76px;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-card .workflow-img-wrapper .archived-icon-plceholder {
  color: #98a2b3;
  font-size: 3.5em;
  line-height: 76px;
  text-align: center;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-card .workflow-img-wrapper .workflowimg-container {
  text-align: center;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-card .workflow-img-wrapper .workflowimg-container img {
  border-radius: 4px;
  max-height: 70px;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-card .experiment-name-cell {
  font-size: 16px;
  font-weight: bold;
  height: 3em;
  margin-bottom: 1em;
  width: 100%;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-card .experiment-name-cell a {
  -webkit-box-orient: vertical;
  color: inherit;
  display: -webkit-box;
  height: 3em;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-card .dates-and-img-container {
  display: flex;
  height: 6em;
  width: 100%;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-card .dates-and-img-container .dates-container {
  flex-grow: 1;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-card .actions-cell {
  height: 36px;
  margin-left: auto;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-card .data-row {
  display: flex;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-card .data-row .card-label {
  color: #98a2b3;
  width: 7em;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-card .data-row .card-value {
  font-weight: 600;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-card .progress {
  box-shadow: none;
  height: 4px;
  margin-bottom: 0;
  width: 100%;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-card .progress .progress-bar {
  min-width: 0 !important;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-card .completed-task-cell {
  width: 100%;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-card .description-cell .description-text {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  height: 3em;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding-top: 0.25em;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-card .description-cell .description-text::after {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 50%);
  bottom: 0.4em;
  content: "";
  height: 1.5em;
  position: absolute;
  right: 0;
  text-align: right;
  width: 25%;
  min-width: 75px;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-card .description-cell .more-button {
  bottom: 0.5em;
  position: absolute;
  right: 1em;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-placeholder {
  align-items: center;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 1px 4px rgba(35, 31, 32, 0.15);
  display: flex;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-placeholder .placeholder-body {
  display: flex;
  flex-basis: 70%;
  flex-wrap: wrap;
  height: 80px;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-placeholder .image-container {
  margin-left: auto;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-placeholder .image-container .image-text {
  display: none;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-placeholder .placeholder-element {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: placeholder-pulsing;
  background-color: #d0d5dd;
  border-radius: 4px;
  height: 18px;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-placeholder .placeholder-element.header, .projects-show .project-show-container .cards-wrapper .card.experiment-placeholder .placeholder-element.footer {
  flex-basis: 100%;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-placeholder .placeholder-element.footer {
  height: 36px;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-placeholder .placeholder-element.line-0 {
  flex-basis: 100%;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-placeholder .placeholder-element.line-1 {
  flex-basis: 90%;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-placeholder .placeholder-element.line-2 {
  flex-basis: 80%;
}
.projects-show .project-show-container .cards-wrapper .card.experiment-placeholder .placeholder-element.image {
  height: 80px;
  width: 80px;
}
@keyframes placeholder-pulsing {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.projects-show .project-show-container .cards-wrapper.list {
  grid-auto-rows: 1px minmax(3em, auto);
  grid-template-columns: max-content minmax(100px, auto) minmax(80px, max-content) repeat(calc(var(--list-columns-number) - 4), minmax(100px, auto)) max-content;
  grid-template-rows: 3em;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-card .card-value {
  font-weight: normal;
  line-height: 2em;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-card .workflow-img-wrapper {
  flex-shrink: 0;
  height: 3em;
  margin: 0 0.75em 0 0.25em;
  padding: 0.25em;
  width: 3em;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-card .workflow-img-wrapper .archived-icon-plceholder {
  font-size: 2em;
  line-height: 1.75em;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-card .workflow-img-wrapper .workflowimg-container {
  text-align: center;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-card .workflow-img-wrapper .workflowimg-container img {
  max-height: 2.5em;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-card .dates-and-img-container,
.projects-show .project-show-container .cards-wrapper.list .card.experiment-card .dates-container {
  display: contents;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-card .checkbox-cell {
  align-items: normal;
  padding-top: 0.5em;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-card .experiment-name-cell {
  font-size: 14px;
  color: #104da9;
  display: flex;
  font-weight: normal;
  grid-column: 2;
  height: 100%;
  margin: 0;
  padding: 0.25em 0;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-card .experiment-name-cell a {
  overflow: hidden;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-card .experiment-code-cell {
  display: block;
  grid-column: 3;
  line-height: 1.25em;
  padding-top: 0.5em;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-card .start-date-cell {
  grid-column: 4;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-card .modified-date-cell {
  grid-column: 5;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-card .completed-task-cell {
  grid-column: 6;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-card .description-cell {
  grid-column: 7;
  position: relative;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-card .description-cell .description-text {
  height: 3em;
  -webkit-line-clamp: 2;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-card .description-cell .description-text::after {
  bottom: 0.5em;
  right: 0.5em;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-card .description-cell .more-button {
  bottom: 0.5em;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-card .actions-cell {
  grid-column: 8;
  height: 100%;
  padding-top: 3px;
  position: initial;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-placeholder {
  display: contents;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-placeholder .placeholder-body {
  display: contents;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-placeholder .placeholder-element {
  align-self: flex-start;
  display: none;
  margin-top: 0.5em;
  padding: 0.5em 0;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-placeholder .footer {
  display: block;
  grid-column: 6;
  height: 18px;
  width: 80%;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-placeholder .header {
  display: block;
  grid-column: 7;
  width: 80%;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-placeholder .image-container {
  display: flex;
  grid-column: 2;
  margin-left: 0;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-placeholder .image-container .image {
  display: block;
  flex-basis: 56px;
  height: 56px;
  margin: 0;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-placeholder .image-container .image-text {
  display: block;
  flex-basis: calc(100% - 80px);
  margin: 0 10px 0 auto;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-placeholder .line-0 {
  display: block;
  grid-column: 3;
  width: 80%;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-placeholder .line-1 {
  display: block;
  grid-column: 4;
  width: 80%;
}
.projects-show .project-show-container .cards-wrapper.list .card.experiment-placeholder .line-2 {
  display: block;
  grid-column: 5;
  width: 80%;
}
.projects-show .project-show-container .cards-wrapper.last-page {
  padding-bottom: 5em;
  position: relative;
}
.projects-show .project-show-container .cards-wrapper .experiment-list-end-placeholder {
  align-items: center;
  background-color: #eaecf0;
  bottom: 1em;
  display: flex;
  height: 3em;
  left: calc(50% - 150px);
  margin: 0 auto;
  padding: 1em;
  position: absolute;
  width: 300px;
}
.projects-show .project-show-container .cards-wrapper .experiment-list-end-placeholder > * {
  flex-grow: 1;
  text-align: center;
}
.projects-show.active [data-view-mode=archived] {
  display: none !important;
}
.projects-show.archived [data-view-mode=active] {
  display: none !important;
}
.projects-show.archived .project-show-container .experiment-actions-menu {
  height: 36px;
  width: 36px;
}
.projects-show.archived .project-show-container .experiment-actions-menu .btn-light:hover {
  background: #d0d5dd;
}
.projects-show.archived .project-show-container .cards-wrapper .card.experiment-card .workflow-img-wrapper {
  align-items: center;
  background-color: #eaecf0;
  border: 1px solid #d0d5dd;
  display: flex;
  justify-content: center;
}
.projects-show.archived .project-show-container .cards-wrapper .card.experiment-card .progress-bar {
  background-color: #98a2b3;
}
.projects-show.archived .project-show-container .cards-wrapper .card.experiment-card .description-cell {
  width: 100%;
}
.projects-show.archived .project-show-container .cards-wrapper .card.experiment-card .description-cell .description-text::before {
  background: #d0d5dd;
  content: "";
  display: block;
  height: 4px;
}
.projects-show.archived .project-show-container .cards-wrapper .card.experiment-card .description-cell .description-text::after {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #eaecf0 50%);
}
.projects-show.archived .project-show-container .cards-wrapper.list .card.experiment-card .archived-date-cell {
  grid-column: 6;
}
.projects-show.archived .project-show-container .cards-wrapper.list .card.experiment-card .description-cell .description-text::before {
  content: unset;
}
.projects-show.archived .project-show-container .cards-wrapper.list .card.experiment-card:hover .description-text::after {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #d0d5dd 50%);
}

.move-experiment-modal .warning-message {
  background: #fbebd3;
  margin-top: 1em;
  padding: 0.5em;
}
.move-experiment-modal .warning-message .fas {
  color: #f0ad4e;
}

@media (max-height: 700px) {
  .projects-show .experiments-filters {
    max-height: calc(100vh - var(--navbar-height) - var(--content-header-size));
    overflow: auto;
  }
}
.tasks-no-results-container {
  grid-column: 1/-1;
  grid-row: 8;
  display: none;
}

.no-results-img {
  display: block;
  margin: auto;
  max-height: 230px;
}

.no-results-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0.25em;
  margin-top: 1.25em;
  text-align: center;
}

.no-results-description {
  font-size: 16px;
  color: #98a2b3;
  text-align: center;
}

.forgot-password-layout #content-wrapper {
  margin-left: 0;
}
.forgot-password-layout #content-wrapper .container:first-child {
  padding: 0;
}
.forgot-password-layout .forgot-password-container {
  display: flex;
}
.forgot-password-layout .forgot-password-container .forgot-password-form-wrapper {
  flex-basis: 50%;
  flex-grow: 1;
}
.forgot-password-layout .forgot-password-container .forgot-password-form-wrapper .center-block-narrow {
  margin-top: 72px;
  padding: 0 50px;
}
.forgot-password-layout .forgot-password-container .forgot-password-form-wrapper .forgot-password-title {
  margin-bottom: 24px;
}
.forgot-password-layout .forgot-password-container .forgot-password-form-wrapper .sci-input-container {
  margin-bottom: 24px;
}

.global-activities-container {
  background: #fff;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 89px);
  padding: 0 15px;
}
.global-activities-container.task-activities {
  height: calc(100vh - var(--navbar-height) - var(--title-row-height) - 6rem);
  padding-top: 20px;
}
.global-activities-container .ga-top .ga-title {
  border-bottom: 1px solid #eaecf0;
  margin-top: 14px;
  padding: 15px 0;
  position: relative;
  width: calc(100% + 30px);
}
.global-activities-container .ga-top .ga-actions {
  align-items: center;
  border-bottom: 1px solid #eaecf0;
  display: flex;
  height: 42px;
  padding-bottom: 0.75em;
}
.global-activities-container .ga-top .ga-actions .ga-search-container {
  display: none;
  flex-grow: 1;
  max-width: 500px;
  position: relative;
}
.global-activities-container .ga-top .ga-actions .ga-search-container::placeholder {
  color: #98a2b3;
}
.global-activities-container .ga-top .ga-actions .ga-search-container .search-field {
  border: 1px solid #eaecf0;
  border-radius: 4px;
  color: #1d2939;
  display: block;
  font-size: 14px;
  height: 30px;
  line-height: 28px;
  outline: 0;
  padding: 0 0 0 30px;
  width: 100%;
}
.global-activities-container .ga-top .ga-actions .ga-search-container .sn-icon-search {
  color: #98a2b3;
  font-size: 18px;
  left: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 30px;
}
.global-activities-container .ga-top .ga-tags-container {
  border-bottom: 1px solid #eaecf0;
  display: flex;
  min-height: 38px;
  padding: 2px 0;
}
.global-activities-container .ga-top .ga-tags-container .clear-container {
  flex-shrink: 0;
  margin-left: 4px;
}
.global-activities-container .ga-top .ga-tags-container .ga-tags {
  align-items: center;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
}
.global-activities-container .ga-top .ga-tags-container .ga-tags::after {
  content: "";
  flex-grow: 1000000000;
}
.global-activities-container .ga-top .ga-tags-container .ga-tags .ds-tags {
  font-size: 12px;
  align-items: center;
  background: #eaecf0;
  border-radius: 2px;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-shrink: 0;
  line-height: 13px;
  margin: 2px 3px;
  max-height: 24px;
  max-width: 250px;
  overflow: hidden;
  padding: 5px 8px;
  transition: 0.3s;
  user-select: none;
}
.global-activities-container .ga-top .ga-tags-container .ga-tags .ds-tags.closing {
  margin: 2px 0;
  max-width: 0;
  padding: 5px 0;
}
.global-activities-container .ga-top .ga-tags-container .ga-tags .ds-tags.stretch {
  flex-grow: 1;
  flex-shrink: 1;
}
.global-activities-container .ga-top .ga-tags-container .ga-tags .ds-tags .tag-label {
  display: inline-block;
  margin-right: 5px;
  margin-top: 1px;
  max-width: 500px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}
.global-activities-container .ga-top .ga-tags-container .ga-tags .ds-tags .fas {
  cursor: pointer;
  flex-grow: 1;
  font-size: 12px;
  opacity: 0.7;
  text-align: right;
}
.global-activities-container .ga-bottom {
  display: flex;
  flex-grow: 1;
  height: 100%;
}
.global-activities-container .ga-main {
  border-right: 1px solid #eaecf0;
  flex-grow: 5;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.global-activities-container .ga-main .activities-container {
  height: 100%;
  overflow-y: auto;
  padding-top: 10px;
  position: absolute;
  width: 100%;
}
.global-activities-container .ga-main .ga-activities-list .activities-day {
  display: flex;
  margin-bottom: 10px;
}
.global-activities-container .ga-main .ga-activities-list .activities-day .date-container {
  flex-shrink: 0;
  padding-right: 20px;
}
.global-activities-container .ga-main .ga-activities-list .activities-day .date-activities {
  flex-grow: 1;
}
.global-activities-container .ga-main .activities-counter-label {
  margin-left: 5px;
}
.global-activities-container .ga-main .activities-group-expand-button {
  color: #1d2939;
  user-select: none;
}
.global-activities-container .ga-main .activities-group-expand-button:hover, .global-activities-container .ga-main .activities-group-expand-button:visited, .global-activities-container .ga-main .activities-group-expand-button:focus {
  text-decoration: none;
}
.global-activities-container .ga-main .activities-group-expand-button .sn-icon {
  display: inline-block;
  margin-right: 3px;
  text-align: center;
}
.global-activities-container .ga-main .activities-group-expand-button:not(.collapsed) .sn-icon {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.global-activities-container .ga-main .activity-card {
  cursor: default;
  margin-right: 15px;
  padding: 5px 0 5px 5px;
}
.global-activities-container .ga-main .activity-card:hover {
  background-color: var(--sn-super-light-grey);
  border-radius: 5px;
}
.global-activities-container .ga-main .activity-card .activity-text p {
  margin: 0;
}
.global-activities-container .ga-main .activity-card .activity-text .atwho-user-container:not(:first-child) .global-avatar-container {
  height: 20px;
  line-height: 20px;
  margin-left: 0;
  position: relative;
  top: 1px;
  width: 20px;
}
.global-activities-container .ga-main .activity-card .activity-info {
  color: #98a2b3;
  display: flex;
  min-height: 20px;
}
.global-activities-container .ga-main .activity-card .activity-info .activity-timestamp {
  color: inherit;
  flex-shrink: 0;
}
.global-activities-container .ga-main .activity-card .activity-info .navigational-breadcrumbs {
  color: inherit;
  display: flex;
  flex-wrap: wrap;
}
.global-activities-container .ga-main .activity-card .activity-info .navigational-breadcrumbs .ga-breadcrumb {
  align-items: center;
  display: flex;
  margin-left: 15px;
}
.global-activities-container .ga-main .activity-card .activity-info .navigational-breadcrumbs .ga-breadcrumb .fas,
.global-activities-container .ga-main .activity-card .activity-info .navigational-breadcrumbs .ga-breadcrumb img {
  margin-right: 3px;
}
.global-activities-container .ga-main .activity-card .fa-comment {
  color: #98a2b3;
  margin-right: 3px;
  position: relative;
}
.global-activities-container .ga-main .no-activities-message {
  margin-top: 20px;
}

.ga-side {
  flex-basis: 450px;
  flex-shrink: 0;
  height: 100%;
  margin-right: -15px;
  overflow: hidden;
  position: relative;
}
.ga-side .filters-container {
  height: 100%;
  margin-bottom: 60px;
  overflow-y: auto;
  padding: 15px 20px;
  position: absolute;
}
.ga-side .filter-block {
  display: inline-block;
  width: 100%;
}
.ga-side .filter-block .title {
  font-size: 12px;
  float: left;
  line-height: 20px;
  margin-bottom: 5px;
  width: calc(100% - 50px);
}
.ga-side .filter-block .title.sub {
  font-size: 12px;
}
.ga-side .filter-block .clear {
  cursor: pointer;
  display: none;
  float: right;
  font-weight: normal;
  line-height: 12px;
  margin-bottom: 0;
  margin-top: 8px;
  padding-bottom: 8px;
  padding-top: 8px;
  color: var(--sn-blue);
  font-size: 0.875rem;
}
.ga-side .filter-block .select-container {
  display: inline-block;
  margin-bottom: 5px;
  min-height: 36px;
  width: 100%;
}
.ga-side .filter-block .select-container select {
  display: none;
}
.ga-side .filter-block.report-block {
  margin-bottom: 60px;
}
.ga-side .date-selector {
  display: inline-block;
  margin-bottom: 5px;
  position: relative;
  width: 100%;
}
.ga-side .date-selector .hot-buttons {
  display: inline-block;
  width: 100%;
}
.ga-side .date-selector .hot-buttons .hot-button {
  border: 0;
  cursor: pointer;
  float: left;
  justify-content: start;
  margin: 0;
  text-align: left;
  width: calc(50% - 25px);
}
.ga-side .date-selector .hot-buttons .hot-button.selected {
  background: var(--sn-super-light-grey);
}
.ga-side .date-selector .hot-buttons .hot-button:nth-child(even) {
  margin-left: 20px;
}
.ga-side .date-selector .hot-buttons .hot-button:nth-child(odd) {
  margin-right: 20px;
}
.ga-side .date-selector .from,
.ga-side .date-selector .to {
  float: left;
  position: relative;
  width: calc(50% - 15px);
}
.ga-side .date-selector .separator {
  background: #d0d5dd;
  float: left;
  height: 2px;
  margin: 16px 10px;
  position: relative;
  width: 10px;
}

@media (max-width: 1200px) {
  .ga-side {
    flex-basis: 350px;
  }
}
@media (max-height: 800px) {
  .ga-side .date-selector .hot-buttons .hot-button {
    margin: 5px 0;
  }
}
@media (max-width: 900px) {
  .ga-main .activities-day {
    flex-direction: column;
  }
  .ga-main .activities-day .date-activities {
    margin: 5px 10px 0 0;
    padding-left: 10px;
  }
  .ga-main .activities-day .date-activities .activities-counter-label {
    border-bottom: 1px solid #eaecf0;
    padding-bottom: 5px;
  }
}
.datetime-picker-container {
  position: relative;
}
.datetime-picker-container .sn-icon-calendar {
  color: #98a2b3;
  font-size: 18px;
  line-height: 34px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 34px;
}
.datetime-picker-container .calendar-input {
  font-size: 14px;
  background-color: transparent !important;
  border-color: #98a2b3;
  box-shadow: none;
  color: inherit;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 34px;
  position: relative;
  width: 100%;
  z-index: 3;
}
.datetime-picker-container .calendar-input::placeholder {
  color: #d0d5dd;
}

.modal-marvin-js {
  background: transparent;
  font-size: 16px;
  padding: 0 !important;
}
.modal-marvin-js .modal-dialog {
  height: 100%;
  margin: 0;
  padding: 0;
  width: auto;
}
.modal-marvin-js .modal-content {
  border: 0;
  box-shadow: none;
  height: 100%;
  padding: 0;
  width: auto;
}
.modal-marvin-js .modal-header {
  background: #fff;
  display: flex;
  flex-direction: row;
  height: 60px;
  line-height: 40px;
  padding: 10px 15px;
  text-align: center;
}
.modal-marvin-js .modal-header .file-save-link {
  flex-shrink: 0;
  margin: 0 20px 0 0;
}
.modal-marvin-js .modal-header .file-name {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  float: left;
  margin-right: auto;
}
.modal-marvin-js .modal-header .file-name input {
  border-radius: 5px;
  box-shadow: none;
  color: #1d2939;
  height: 40px;
  margin-left: 5px;
  outline: 0;
  padding: 5px 10px;
  position: relative;
  width: 350px;
}
.modal-marvin-js .modal-body {
  height: calc(100% - 60px);
}
.modal-marvin-js .modal-body #marvinjs-editor {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.modal-marvin-js .modal-body #marvinjs-editor #marvinjs-sketch {
  border-right: 1px solid #eaecf0;
  float: left;
  min-height: 450px;
  min-width: 500px;
  overflow: hidden;
}
.modal-marvin-js .modal-body .sketch-container {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 5px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  cursor: pointer;
  margin: 10px;
  overflow: hidden;
  padding: 10px;
  position: relative;
}
.modal-marvin-js .modal-body .sketch-container .sketch-image {
  height: 100%;
  width: 100%;
}
.modal-marvin-js .modal-body .sketch-container .sketch-name {
  color: #104da9;
  font-size: 16px;
  line-height: 18px;
  margin: 10px auto;
  overflow: hidden;
  text-align: center;
  width: 160px;
}
.modal-marvin-js .modal-body .sketch-container .sketch-object {
  color: #1d2939;
  font-size: 12px;
  opacity: 0.6;
  text-align: center;
}

#new-step-sketch .sketch-container {
  display: grid;
  float: left;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  width: 100%;
}

.new-marvinjs-upload-button .new-marvinjs-upload-icon {
  display: inline-block;
  height: 1.5em;
  width: 1.5em;
}
.new-marvinjs-upload-button .new-marvinjs-upload-icon img {
  height: 100%;
  width: 100%;
}

.mce-i-marvinjs::before {
  background-image: url(/images/icon_small/marvinjs.svg);
  content: "";
  display: block;
  height: 32px;
  left: -8px;
  line-height: 16px;
  position: relative;
  top: -8px;
  width: 32px;
}

.modal-promo-marvin-js .modal-header {
  padding-left: 35px;
}

html {
  scroll-padding-top: 128px;
}

.protocol-description-content {
  margin: 20px 0 20px 10px;
}

.task-due-date,
.task-state-label {
  font-size: 14px;
}
.task-due-date .alert-green,
.task-state-label .alert-green {
  color: #5ec66f;
}
.task-due-date .alert-yellow,
.task-state-label .alert-yellow {
  color: #f0ad4e;
}
.task-due-date .alert-red,
.task-state-label .alert-red {
  color: #ce0c24;
}

/* Results index page */
.navigation-results-counter {
  background-color: #eaecf0;
  border-radius: 100px;
  color: #475467;
  font-weight: bold;
  padding: 0.1em 0.5em;
}

.btn-colorselector {
  background-color: transparent;
}

.step-container .row {
  margin-left: 0;
  margin-right: 0;
}

.module-large .nav-tabs {
  display: flex;
}
.module-large .task-code {
  align-items: center;
  color: #475467;
  display: flex;
  height: 30px;
  margin-left: auto;
  padding-right: 0.5em;
  text-align: end;
}
.module-large .description-label {
  word-break: break-all;
  word-wrap: break-word;
}
.module-large .comment {
  word-break: break-all;
  word-wrap: break-word;
}

.archived-task-card-code {
  bottom: 30px;
  position: absolute;
  right: 25px;
}

.create-wopi-file-btn {
  cursor: pointer;
}
.create-wopi-file-btn img {
  height: 1.5em;
  width: 1.5em;
}

#new-office-file-modal .modal-header {
  border-bottom: 0;
}
#new-office-file-modal .modal-body {
  margin-bottom: 80px;
}
#new-office-file-modal .modal-footer {
  border-top: 0;
}
#new-office-file-modal img {
  width: 32px;
}
#new-office-file-modal label.btn {
  background-color: #fff;
  color: #1d2939;
  padding-left: 15px;
  text-align: left;
}
#new-office-file-modal label.btn#word-btn.active {
  background-color: #1759BC;
  color: #fff;
}
#new-office-file-modal label.btn#excel-btn.active {
  background-color: #0F7B41;
  color: #fff;
}
#new-office-file-modal label.btn#powerpoint-btn.active {
  background-color: #C33E1B;
  color: #fff;
}
#new-office-file-modal label.btn .act {
  display: none;
}
#new-office-file-modal label.btn.active .inactive {
  display: none;
}
#new-office-file-modal label.btn.active .act {
  display: inline-block;
}
#new-office-file-modal label.btn span {
  display: inline-block;
  margin-left: 15px;
  text-align: left;
  vertical-align: middle;
}
#new-office-file-modal #submit-btn-cont {
  padding: 0;
}
#new-office-file-modal #submit-btn-cont .btn {
  width: 100%;
}

.mce-toc ul,
.mce-toc li {
  list-style-type: none;
}

@media (max-width: 700px) {
  .task-section {
    border-left: 0;
    padding-left: 0;
  }
  .task-section .task-section-header .actions-block {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 5px;
    width: 100%;
  }
  .task-section .task-section-header .actions-block .dropdown {
    margin-bottom: 5px;
    min-width: 100%;
  }
  .task-details .module-tags .dropdown-selector-container .input-field {
    padding-right: 36px;
  }
  .task-details .datetime-container .date-text {
    margin-right: 0;
  }
  .task-details .datetime-container .dropdown-menu {
    left: -50px !important;
  }
  #steps .panel-heading {
    flex-wrap: wrap;
  }
  #steps .panel-options {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
  }
  .attachments {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
  }
  .attachments .attachment-placeholder {
    margin: 4px 0 16px;
    width: 200px;
  }
  #filePreviewModal .modal-body {
    width: 100%;
  }
  #filePreviewModal .modal-body .file-preview-container {
    width: 90%;
  }
}
.nav {
  margin-right: 0px;
}

#module-archive [data-view-mode=active] {
  display: none;
}
#module-archive .toolbar {
  margin-top: 1em;
  display: flex;
  justify-content: space-between;
}
#module-archive .toolbar .left {
  justify-self: flex-start;
}
#module-archive .toolbar .middle {
  margin: 0.5rem auto;
}
#module-archive .toolbar .view-switch,
#module-archive .toolbar .filter-container {
  display: inline-block;
}
#module-archive .toolbar .view-switch-button {
  outline: 1px solid #d0d5dd;
}
#module-archive .toolbar .view-switch {
  margin-left: auto;
}
#module-archive .toolbar .view-switch .caret {
  margin: 8px 0 8px 8px;
}
#module-archive .toolbar .view-switch.open .caret {
  transform: rotateX(180deg);
}
#module-archive .toolbar .view-switch.open .sn-icon-down {
  transform: rotateX(180deg);
}
#module-archive .toolbar .view-switch .dropdown-menu {
  font-size: 14px;
  min-width: 100%;
  padding: 0;
}
#module-archive .toolbar .view-switch .dropdown-menu .divider-label {
  font-size: 12px;
  color: #98a2b3;
  padding: 0.25em 1em;
}
#module-archive .toolbar .view-switch .dropdown-menu .divider {
  margin: 0;
}
#module-archive .toolbar .view-switch .dropdown-menu li {
  cursor: pointer;
  padding: 0.5em 1em;
  white-space: nowrap;
}
#module-archive .toolbar .view-switch .dropdown-menu li .button-icon {
  margin-right: 0.5em;
}
#module-archive .toolbar .view-switch .dropdown-menu li:hover:not(.divider-label) {
  background: #eaecf0;
}
#module-archive .toolbar .view-switch .dropdown-menu li .btn {
  height: 36px;
}
#module-archive .toolbar .view-switch .dropdown-menu li a {
  display: inline-block;
  margin: -1em;
  padding: 0.5em 1em;
  width: calc(100% + 2em);
}
#module-archive .toolbar .view-switch .dropdown-menu li a.selected::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f00c";
  margin-left: auto;
  position: absolute;
  right: 1em;
}
#module-archive .toolbar .view-switch .cards-switch.active::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f00c";
  position: absolute;
  right: 1em;
}
#module-archive .module-container {
  min-width: 220px;
}
#module-archive .module-container.active-card {
  z-index: 1000;
}
#module-archive .panel-default {
  border: 0;
  box-shadow: unset;
  position: unset;
  width: unset;
}
#module-archive .panel-default .task-selector-container {
  padding: 0.75em 0.75em 0 1em;
}
#module-archive .panel-default .task-selector-container.archived-task {
  display: flex;
  height: 2rem;
  margin: 0 0.75rem;
  padding: 0;
}
#module-archive .panel-default .task-selector-container.archived-task .sci-checkbox-container {
  display: flex;
  margin: auto;
}
#module-archive .panel-default .panel-heading {
  background-color: #eaecf0;
  border-color: #fff;
}
#module-archive .panel-default .panel-heading .panel-title {
  color: #475467;
}
#module-archive .panel-default .panel-body {
  background-color: #eaecf0;
  font-weight: normal;
}
#module-archive .panel-default .panel-body .archived-overdue-date .date-label {
  color: #475467;
  display: inline-block;
  font-weight: normal;
  width: 90px;
}
#module-archive .panel-default .panel-body .archived-overdue-date .date-value {
  color: #1d2939;
}
#module-archive .panel-default .panel-footer-scinote {
  background: #eaecf0;
  border-color: #fff;
  height: 2.5em;
}
#module-archive .panel-default .panel-footer-scinote .nav {
  border: 0;
}
#module-archive .panel-default .panel-footer-scinote .tab-content {
  background-color: #eaecf0;
  box-shadow: 0px 1px 4px rgba(35, 31, 32, 0.15);
}
#module-archive .panel-default .panel-footer-scinote .tab-content .tab-pane > .text-center {
  margin-top: 0.3em;
}

.print-protocol-form .sci-checkbox-container {
  margin-right: 0.25em;
}

.notifications-container {
  margin-bottom: 20px;
  margin-top: 20px;
}

.notifications-header {
  background-color: #eaecf0;
  border-left: 1px solid #d0d5dd;
  border-right: 1px solid #d0d5dd;
  border-top: 1px solid #d0d5dd;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #475467;
  font-weight: bold;
  padding: 8px;
}

.notifications-list {
  background-color: #fff;
  border: 1px solid #d0d5dd;
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}
.notifications-list .notification {
  border-bottom: 1px solid #d0d5dd;
  padding-bottom: 10px;
  padding-top: 10px;
}
.notifications-list .notification:hover {
  background-color: #eaecf0;
}
.notifications-list .notification.no-notifications {
  padding-left: 15px;
}
.notifications-list .unseen {
  border-left: 4px solid #104da9;
}
.notifications-list .text-center {
  margin-left: 10px;
  padding-top: 10px;
}
.notifications-list .assignment {
  background-color: #104da9;
  border-radius: 50%;
  color: #eaecf0;
  display: inline-block;
  height: 30px;
  padding-top: 5px;
  width: 30px;
}
.notifications-list .system-message {
  background-color: #5ec66f;
  border-radius: 50%;
  color: #eaecf0;
  display: inline-block;
  height: 30px;
  padding-top: 5px;
  width: 30px;
}
.notifications-list .deliver {
  background-color: #f0ad4e;
  border-radius: 50%;
  color: #eaecf0;
  display: inline-block;
  height: 30px;
  padding-top: 5px;
  width: 30px;
}
.notifications-list .deliver-error {
  background-color: #ce0c24;
  border-radius: 50%;
  color: #eaecf0;
  display: inline-block;
  height: 30px;
  padding-top: 5px;
  width: 30px;
}

.btn-more-notifications {
  margin-top: 15px;
}

/* Canvas index page */
#canvas-container:not(.canvas-container-edit-mode) {
  margin-top: 5px;
}

/**********************************
 * jsPlumb CANVAS RELATED STYLING *
 *********************************/
#diagram-buttons {
  align-items: center;
  display: flex;
}
#diagram-buttons .actions-button {
  margin-right: 15px;
}
#diagram-buttons .actions-button .fas {
  margin-right: 0.4em;
}
#diagram-buttons .actions-button a {
  padding: 0.5em 1em;
}
#diagram-buttons .toolbarButtons {
  align-items: center;
  display: flex;
}
#diagram-buttons .toolbarButtons .zoom-text {
  margin-right: 5px;
}

#update-canvas .canvas-header {
  padding: 1em 2em;
}

#canvas-new-module .hbtn-new {
  display: inline;
}
#canvas-new-module .hbtn-drag {
  display: none;
}
#canvas-new-module:hover .hbtn-new {
  display: none;
}
#canvas-new-module:hover .hbtn-drag {
  display: inline;
}

#diagram-container {
  -moz-box-shadow: 0 0 2px 1px #d0d5dd;
  -webkit-box-shadow: 0 0 2px 1px #d0d5dd;
  box-shadow: 0 0 2px 1px #d0d5dd;
  -o-box-shadow: 0 0 2px 1px #d0d5dd;
  background: #d0d5dd;
  cursor: move;
  height: 650px;
  overflow: hidden;
  touch-action: none;
}
#diagram-container .empty-canvas {
  color: #475467;
  display: flex;
  font-size: 22px;
  justify-content: center;
  margin-top: 48px;
}

.diagram {
  position: relative;
  display: block;
}
.diagram .window:hover {
  -moz-box-shadow: 2px 2px 19px #1d2939;
  -webkit-box-shadow: 2px 2px 19px #1d2939;
  box-shadow: 2px 2px 19px #1d2939;
  -o-box-shadow: 2px 2px 19px #1d2939;
}
.diagram .hover {
  border: 1px dotted red;
}
.diagram ._jsPlumb_connector {
  z-index: 4;
}
.diagram ._jsPlumb_endpoint, .diagram ._jsPlumb_endpoint_full {
  z-index: 21;
  cursor: pointer;
}
.diagram ._jsPlumb_overlay, .diagram .endpointTargetLabel, .diagram .endpointSourceLabel {
  z-index: 21;
  background-color: #fff;
  cursor: pointer;
}
.diagram .connLabel {
  background-color: #fff;
  color: #475467;
  padding: 0px 7px 2px 7px;
  font: 20px arial;
  font-weight: bold;
  border-radius: 50%;
  z-index: 5;
  cursor: pointer;
}
.diagram .connLabel:hover {
  color: #104da9;
  padding: 2px 9px 4px 9px;
}

.window._jsPlumb_connected {
  border: 2px solid green;
}

.jsplumb-drag .title {
  background-color: #104da9 !important;
  color: #fff !important;
}

path, ._jsPlumb_endpoint {
  cursor: pointer;
}

.ep-normal svg * {
  fill: #fff;
}

.ep-hover svg * {
  fill: #104da9;
}

/* EDIT MODE MODULE */
.module.new {
  opacity: 0.7;
}

.module.dragged > .panel-heading {
  background-color: #104da9;
  color: #fff;
}

.module.collided .overlay {
  display: block;
  z-index: 21;
  background-color: #ce0c24;
  border: 1px solid #ce0c24;
  -moz-box-shadow: 0 0 0 1pt #ce0c24;
  -webkit-box-shadow: 0 0 0 1pt #ce0c24;
  box-shadow: 0 0 0 1pt #ce0c24;
  -o-box-shadow: 0 0 0 1pt #ce0c24;
  border-radius: 4px;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0.7;
}

.module {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 290px;
}
.module .panel-heading {
  height: 40px;
}
.module .panel-heading .dropdown {
  bottom: 22px;
  left: 22px;
}
.module .panel-heading .dropdown:hover a {
  text-decoration: none;
}
.module .panel-body {
  height: 90px;
}
.module .ep {
  font-style: italic;
}
.module .ep .task-card-code {
  color: #475467;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 4px;
}
.module .ep .task-card-code .new-my-module-canvas {
  color: #98a2b3;
}
.module .dropdown .dropdown-toggle {
  color: #98a2b3;
}
.module .dropdown .dropdown-menu {
  z-index: 30;
}
.module .overlay {
  display: none;
}

/* FULL-ZOOM MODULE */
.module-large {
  cursor: pointer;
  display: block;
  position: absolute;
  width: 300px;
  z-index: 5;
}
.module-large .panel-body .due-date-link {
  color: #1d2939;
  display: block;
}
.module-large .panel-body .due-date-link:hover {
  text-decoration: none;
}
.module-large .panel-body .due-date-label {
  margin-left: 0.5em;
}
.module-large .panel-body .due-date-label.empty-label {
  color: #d0d5dd;
}
.module-large.expanded {
  z-index: 30;
}
.module-large .my-module-title {
  color: #1d2939;
}
.module-large.group-hover {
  -moz-box-shadow: 0 0 0 5px #eaecf0;
  -webkit-box-shadow: 0 0 0 5px #eaecf0;
  box-shadow: 0 0 0 5px #eaecf0;
  -o-box-shadow: 0 0 0 5px #eaecf0;
}
.module-large.module-hover {
  -moz-box-shadow: 0 0 0 5px #104da9;
  -webkit-box-shadow: 0 0 0 5px #104da9;
  box-shadow: 0 0 0 5px #104da9;
  -o-box-shadow: 0 0 0 5px #104da9;
}
.module-large.alert-green .panel-body {
  color: #5ec66f;
  font-weight: bold;
}
.module-large.alert-green .panel-body .due-date-link {
  color: #5ec66f;
}
.module-large.alert-yellow .panel-body {
  color: #f0ad4e;
  font-weight: bold;
}
.module-large.alert-yellow .panel-body .due-date-link {
  color: #f0ad4e;
}
.module-large.alert-red .panel-body {
  color: #ce0c24;
  font-weight: bold;
}
.module-large.alert-red .panel-body .due-date-link {
  color: #ce0c24;
}
.module-large .nav-tabs {
  border-bottom: 0;
}
.module-large .designated-users-task-title {
  padding: 7px 0 0 15px;
}
.module-large .user-role {
  font-size: 12px;
}
.module-large.private {
  font-size: 16px;
  color: #98a2b3;
  height: 136px;
  padding: 1.5em 2em;
}
.module-large.private .panel-body {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.module-large.private .fas {
  flex-grow: 1;
  font-size: 24px;
}
.module-large.private .description {
  margin-top: 0.5em;
  text-align: center;
}
.module-large .panel-footer .btn-link {
  display: flex;
}

/* MEDIUM-ZOOM MODULE */
.module-medium {
  width: 200px;
  cursor: pointer;
  position: absolute;
  display: block;
  z-index: 5;
}
.module-medium.group-hover {
  -moz-box-shadow: 0 0 0 5px #eaecf0;
  -webkit-box-shadow: 0 0 0 5px #eaecf0;
  box-shadow: 0 0 0 5px #eaecf0;
  -o-box-shadow: 0 0 0 5px #eaecf0;
}
.module-medium.module-hover {
  -moz-box-shadow: 0 0 0 5px #104da9;
  -webkit-box-shadow: 0 0 0 5px #104da9;
  box-shadow: 0 0 0 5px #104da9;
  -o-box-shadow: 0 0 0 5px #104da9;
}
.module-medium.alert-green {
  border-color: #5ec66f;
  border-radius: 8px;
  border-width: 4px;
}
.module-medium.alert-yellow {
  border-color: #f0ad4e;
  border-width: 4px;
  border-radius: 8px;
}
.module-medium.alert-red {
  border-color: #ce0c24;
  border-width: 4px;
  border-radius: 8px;
}
.module-medium.private {
  font-size: 16px;
  color: #98a2b3;
}
.module-medium.private .fas {
  margin-right: 0.25em;
}

.module-large .tags-container,
.module-medium .tags-container {
  padding-top: 4px;
}
.module-large .tags-container div,
.module-medium .tags-container div {
  font-size: 20px;
  width: 4px;
  display: inline-block;
}
.module-large .tags-container div .fas,
.module-medium .tags-container div .fas {
  position: inherit;
}
.module-large .tags-container div.last,
.module-medium .tags-container div.last {
  margin-right: 15px;
  color: #98a2b3;
}
.module-large .tags-container span.badge, .module-large .tags-container span.circle-icon,
.module-medium .tags-container span.badge,
.module-medium .tags-container span.circle-icon {
  margin-left: -12px;
  margin-right: 4px;
  margin-top: -7px;
}

/* SMALL-ZOOM MODULE */
.module-small {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 6px solid #fff;
  -moz-box-shadow: inset 5px 5px 45px -6px #475467;
  -webkit-box-shadow: inset 5px 5px 45px -6px #475467;
  box-shadow: inset 5px 5px 45px -6px #475467;
  -o-box-shadow: inset 5px 5px 45px -6px #475467;
  background-color: #d0d5dd;
  cursor: pointer;
  position: absolute;
  display: block;
  text-align: center;
  z-index: 5;
  color: black;
}
.module-small span {
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
  display: block;
  margin-top: 10%;
}
.module-small span a {
  color: #1d2939;
}
.module-small.group-hover {
  -moz-box-shadow: 0 0 0 5px #eaecf0;
  -webkit-box-shadow: 0 0 0 5px #eaecf0;
  box-shadow: 0 0 0 5px #eaecf0;
  -o-box-shadow: 0 0 0 5px #eaecf0;
}
.module-small.module-hover {
  -moz-box-shadow: 0 0 0 5px #104da9;
  -webkit-box-shadow: 0 0 0 5px #104da9;
  box-shadow: 0 0 0 5px #104da9;
  -o-box-shadow: 0 0 0 5px #104da9;
}
.module-small.alert-green {
  border-color: #5ec66f;
}
.module-small.alert-yellow {
  border-color: #f0ad4e;
}
.module-small.alert-red {
  border-color: #ce0c24;
}
.module-small.private {
  font-size: 16px;
  align-items: center;
  background: #fff;
  box-shadow: none;
  color: #98a2b3;
  display: flex;
  justify-content: center;
}

/* Sidebar hovered style */
li.group-hover {
  background-color: #d0d5dd;
  border-radius: 4px;
}

li.module-hover a {
  color: #104da9;
  text-decoration: underline;
}

/* Edit module tags modal window */
#manage-module-tags-modal .add-tag-form {
  display: inline-block;
  margin-left: 15px;
}
#manage-module-tags-modal .modal-body ul.list-group > li {
  padding-top: 2px;
  padding-bottom: 2px;
}
#manage-module-tags-modal .modal-body ul.list-group > li > div.tag-show {
  color: #fff;
}
#manage-module-tags-modal .modal-body ul.list-group > li > div.tag-show form {
  display: inline-block;
}
#manage-module-tags-modal .modal-body ul.list-group > li > div.tag-show form .btn-link {
  margin-top: 4px;
}
#manage-module-tags-modal .modal-body ul.list-group > li > div.tag-edit .form-group {
  margin-bottom: 2px;
  margin-top: 3px;
}
#manage-module-tags-modal .modal-body ul.list-group > li > div.tag-edit .dropdown-colorselector {
  display: inline-block;
}
#manage-module-tags-modal .modal-body ul.list-group > li > div.tag-edit .dropdown-colorselector .btn-colorselector {
  height: 30px;
  width: 30px;
  margin-top: 5px;
  font-family: "Glyphicons Halflings";
  color: #fff;
  font-size: 20px;
}
#manage-module-tags-modal .modal-body ul.list-group > li > div.tag-edit .dropdown-colorselector .btn-colorselector:before {
  content: "\e221";
  margin-left: 6px;
}
#manage-module-tags-modal .modal-body ul.list-group > li .fas {
  color: #fff;
  font-size: 12px;
}
#manage-module-tags-modal .modal-body ul.list-group > li a.btn-link {
  padding-top: 10px;
}
#manage-module-tags-modal .well {
  margin-bottom: 0;
}
#manage-module-tags-modal .well .bootstrap-select {
  width: 150px !important;
}
#manage-module-tags-modal .create-new-tag-btn {
  margin-right: 15px;
  margin-top: 10px;
}
#manage-module-tags-modal #manage-module-tags-modal-intro {
  padding-left: 15px;
  border-top: 0;
  width: 568px;
  height: 30px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #475467;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

.projects-index .project-users-list hr {
  margin: 0.5em 0;
}
.projects-index .projects-title {
  flex-grow: 1;
}
.projects-index .delete-folders-form,
.projects-index .delete-folders-btn {
  display: inline-block;
}
.projects-index .filter-container .projects-filters .select-block.folders {
  align-items: center;
  display: flex;
}
.projects-index .filter-container .projects-filters .select-block.folders .folder-search-label {
  font-size: 14px;
  margin: 0 0.3em;
}
.projects-index .filter-container .projects-filters .select-block.folders .fas {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}
.projects-index .filter-container .projects-filters .select-block.folders .folder-search-popover {
  font-size: 14px;
  left: -140px;
  padding: 1.25em;
  width: 220px;
}
.projects-index .projects-toolbar .project-actions {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.projects-index .projects-toolbar .project-actions .btn {
  margin-right: 0.25em;
}
.projects-index .projects-toolbar .project-actions .left {
  align-self: flex-start;
}
.projects-index .projects-toolbar .project-actions .middle {
  align-self: center;
}
.projects-index .projects-toolbar .project-actions .right {
  align-self: flex-end;
  display: flex;
}
.projects-index .projects-toolbar .form-group {
  width: 100%;
}
.projects-index .projects-toolbar .archive-projects-form {
  display: inline-block;
}
.projects-index .projects-toolbar .restore-projects-form {
  display: inline-block;
}
.projects-index .projects-container {
  margin: 0;
}
.projects-index .projects-container .cards-wrapper {
  --card-min-width: 291px;
  --list-columns-number: 6;
}
.projects-index .projects-container .cards-wrapper.last-page {
  padding-bottom: 5em;
  position: relative;
}
.projects-index .projects-container .cards-wrapper .projects-group {
  grid-column: 1/-1;
  margin: 0;
}
.projects-index .projects-container .cards-wrapper .card .project-users-link {
  align-items: center;
  color: var(--sn-black);
  display: flex;
  gap: 0.25rem;
}
.projects-index .projects-container .cards-wrapper .card .project-users-link:hover {
  text-decoration: none;
}
.projects-index .projects-container .cards-wrapper .card.folder-card {
  text-align: center;
}
.projects-index .projects-container .cards-wrapper .card.folder-card .icon-folder {
  color: #7094cb;
  font-size: 5em;
  width: 100%;
}
.projects-index .projects-container .cards-wrapper .card.folder-card .name {
  color: #475467;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.projects-index .projects-container .cards-wrapper .card.folder-card .description {
  color: #475467;
  width: 100%;
}
.projects-index .projects-container .cards-wrapper .card.folder-card .project-folder-link {
  color: #475467;
  display: contents;
  text-decoration: none;
}
.projects-index .projects-container .cards-wrapper .card.folder-card .project-folder-link .name {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}
.projects-index .projects-container .cards-wrapper .card.folder-card .project-folder-link .table-cell {
  overflow-wrap: break-word;
}
.projects-index .projects-container .cards-wrapper .card.project-card {
  border-radius: 4px;
  box-shadow: 0px 1px 4px rgba(35, 31, 32, 0.15);
}
.projects-index .projects-container .cards-wrapper .card.project-card .project-name-cell {
  align-items: center;
  display: flex;
  overflow: hidden;
}
.projects-index .projects-container .cards-wrapper .card.project-card .project-name-cell a {
  color: inherit;
}
.projects-index .projects-container .cards-wrapper .card.project-card .project-name-cell a.disabled-link {
  color: var(--sn-grey);
  pointer-events: none;
  text-decoration: none;
}
.projects-index .projects-container .cards-wrapper .card.project-card .project-name-cell a.disabled-link .name {
  color: var(--sn-grey);
}
.projects-index .projects-container .cards-wrapper .card.project-card .project-name-cell .name {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.projects-index .projects-container .cards-wrapper .card.project-card .actions {
  position: absolute;
  right: 0.2em;
  top: 0.2em;
}
.projects-index .projects-container .cards-wrapper .card.project-card .actions .dropdown-menu {
  z-index: 102;
}
.projects-index .projects-container .cards-wrapper .card.project-card .actions .dropdown-backdrop {
  z-index: 101;
}
.projects-index .projects-container .cards-wrapper .card.project-card .actions .project-actions-menu {
  height: 28px;
  width: 28px;
}
.projects-index .projects-container .cards-wrapper .card.project-card .actions .project-actions-menu a {
  font-size: 14px;
  padding: 0.5em 1em;
}
.projects-index .projects-container .cards-wrapper .card.project-card .actions .project-actions-menu a .fas {
  margin-right: 0.4em;
  text-align: left;
  width: 1.1em;
}
.projects-index .projects-container .cards-wrapper .card.project-card .actions .project-actions-menu.new-comments::after {
  background: #ce0c24;
  border: 1px solid #fff;
  border-radius: 50%;
  content: "";
  height: 0.5em;
  position: absolute;
  right: 0;
  top: 0;
  width: 0.5em;
  right: 0.4em;
  top: 0.4em;
}
.projects-index .projects-container .cards-wrapper .card.project-card .actions .project-actions-menu.new-comments .fa-comment {
  position: relative;
}
.projects-index .projects-container .cards-wrapper .card.project-card .actions .project-actions-menu.new-comments .fa-comment::after {
  background: #ce0c24;
  border: 1px solid #fff;
  border-radius: 50%;
  content: "";
  height: 0.5em;
  position: absolute;
  right: 0;
  top: 0;
  width: 0.5em;
  right: -0.4em;
  top: -0.3em;
}
.projects-index .projects-container .cards-wrapper .card.project-card .data-row {
  font-size: 14px;
  align-items: center;
  color: #1d2939;
  display: flex;
  flex-basis: 100%;
  font-weight: bold;
  line-height: 2em;
}
.projects-index .projects-container .cards-wrapper .card.project-card .data-row .card-label {
  color: #475467;
  font-weight: normal;
  width: 5.5em;
}
.projects-index .projects-container .cards-wrapper .card.project-card .data-row .cell-value {
  display: none;
}
.projects-index .projects-container .cards-wrapper .card.project-card .data-row.user-cell a:hover {
  text-decoration: none;
}
.projects-index .projects-container .cards-wrapper .card.project-card .data-row.user-cell .value {
  display: flex;
  flex-wrap: wrap;
}
.projects-index .projects-container .cards-wrapper .card.project-card .data-row.user-cell .global-avatar-container {
  align-items: center;
  display: flex;
  height: 2em;
  justify-content: center;
  position: unset;
  width: 2em;
}
.projects-index .projects-container .cards-wrapper .card.project-card .data-row.user-cell .more-users {
  background: #475467;
  border-radius: 50%;
  color: #fff;
  height: 2em;
  line-height: 2em;
  margin-right: 0.25em;
  text-align: center;
  text-decoration: none;
  width: 2em;
}
.projects-index .projects-container .cards-wrapper .card.project-card .data-row.user-cell .new-user {
  background: #eaecf0;
  text-align: center;
}
.projects-index .projects-container .cards-wrapper .card.project-placeholder {
  align-items: center;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 1px 4px rgba(35, 31, 32, 0.15);
  display: flex;
}
.projects-index .projects-container .cards-wrapper .card.project-placeholder .placeholder-element {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: placeholder-pulsing;
  background-color: var(--sn-sleepy-grey);
  border-radius: 4px;
  height: 18px;
}
.projects-index .projects-container .cards-wrapper .card.project-placeholder .placeholder-element.line-0 {
  flex-basis: 80%;
}
.projects-index .projects-container .cards-wrapper .card.project-placeholder .placeholder-element.line-1 {
  flex-basis: 65%;
}
.projects-index .projects-container .cards-wrapper .card.project-placeholder .placeholder-element.line-2 {
  flex-basis: 85%;
}
.projects-index .projects-container .cards-wrapper .card.project-placeholder .placeholder-element.line-3 {
  flex-basis: 25%;
}
.projects-index .projects-container .cards-wrapper .card.project-placeholder .placeholder-element.circle {
  border-radius: 50%;
  height: 27px;
  margin-left: 0.5em;
  width: 27px;
}
@keyframes placeholder-pulsing {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.projects-index .projects-container .cards-wrapper.list {
  grid-auto-rows: minmax(3em, auto) 1px;
  grid-template-columns: max-content repeat(calc(var(--list-columns-number) - 2), minmax(100px, auto)) max-content max-content;
}
.projects-index .projects-container .cards-wrapper.list .projects-group {
  display: contents;
}
.projects-index .projects-container .cards-wrapper.list .projects-group .projects-breadcrumbs {
  grid-column: inherit;
}
.projects-index .projects-container .cards-wrapper.list .projects-group::after {
  background: #eaecf0;
  content: "";
  display: inline-block;
  grid-column: inherit;
  height: 1px;
}
.projects-index .projects-container .cards-wrapper.list .card .data-row {
  font-weight: normal;
  line-height: 1.25em;
}
.projects-index .projects-container .cards-wrapper.list .card .card-label {
  display: none;
}
.projects-index .projects-container .cards-wrapper.list .card .cell-value {
  display: block !important;
}
.projects-index .projects-container .cards-wrapper.list .card .name {
  font-size: 14px;
  color: #104da9;
  font-weight: normal;
}
.projects-index .projects-container .cards-wrapper.list .card.folder-card {
  text-align: left;
}
.projects-index .projects-container .cards-wrapper.list .card.folder-card .icon-folder {
  display: none;
  font-size: 2em;
  margin: 0;
}
.projects-index .projects-container .cards-wrapper.list .card.folder-card .name {
  align-items: center;
  -webkit-box-orient: vertical;
  display: flex;
  -webkit-line-clamp: 2;
}
.projects-index .projects-container .cards-wrapper.list .card.folder-card .description {
  display: none;
}
.projects-index .projects-container .cards-wrapper.list .card.project-card .card-value {
  display: none;
}
.projects-index .projects-container .cards-wrapper.list .card.project-card .project-name-cell {
  grid-column: 2;
  height: 100%;
  margin: 0;
  padding: 5px 0.5em;
}
.projects-index .projects-container .cards-wrapper.list .card.project-card .project-name-cell h3 {
  line-height: 1.25em;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}
.projects-index .projects-container .cards-wrapper.list .card.project-card .project-name-cell a:hover {
  color: #7094cb;
}
.projects-index .projects-container .cards-wrapper.list .card.project-card .project-code-cell {
  display: flex;
  align-items: center;
  grid-column: 3;
}
.projects-index .projects-container .cards-wrapper.list .card.project-card .start-date-cell {
  grid-column: 4;
}
.projects-index .projects-container .cards-wrapper.list .card.project-card .visibility-cell {
  grid-column: 5;
}
.projects-index .projects-container .cards-wrapper.list .card.project-card .user-cell {
  grid-column: 6;
}
.projects-index .projects-container .cards-wrapper.list .card.project-card .actions-cell {
  align-items: center;
  display: flex;
  grid-column: 7;
  position: initial;
}
.projects-index .projects-container .cards-wrapper.list .card.project-placeholder {
  display: contents;
}
.projects-index .projects-container .cards-wrapper.list .card.project-placeholder .placeholder-element {
  display: none;
  padding: 0.5em 0;
}
.projects-index .projects-container .cards-wrapper.list .card.project-placeholder .line-0 {
  display: block;
  grid-column: 2;
  width: 50%;
}
.projects-index .projects-container .cards-wrapper.list .card.project-placeholder .line-1 {
  display: block;
  grid-column: 3;
  width: 75%;
}
.projects-index .projects-container .cards-wrapper.list .card.project-placeholder .line-2 {
  display: block;
  grid-column: 4;
  width: 75%;
}
.projects-index .projects-container .cards-wrapper.list .card.project-placeholder .circle-0 {
  display: block;
  grid-column: 5;
}
.projects-index .projects-container .project-list-end-placeholder {
  align-items: center;
  background-color: #eaecf0;
  bottom: 1em;
  display: flex;
  height: 3em;
  left: calc(50% - 150px);
  margin: 0 auto;
  padding: 1em;
  position: absolute;
  width: 300px;
}
.projects-index .projects-container .project-list-end-placeholder > * {
  flex-grow: 1;
  text-align: center;
}
.projects-index.active [data-view-mode=archived] {
  display: none !important;
}
.projects-index.archived [data-view-mode=active] {
  display: none !important;
}
.projects-index.archived .projects-container .project-actions-menu {
  height: 28px;
  width: 28px;
}
.projects-index.archived .projects-container .project-actions-menu .btn-light:hover {
  background: #d0d5dd;
}
.projects-index.archived .projects-container .cards-wrapper {
  grid-auto-rows: 2.5em;
}
.projects-index.archived .projects-container .cards-wrapper .visibility-cell .value {
  color: #1d2939;
}
.projects-index.archived .projects-container .cards-wrapper .start-date-cell .value {
  color: #1d2939;
}
.projects-index.archived .projects-container .cards-wrapper .archived-date-cell {
  z-index: 1;
}
.projects-index.archived .projects-container .cards-wrapper .archived-date-cell .value {
  color: #1d2939;
}
.projects-index.archived .projects-container .cards-wrapper.last-page.cards .project-card .start-date-cell {
  top: 36px;
}
.projects-index.archived .projects-container .cards-wrapper.last-page.cards .project-card .start-date-cell .value {
  color: #1d2939;
}
.projects-index.archived .projects-container .cards-wrapper.last-page.cards .project-card .archived-date-cell {
  top: 26px;
}
.projects-index.archived .projects-container .cards-wrapper.last-page.cards .project-card .archived-date-cell .value {
  color: #1d2939;
}
.projects-index.archived .projects-container .cards-wrapper.last-page.cards .project-card .visibility-cell {
  top: 16px;
}
.projects-index.archived .projects-container .cards-wrapper.last-page.cards .project-card .visibility-cell .value {
  color: #1d2939;
}
.projects-index.archived .projects-container .cards-wrapper.last-page.cards .project-card .user-cell {
  top: 6px;
}
.projects-index.archived .projects-container .cards-wrapper .card.project-card .data-row {
  color: #98a2b3;
}
.projects-index.archived .projects-container .cards-wrapper .card.project-card .data-row .card-label {
  color: #98a2b3;
}
.projects-index.archived .projects-container .cards-wrapper .card.project-card .data-row.archived-date-cell {
  color: #475467;
}
.projects-index.archived .projects-container .cards-wrapper .card.project-card .data-row.archived-date-cell .card-label {
  color: #475467;
}
.projects-index.archived .projects-container .cards-wrapper.list {
  --list-columns-number: 8;
  grid-auto-rows: minmax(3em, auto) 1px;
  grid-template-columns: max-content repeat(calc(var(--list-columns-number) - 3), minmax(100px, auto)) max-content max-content;
}
.projects-index.archived .projects-container .cards-wrapper.list .card.folder-card .name {
  grid-column: 1 span;
}
.projects-index.archived .projects-container .cards-wrapper.list .card .user-cell {
  grid-column: 7;
}
.projects-index.archived .projects-container .cards-wrapper.list .card .archived-date-cell {
  grid-column: 5;
}
.projects-index.archived .projects-container .cards-wrapper.list .card .actions-cell {
  grid-column: 8;
  position: initial;
}
.projects-index.archived .projects-container .cards-wrapper.list .card .visibility-cell {
  grid-column: 6;
}

#move-to-modal .button-to-inline-form {
  display: inline;
  position: relative;
}
#move-to-modal .sci-input-container.left-icon {
  margin: 1em 0;
}

.cards-wrapper.cards {
  grid-gap: 25px;
}
.cards-wrapper.cards .project-card .project-name-cell {
  align-items: start !important;
  top: 12%;
  min-height: 35px;
  position: absolute;
  left: 14px;
  top: 42px;
}
.cards-wrapper.cards .project-card .project-name-cell a {
  color: inherit;
}
.cards-wrapper.cards .project-card .project-name-cell .name {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.cards-wrapper.cards .project-card .project-code-cell {
  height: min-content;
  margin-top: 3px;
  position: relative;
}
.cards-wrapper.cards .project-card .data-row {
  position: relative;
  top: 5%;
}
.cards-wrapper.cards .project-card .data-row .card-label {
  color: #808080 !important;
}
.cards-wrapper.cards .project-card .data-row.start-date-cell {
  top: 30px;
}
.cards-wrapper.cards .project-card .data-row.visibility-cell {
  top: 18px;
}
.cards-wrapper.cards .project-card .data-row.user-cell {
  top: 5px;
}

.btn-open-file {
  overflow: hidden;
  position: relative;
}
.btn-open-file > input[type=file] {
  background: #fff;
  cursor: inherit;
  display: block;
  filter: alpha(opacity=0);
  font-size: 100px;
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  outline: none;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}

.dropdown-menu {
  border: 0;
}

.import-protocols-io {
  margin-bottom: 4px;
  margin-top: 9px;
}

#protocols-index .load-warning-message,
#load-from-repository-modal .load-warning-message {
  margin-top: 20px;
}
#protocols-index tbody tr:hover,
#load-from-repository-modal tbody tr:hover {
  background-color: #eaecf0;
}
#protocols-index .nav-tabs > li,
#load-from-repository-modal .nav-tabs > li {
  text-transform: uppercase;
}
#protocols-index .nav-tabs > li a,
#load-from-repository-modal .nav-tabs > li a {
  color: #98a2b3;
  padding: 15px 20px;
}
#protocols-index .nav-tabs > li a:hover,
#load-from-repository-modal .nav-tabs > li a:hover {
  border-color: #fff;
}
#protocols-index .nav > li > a:hover,
#protocols-index .nav > li > a:focus,
#load-from-repository-modal .nav > li > a:hover,
#load-from-repository-modal .nav > li > a:focus {
  background-color: #fff;
  color: #1d2939;
}
#protocols-index .nav-tabs > li.active > a,
#protocols-index .nav-tabs > li.active > a:hover,
#protocols-index .nav-tabs > li.active > a:focus,
#load-from-repository-modal .nav-tabs > li.active > a,
#load-from-repository-modal .nav-tabs > li.active > a:hover,
#load-from-repository-modal .nav-tabs > li.active > a:focus {
  background-color: #fff;
  border: 0;
  box-shadow: 0 4px 0 #104da9;
  color: #1d2939;
  font-weight: bold;
  margin-bottom: 4px;
}
#protocols-index .tab-pane-settings,
#load-from-repository-modal .tab-pane-settings {
  border: 0;
  height: calc(100vh - 167px);
}

.tab-pane.protocolsio {
  padding-bottom: 0;
}

.protocolsio-container {
  display: flex;
  flex-direction: column;
  height: calc(100vh - var(--navbar-height) - 180px);
  position: relative;
}
.protocolsio-container .ps__rail-y {
  opacity: 0.6;
}
.protocolsio-container .header {
  display: flex;
  padding: 1em 0.5em 1em 0;
}
.protocolsio-container .header .protocols-search-bar-panel {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  justify-content: space-between;
  padding-right: 0;
}
.protocolsio-container .header .protocols-search-bar-panel .service-provider {
  align-items: center;
  display: flex;
  width: 120px;
}
.protocolsio-container .header .protocols-search-bar-panel .protocolsio-logo {
  height: 30px;
  width: 30px;
}
.protocolsio-container .header .protocols-search-bar-panel .protocolsio-title {
  font-size: 14px;
  margin-left: 3px;
  vertical-align: middle;
}
.protocolsio-container .header .protocols-search-bar-panel .input-group {
  margin-bottom: 0;
  width: calc(100% - 130px);
}
.protocolsio-container .header .protocols-search-bar-panel .input-group .form-control {
  border-radius: 4px;
  padding-right: 34px;
}
.protocolsio-container .header .protocols-search-bar-panel .input-group .input-group-addon {
  align-items: center;
  background: transparent;
  border: 0;
  color: #98a2b3;
  display: flex;
  height: 34px;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
  z-index: 5;
}
.protocolsio-container .header .protocol-sort {
  padding-left: 1em;
}
.protocolsio-container .header .protocol-sort input {
  display: none;
}
.protocolsio-container .header .protocol-sort label {
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  margin: 0;
  padding: 0.5em 1em;
  width: 100%;
}
.protocolsio-container .header .protocol-sort li:nth-child(2) label {
  border-bottom: 1px solid #d0d5dd;
}
.protocolsio-container .header .protocol-sort input:checked + label::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f00c";
  margin-left: auto;
  position: absolute;
  right: 1em;
}
.protocolsio-container .main-protocol-panel {
  display: flex;
  flex-grow: 1;
  left: -15px;
  position: relative;
  width: calc(100% + 30px);
}
.protocolsio-container .protocol-menu {
  background-color: #fff;
  border-right: 1px solid #d0d5dd;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-width: 600px;
  min-width: 400px;
  padding-left: 15px;
  padding-right: 0;
  position: relative;
  width: 33.3333333333%;
}
.protocolsio-container .protocol-list-side-panel {
  height: 100%;
  position: relative;
}
.protocolsio-container .protocol-list-side-panel .row {
  margin-left: 0;
  margin-right: 0;
}
.protocolsio-container .protocol-list-side-panel .empty-text {
  color: #98a2b3;
  font-size: 13px;
  margin-top: 20px;
  text-align: center;
  width: calc(100% - 15px);
}
.protocolsio-container .protocol-list-side-panel .list-wrapper {
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: calc(100% - 15px);
}
.protocolsio-container .protocol-list-side-panel .protocol-card {
  border: 2px solid transparent;
  box-shadow: 0 0 0 0 #d0d5dd;
  cursor: pointer;
  margin-right: 15px;
  padding: 12px;
  position: relative;
  transition: 0.3s;
}
.protocolsio-container .protocol-list-side-panel .protocol-card::after {
  background: #eaecf0;
  bottom: -2px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
.protocolsio-container .protocol-list-side-panel .protocol-card .card-footer {
  align-items: center;
  display: flex;
  height: 30px;
  margin-top: 5px;
}
.protocolsio-container .protocol-list-side-panel .protocol-card .card-footer .info-line.button {
  flex-grow: 1;
}
.protocolsio-container .protocol-list-side-panel .protocol-card.active {
  border: 2px solid #104da9;
  border-radius: 2px;
  box-shadow: 0 1px 4px 0 #d0d5dd;
}
.protocolsio-container .protocol-list-side-panel .protocol-card.active::after {
  display: none;
}
.protocolsio-container .protocol-list-side-panel .protocol-card:hover {
  background-color: #f0f8ff;
}
.protocolsio-container .protocol-list-side-panel .protocol-card .external-import-btn {
  display: none;
}
.protocolsio-container .protocol-list-side-panel .protocol-card:hover .external-import-btn, .protocolsio-container .protocol-list-side-panel .protocol-card.active .external-import-btn {
  display: block;
  float: right;
}
.protocolsio-container .protocol-list-side-panel .protocol-title {
  color: #104da9;
  font-size: 16px;
}
.protocolsio-container .protocol-list-side-panel .info-line {
  color: #475467;
  font-size: 13px;
  padding-left: 0;
  padding-right: 0;
}
.protocolsio-container .protocol-list-side-panel .show-more-protocols-btn {
  margin: 15px 0;
  width: calc(100% - 15px);
}
.protocolsio-container .protocol-preview-panel {
  background-color: #eaecf0;
  flex-grow: 2;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  width: 66.6666666667%;
}
.protocolsio-container .protocol-preview-panel .row {
  margin-left: 0;
  margin-right: 0;
}
.protocolsio-container .protocol-preview-panel .empty-preview-panel {
  padding-top: 79px;
  user-select: none;
}
.protocolsio-container .protocol-preview-panel .empty-preview-panel .protocol-preview-text {
  color: #98a2b3;
  font-size: 24px;
}
.protocolsio-container .protocol-preview-panel .empty-preview-panel .protocol-preview-subtext {
  color: #98a2b3;
  font-size: 14px;
}
.protocolsio-container .protocol-preview-panel .empty-preview-panel .text-rows {
  text-align: center;
}
.protocolsio-container .protocol-preview-panel .empty-preview-panel .text-separator hr {
  border: 1px solid #d0d5dd;
  width: 120px;
}
.protocolsio-container .protocol-preview-panel .empty-preview-panel .row-bottom {
  bottom: 40px;
  position: absolute;
  width: 100%;
}
.protocolsio-container .protocol-preview-panel .full-preview-panel {
  height: 100%;
}
.protocolsio-container .protocol-preview-panel .preview-banner {
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #d0d5dd;
  color: #475467;
  display: flex;
  font-size: 16px;
  height: 68px;
  padding-left: 21px;
}
.protocolsio-container .protocol-preview-panel .preview-banner .txt-holder {
  padding-left: 0;
}
.protocolsio-container .protocol-preview-panel .preview-banner .btn-holder {
  padding-right: 21px;
}
.protocolsio-container .protocol-preview-panel .preview-holder {
  height: calc(100% - 80px);
  margin: 0 21px 40px;
  overflow: hidden;
  position: absolute;
  width: calc(100% - 42px);
}
.protocolsio-container .protocol-preview-panel .preview-holder .preview-iframe {
  border: 0;
  width: 100%;
}
.protocolsio-container .footer {
  background: #fff;
  bottom: -30px;
  box-shadow: 0 -1px 4px 0 #eaecf0;
  height: 30px;
  left: -15px;
  position: absolute;
  width: calc(100% + 30px);
}

@media (max-width: 900px) {
  .protocolsio-container .header .protocol-sort {
    padding-left: 0;
  }
  .protocolsio-container .header .protocols-search-bar-panel {
    flex-basis: 100%;
  }
  .protocolsio-container .main-protocol-panel {
    display: block;
    left: -15px;
    position: relative;
    width: calc(100% + 30px);
  }
  .protocolsio-container .main-protocol-panel .protocol-list-side-panel {
    border-right: 0;
    height: 200px;
    max-width: 100%;
    width: 100%;
  }
  .protocolsio-container .main-protocol-panel .protocol-preview-panel {
    height: calc(100% - 200px);
    position: relative;
    width: 100%;
  }
}
.reports-index .report-actions-dropdown {
  display: inline-block;
  float: left;
  position: relative;
}
.reports-index .report-actions-dropdown .report-actions-menu {
  width: 200px !important;
}
.reports-index .report-actions-dropdown .report-actions-menu li {
  padding: 0;
}
.reports-index .report-actions-dropdown .report-actions-menu a {
  padding: 0.5em 1em;
}

.reports-datatable {
  --content-header-size: 3.5rem;
  height: calc(100vh - var(--top-navigation-height) - var(--breadcrumbs-navigation-height) - var(--content-header-size));
}
.reports-datatable #reports-table_wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.reports-datatable #reports-table_wrapper .reports-toolbar {
  display: flex;
  justify-content: space-between;
  height: 3.5rem;
  padding-bottom: 1em;
}
.reports-datatable #reports-table_wrapper .reports-toolbar #reports-table_filter {
  margin-left: auto;
}
.reports-datatable #reports-table_wrapper .reports-toolbar .dataTables_filter {
  display: none;
}
.reports-datatable #reports-table_wrapper .dataTables_scroll {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: calc(100% - var(--datatable-pagination-row) - 3.5rem);
}
.reports-datatable #reports-table_wrapper .dataTables_scroll .dataTables_scrollHead {
  flex-shrink: 0;
}
.reports-datatable #reports-table_wrapper .dataTables_scroll .dataTables_scrollHead .table.dataTable .sorting::after {
  opacity: 0;
}
.reports-datatable #reports-table_wrapper .dataTables_scroll .dataTables_scrollHead .table.dataTable .sorting:hover::after {
  opacity: 1;
}
.reports-datatable #reports-table_wrapper .pagination-row {
  flex-shrink: 0;
}
.reports-datatable .report-row .processing-error {
  color: #ce0c24;
}
.reports-datatable .report-row .generate-docx,
.reports-datatable .report-row .generate-pdf {
  display: none;
}
.reports-datatable .report-row:hover .generate-docx,
.reports-datatable .report-row:hover .generate-pdf {
  display: initial;
}
.reports-datatable .report-row td:nth-child(4) {
  min-width: 60px;
}

/* Index page */
.report-table {
  margin-top: 20px;
}
.report-table .report-row.selected {
  background: #d0d5dd;
}

/* New page navbar */
.navbar-report {
  background: #fff;
  border-bottom: 1px solid #eaecf0;
  border-left: 0;
  border-right: 0;
  margin-bottom: 15px;
  min-width: 320px;
  padding: 25px 20px;
  position: sticky;
  top: 50px;
  z-index: 500;
}
.navbar-report div.row {
  margin-right: 0;
}
.navbar-report #report-menu form {
  display: inline-block;
}
.navbar-report #report-menu .form-group {
  margin-bottom: 0;
}
.navbar-report > div.row {
  margin-right: 0;
}

#sort-report {
  display: inline-block;
}

#download-report {
  display: inline-block;
}

label[for=_experiment_all], label[for=_module_all], label[for=_step_all], label[for=_result_all] {
  font-weight: bold;
}

/**
 * Global fix for handsontable
 */
.hot-table-container {
  display: flex;
  overflow: auto;
}
.hot-table-container .ht_master .wtHolder {
  height: auto !important;
  width: auto !important;
}

.report-common-table-format {
  page-break-inside: avoid;
  width: 100%;
}
.report-common-table-format.simple-table th,
.report-common-table-format.simple-table td:first-child {
  background: #eaecf0;
  font-weight: bold;
}
.report-common-table-format.simple-table tr:first-child {
  height: 27px;
}
.report-common-table-format.simple-table th:first-child {
  width: 50px;
}
.report-common-table-format tr {
  text-align: left;
  vertical-align: top;
}
.report-common-table-format tr td,
.report-common-table-format tr th {
  border: 1px solid #d0d5dd;
  padding: 5px;
}
.report-common-table-format tr td span,
.report-common-table-format tr th span {
  display: inline-block;
  min-height: 19px;
}
.report-common-table-format tr td.htCenter,
.report-common-table-format tr th.htCenter {
  text-align: center;
}
.report-common-table-format tr td.htRight,
.report-common-table-format tr th.htRight {
  text-align: right;
}
.report-common-table-format tr td.htJustify,
.report-common-table-format tr th.htJustify {
  text-align: justify;
}
.report-common-table-format tr td.htMiddle,
.report-common-table-format tr th.htMiddle {
  vertical-align: middle;
}
.report-common-table-format tr td.htBottom,
.report-common-table-format tr th.htBottom {
  vertical-align: bottom;
}
.report-common-table-format tr th {
  background: #eaecf0;
}

/* New page content */
#report-new {
  margin-top: -15px;
}

.report-body {
  background: #d0d5dd;
}

.report-container {
  background: #d0d5dd;
  box-shadow: 0 0 2px 1px #d0d5dd;
  overflow-x: auto;
  overflow-y: auto;
  padding: 30px;
  padding-left: 0;
  width: auto;
}

#report-content {
  -moz-box-shadow: 0 0 58px -10px #1d2939;
  -webkit-box-shadow: 0 0 58px -10px #1d2939;
  box-shadow: 0 0 58px -10px #1d2939;
  -o-box-shadow: 0 0 58px -10px #1d2939;
  background: #fff;
  color: #1d2939;
  margin-left: auto;
  margin-right: auto;
  margin-top: -15px;
  max-width: 800px;
  min-height: 1200px;
  min-width: 230px;
  padding: 45px;
}

@media (max-width: 720px) {
  #report-content {
    padding: 25px;
  }
}
/** "New element" floating element */
.new-element {
  display: block;
  position: relative;
  opacity: 0.05;
}
.new-element.initial {
  /** Special "visual" display of initial new element block */
  opacity: 0.7;
  padding: 15px;
  border-radius: 5px;
  border: 4px #104da9 solid;
}
.new-element.initial .plus-icon {
  bottom: 16px !important;
}
.new-element .line {
  display: block;
  float: left;
  width: 50%;
}
.new-element .line .filler-wrapper {
  display: block;
}
.new-element .line .filler-wrapper .filler {
  display: block;
  height: 4px;
  background-color: #104da9;
  border-radius: 1px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.new-element .left-line .filler-wrapper {
  padding: 0 20px 0 0;
}
.new-element .right-line .filler-wrapper {
  padding: 0 0 0 20px;
}
.new-element .plus-icon {
  color: #104da9;
  display: block;
  text-align: center;
  width: 40px;
  position: absolute;
  bottom: 2px;
  left: 50%;
  margin: 0 0 0 -20px;
}
.new-element .clear {
  clear: left;
}

.new-element:hover {
  opacity: 1;
}
.new-element:hover .filler {
  background-color: #104da9;
}
.new-element:hover .filler .plus-icon span {
  font-weight: bold;
}

/* GLOBAL REPORT ELEMENT STYLE */
.report-element {
  width: 100%;
  max-width: 270mm;
  margin-bottom: 15px;
}
.report-element .user-time {
  color: #98a2b3;
  white-space: nowrap;
}
.report-element .report-element-body {
  padding-top: 10px;
}
.report-element .report-element-body .report-export-img {
  max-height: 300px;
  max-width: 300px;
}
.report-element .report-element-body.text-block p,
.report-element .report-element-body .text-block p {
  margin: 0;
}
.report-element .report-element-children {
  padding-top: 15px;
}
.report-element:hover {
  background-color: #eaecf0;
  -moz-box-shadow: 0 0 2px 15px #eaecf0;
  -webkit-box-shadow: 0 0 2px 15px #eaecf0;
  box-shadow: 0 0 2px 15px #eaecf0;
  -o-box-shadow: 0 0 2px 15px #eaecf0;
}
.report-element:hover > .report-element-header .controls {
  opacity: 1;
}

/* Project header element style */
.report-project-header-element {
  margin-bottom: 0;
}
.report-project-header-element .project-start-date,
.report-project-header-element .project-due-date {
  white-space: nowrap;
}
.report-project-header-element .project-status .status-block {
  border-radius: 2px;
  color: #fff;
  padding: 2px 4px;
}
.report-project-header-element .project-status .status-block.not_started {
  background: #fff;
  border: 1px solid #98a2b3;
  color: #1d2939;
}
.report-project-header-element .project-status .status-block.in_progress {
  background: var(--sn-alert-bloo);
}
.report-project-header-element .project-status .status-block.done {
  background: #5ec66f;
}
.report-project-header-element .report-element-header {
  border-bottom: none;
}
.report-project-header-element .report-element-body .project-name {
  font-size: 24px;
  font-weight: bold;
  font-size: 18pt;
  margin-top: 0;
}
.report-project-header-element:hover > .report-element-body .project-name {
  color: #104da9;
}

.report-experiment-element .experiment-name {
  font-size: 16pt;
  font-weight: bold;
}
.report-experiment-element .experiment-start-date,
.report-experiment-element .experiment-due-date {
  white-space: nowrap;
}
.report-experiment-element .experiment-status .status-block {
  border-radius: 2px;
  color: #fff;
  padding: 2px 4px;
}
.report-experiment-element .experiment-status .status-block.not_started {
  background: #fff;
  border: 1px solid #98a2b3;
  color: #1d2939;
}
.report-experiment-element .experiment-status .status-block.in_progress {
  background: var(--sn-alert-bloo);
}
.report-experiment-element .experiment-status .status-block.done {
  background: #5ec66f;
}

.report-module-protocol-element .protocol-name {
  font-size: 12pt;
  font-weight: bold;
}

/* Module element style */
.report-module-element {
  font-size: 14px;
}
.report-module-element .results-title-name {
  font-size: 12pt;
  font-weight: bold;
}
.report-module-element .report-element-body .module-name {
  font-size: 14pt;
  font-weight: bold;
}
.report-module-element .report-element-body .module-start-date,
.report-module-element .report-element-body .module-due-date {
  white-space: nowrap;
}
.report-module-element .report-element-body .module-status .status-block {
  border-radius: 2px;
  color: #fff;
  padding: 2px 4px;
}
.report-module-element .report-element-body .module-tags {
  margin-left: 0;
  margin-top: 10px;
  width: 100%;
}
.report-module-element .report-element-body .module-tags .module-no-tag {
  margin-left: 5px;
}
.report-module-element .report-element-body .module-tags .module-tag {
  align-items: center;
  border-radius: 10px;
  color: #fff;
  display: flex;
  float: left;
  height: 20px;
  margin-left: 5px;
  padding: 2px 8px;
  white-space: nowrap;
}
.report-module-element .module-protocol-description {
  margin-left: 0;
  margin-right: 0;
  margin-top: 10px;
}
.report-module-element:hover > .report-element-body .module-name {
  color: #104da9;
}

/* Result element style (generic) */
.report-result-element {
  margin-bottom: 5px;
}
.report-result-element .report-element-header {
  border-bottom: none;
}
.report-result-element .report-element-header .result-icon {
  display: inline-block;
}
.report-result-element .report-element-header .result-name {
  font-size: 12pt;
  font-weight: bold;
  overflow-wrap: break-word;
}
.report-result-element .report-element-header .user-time {
  display: inline-block;
  white-space: nowrap;
}
.report-result-element:hover > .report-element-header {
  color: #104da9;
}
.report-result-element .report-element-body {
  clear: left;
  padding-top: 10px !important;
}

/* Result asset element style */
.report-result-asset-element .report-element-header .file-name {
  font-size: 10pt;
  font-weight: bold;
}
.report-result-asset-element .report-element-header .image-icon.report {
  display: none;
}
.report-result-asset-element img {
  display: inline;
  margin-top: 4em;
  max-width: 100%;
}

.report-result-table-element .report-element-header .table-name {
  font-size: 10pt;
  font-weight: bold;
}
.report-result-table-element .report-element-body {
  padding-top: 15px;
}

.report-step-text-element .report-element-header .text-name,
.report-result-text-element .report-element-header .text-name {
  font-size: 10pt;
  font-weight: bold;
}
.report-step-text-element .report-element-body .text-container,
.report-result-text-element .report-element-body .text-container {
  border-radius: 4px;
  padding: 5px;
}

/** Step element style  */
.report-step-element .step-name {
  font-size: 11pt;
  font-weight: bold;
}
.report-step-element:hover > .report-element-body .step-name {
  color: #104da9;
}
.report-step-element .step-label-default {
  font-size: 16px;
  font-weight: bold;
  color: #d0d5dd;
}
.report-step-element .step-label-success {
  font-size: 16px;
  font-weight: bold;
  color: #5ec66f;
}

/* Step attachment style (table, asset or checklist) */
.report-step-attachment-element .report-element-header {
  border-bottom: none;
}
.report-step-attachment-element .report-element-header .step-name {
  font-size: 10pt;
  font-weight: bold;
}
.report-step-attachment-element .report-element-header .attachment-icon {
  color: #1d2939;
}
.report-step-attachment-element img {
  max-width: 100%;
}
.report-step-attachment-element .report-element-children {
  height: 0;
}
.report-step-attachment-element:hover > .report-element-header .attachment-icon {
  color: #104da9;
}

/** Step table element style */
.report-step-table-element .report-element-header .table-name {
  font-size: 10pt;
  font-weight: bold;
}
.report-step-table-element:hover > .report-element-header .table-name {
  color: #104da9;
}

/** Step asset element style */
.report-step-asset-element .report-element-header .file-name {
  font-size: 10pt;
  font-weight: bold;
  white-space: nowrap;
}
.report-step-asset-element .report-element-header .image-icon.report {
  display: none;
}
.report-step-asset-element:hover > .report-element-header .file-name {
  color: #104da9;
}

/** Step checklist element style */
.report-step-checklist-element .report-element-header .checklist-name {
  font-size: 10pt;
  font-weight: bold;
}
.report-step-checklist-element .report-element-body {
  padding-top: 0;
}
.report-step-checklist-element .report-checklist-item {
  -webkit-box-pack: start;
  display: -webkit-box;
  display: flex;
  justify-content: start;
  margin-top: 0.5em;
}
.report-step-checklist-element .report-checklist-item div:nth-child(2) {
  margin-top: 0.2em;
}
.report-step-checklist-element .report-checklist-item > div {
  margin-left: 0.7em;
  white-space: pre-wrap;
}
.report-step-checklist-element:hover > .report-element-header .checklist-name {
  color: #104da9;
}

/** Comments element style (generic) */
.report-comments-element .comment-message .view-mode {
  font-size: 10pt;
}
.report-comments-element .report-element-header {
  border-bottom: none;
}
.report-comments-element .report-element-header .comments-icon {
  color: #1d2939;
}
.report-comments-element .report-element-header .comments-name {
  color: #1d2939;
  font-size: 10pt;
  font-weight: bold;
}
.report-comments-element .report-element-body .comments-container {
  border-radius: 4px;
  padding: 5px;
}
.report-comments-element .report-element-body .comments-container .comment {
  margin: 3px 2px;
}
.report-comments-element .report-element-body .comments-container .comment .comment-prefix {
  color: #1d2939;
}
.report-comments-element:hover > .report-element-header .comments-icon, .report-comments-element:hover > .report-element-header .comments-name {
  color: #104da9;
}

.report-module-repository-element {
  margin-bottom: 0;
}
.report-module-repository-element .report-element-header {
  border-bottom: 0;
}
.report-module-repository-element .report-element-header .repository-name {
  font-size: 12pt;
  font-weight: bold;
}
.report-module-repository-element .report-element-body {
  padding-top: 15px;
}
.report-module-repository-element:hover > .report-element-header .repository-icon,
.report-module-repository-element:hover > .report-element-header .repository-name {
  color: #104da9;
}

/** Module activity element */
.report-module-activity-element {
  margin-bottom: 0;
}
.report-module-activity-element .report-element-header {
  border-bottom: none;
}
.report-module-activity-element .report-element-header .activity-name {
  font-size: 12pt;
  font-weight: bold;
}
.report-module-activity-element .report-element-body .activity-container {
  border-radius: 4px;
  padding: 5px;
}
.report-module-activity-element .report-element-body .activity-container .activity {
  margin: 3px 2px;
}
.report-module-activity-element .report-element-body .activity-container .activity .activity-prefix {
  color: #98a2b3;
}
.report-module-activity-element:hover > .report-element-header .activity-icon, .report-module-activity-element:hover > .report-element-header .activity-name {
  color: #104da9;
}

#save-PDF-to-inventory-warnings {
  margin-top: 30px;
}

.save-PDF-to-inventory-alerts .danger {
  color: #ce0c24;
}

/**
 * Additional rules when generating PDF from the reports.
 */
@font-face {
  font-family: "SN-icon-font";
  src: url(data:font/woff2;base64,d09GMgABAAAAAEAMAAsAAAAAnVwAAD+8AAErhQAAAAAAAAAAAAAAAAAAAAAAAAAABmAAVBEICoKnEIHmUwE2AiQDhkwLgygABCAFhUEHIBu1emUHCHY7rLcf6u8YUT27ElFUj+LZ/39I4MZQ6B9mVaTT1VR2BhndMsdTx5yL3GrfFYMcO9jL71KHq6xFUfx9GuGbrsewNOgIBhuD8M22B3v43zNRimIFFrehmkUS0+1esU2q26TQ/iLrR2jpI97hed38PyG5F8LITQIBZIaElXsRIWGODJYWMPcyFCgjSFCpMgPUJhWEoLRVAU1Q+5ShcqN2OQm4qjyV0PefEqyVUKsfa2lB7VO7jW9Le7c8SSCDDfYWsQu/lH5KPeeezD33pfusqhttqOqWNoQAknN8d+fuLkDzhw8C5BlsM9Hse7pIV+nKB4ecjxtTAUyZve5t1a5a6cmQSWVzoOIjLIPsfwidB938r6zl/ZvMpu++nWrlTKebb1JYyRqCtU7bADWRQKCyc7JZus8bfkpUoILUqkNQv9wv19cdoFB5e6CqGbMRsmhEVnY8gsu2LEzPiPSMKAn7l+y8G5sMS4mHUMhXpmbpDkhIAOUAnd546i2YvY9P9z5yUfThbO8OsDOzCy4WAAUswHoQPAOApA4AZUgcpeLuOXAPctYvcNQVyJOBeDLWRe9dajMFyQfphwoVKsvfhR+mn4WfpO/7P/3ZH+iFrRBqRZmcKqazf6zHGlMV15aZk8dYCquwHquwmIxpf1HEdH3CEC1FcLU/MpffR44bkzNqSiFKgABBECkyZoRo2z/mIW65MrL/vms7qBhQid9F4TYAKvUP2QsEZjZ6ZSIAPiEhlJ9JRPFW4xtRmJqmgJ+21H5xFSmawHsx0MXVqDDoBZAs0mAe7IGvoj1wYKHK/Gqfn7bWf4qCgtzlGkPrk8BbGAkUcZMniN/bUY4jhLoNa75LRPf5GIBPcUqf/dikCailTCNLsABeLHVFRkBKAV0caNgg4gsujUObS0DcEps60mBpC9G405bhATIOyEM/CdSWGeVLL760uuZe7sfrIoA5JZ+OwGv/oXiNQvC5Vo9o4uVsymGoAyLCQdJk84kWiGTgCyRrGhMeLM3lBFqE08hFoPwps9IEGem1GIMCDOCBnCvkcJQzYgkULW2ejCyEGEu5IfRSfrVvMRQzbtdWqzkXsSup3XktG7EyjrUxwFiFz9hCIqDKp2EoQ09FpaScvHpHtpWq31+a9ieY4tyJ/jdp8rOU39up74cthk4K8JNA5V1rIObozuHH8MOUYLlOiE33huWYcgkx6HyZ1tkmeLDfDtHCYjNe5AQpmVGJkfe67i6n7ppZkUJqjSGReK78NjeU+hxE93GZ9ezJXs18LkCCY0Jcjg4xJiutvZO+jmb2vZ7dy8CZU04hBiriHksmHCZ+Kqek6xwg9K0QFE4lClHSUQEGo8vGl67LGaSbAk+GmEiu9sKJYzwhiK2+9O+Wsoo7Sail2ktrnZXcrtO/hOAhzwYUUup7BTuT7jcbte6kfFNAp52YHOj6ekxv6zbqf6ofChxUEFxCeDJ7C5imqS3y6LZbomm122EckSvwqD84UHn0HqqHFV7KD4+Pz86OTVkOSxWQ+dwQj7wxDg4KgAqL3g8ef+LfcEr4rukhavE+r2nNHa1Hvmcz6fxZ1yz31DIhQ6SnY5oh201VQvKbhGSTPESQFRHO1YBz9BAXoNi3QtnwXdgNkvAIFEs6p0mQuDxyOGu5puShe1fqqj4eJKJNPBtn1LYt+EXj2716YsiZW6vqQEuM8prB/WqAEO1acMAaG7NiY0ft2o63Ro0wpY1z3RNonf3RoQ09nCh29u5gE8mfBUJpoUEIRRdF7aSQJGlQQujSP3AJxL4f0qwKfR9D4gaSpWUbBR7hceGg2z3xgN2JNkdQHV20qF50vGWqFubMiVKwZw0boXXWW0cr0c0ukOtqY6t5slwTKH/fdEEoeVL5wpHYk8ht21F/RXX2NRJ4+2EL7cy8QxfhZJTk8WkzThy1CVV0gMfE6RnVZWeesMtnhFKy2ji84V6uXJIUqZp2lToBJmazAAi4L6jp527S2GqhxAO+BE8LWQ1SM1kYd/V5F2KDMkj0hSMzJZf95BRQdwfiHtojbU6I7ck3sDvV8ROIhpmnBtt8lMWJJ5geyQQVFxPapdZcE3aYJr/75mfPkBm1fVIAEgxmUtE5DmFaHwNGKtvmYGalyY1WS7tGb2RgusP1BdNoIVkZ1PDoBQMp9OangLyIvAlQgPV5AuqZsE7mG9ddf/GF114TQhDx3t3bJg8xK+wDcwv9hLEwe2XImWeNEfeejLDz5MrgPnP2U/tqr9Ti1nSi7jnzQwZtQozmSuc0fQAWWKMs8WmTYiu4NOL+Wy1cXGMSCAC49uv36JbqAjgasQmrzYhGrgTV4pHUhb53Y9pVQ6LeVqXUelXv8yjNCg1nqSWqJaamnH3KrbtRwg1+f4wAePqKm95eotIDUA1RQ7jtnbpJJ6ohqiaqXUJmHqBp58XzIuAlnWI++hU8zqCuqexglrvSCV/Q4RXO03Jp1OKkPKinnFj+ryYUA3djfqbFaG1o0lkSNeb3BGI8IGTETqNXpfihZjMNVbecOayHytY0wiPe2tm1JmrMyoY1BrXgwvBVAzeC10aZnP0vmAmZhUeyTfn2USskq/XJvPvi9V2rtHLSZBu1ybae4TTM9EpDvfCbxfcQNogrby4Ck3mWz16Nb25kgCcR3w0J2Y0ycHlnoDVm3JoSNZZiu6d3PmDSnb5NjhBXsOelQXLFEQchTtip6dGR4g8D7lC6dCT61bBLplePEn7z2D4VN7a6vSa4l+LKFtpl2WvxYCvb4wdwy0ER146XRpKr/JHiT3dquuexOjRDPdA3IHZtAvQ6mK87TCChDuh9KD4pfrwHHI+EYMzBT1qBP+qA4qp9f06UvMvbBXu2YLuHNcpbN9sQg8nP9dIn51Og+PZ3is586T7YQhMEgwLbm+LUeGvS3RJdrFjlddsHqvu7SlLVt/JkOi96D7oPFrZacH3S48hnwQ2GLqJe6H9uy4CqK5VBGx5bE/I8cqn4fuhRDnLI3dSsJwMXMh+x7JBEC1RDZvCWIQfcNFN6A9YNJPTXbTWhkHQ0f93qXEh+CuGhmnaJIAn/jerJSqjkgjBwTihLrH2An4/Ecc5+2acu7DLVSCQjGlnkfT5/EpNPlGQ9QXoj9xkX3Hdnhp8pQHwy/d6pJqPmhoMzD/s0zjyUdzUJJ4RA9OPG1AAMulhRlEfyGvY3oeC2NGR5MSVUV3ol7DW+VlKhOslm+sg1PIrN57wa4coE0+OFcQqJ2lu1rdTPz0Vm8Vn1qqX23z2a5bHQIMqeT0gwz3vW5CuGwW05F0Gs6MmT+vkP4avo8V+5MP+7MVfZAxc58/iHZxV7WnUrZl550nJbr/Qy227ETs+0DGRy2v7ozzrKW/rZ4MzEz+Dd26xhS9ENC4GKmQWDozUNNiYZ2kYaLMl47exm6oK7Tj63Ra4VGlMjoiaLRS3JxpicqRGZGVNwqdCs6LGUm4aXHhxPtuHqujciXkYmrzFbUxpLO+NbqHCvTAR8jVEAe3rzqkXtGneGOXcjD6qOlH3d/fT1jMjY7aMV1UsCodXGtu77WFLns5Bw2Hqti43A4sLbPaDFoDaUO0uwMRk6A1B/eTkC4joxt9ya8JH+UQ0Zjbdh94MA14OYGhUsL3he0mrWBgxSz4J9p5oUHQNFeHXZ41db6LXo4gSoH86L0UkhNRNEP+N5BTpW2h2GFEI9Ru7hKv7vvBw6gsUUavK8T94zf6GvRlQwOKjtFwP78gwtgA4Jq+gJ6R/ZdgZS44/K6lPQejqibGjKdFo0EONYPykjyGNwFgyx2PE7qOZgMwxCFzQ3JgkNUIsRBousTyG4IhAm4Ljx3IIpQ+ZlsGrbiMXsXmuOGrfdTI6tnE5QBAkSmS3gN0M7HktiCGIvo5JQLU6QqTgCgwU2BDBEq4h7VMSYrPp+Of6wm4Hz/SBFKr/nfYPBDGHpQ6XsoOqNL/NuQ1OE5rxWm4+dBpc7ruEOMY3208s8eF4deNov71ePzRxjsqFAbRupO5p0PdFN9yzW7LkibByads9F46E+bJzr6C4ZM8KSrboM8HWbbVfwJN6JHzCrkynqPWkfFt0WvpX/j2zPJCaSCerWN8XYlMZXV9oteqMAlEp40qI4SzZcKh+IRkT96Re2NrPDK8gNdRVUBNzDOy+BMdFmImW1+MLhM5RjlS/DHtDBDsPu16ORKu2mN4Jm30U8g6eYQr2YGLSI2YxB86J3aNe7UU321UMS2i6r8eho+T5qyf4n4vUbmUU1JhpbnKNDi2atnh2cbWcxWAfMSSMgisgfDhC+w7jORD2AEEMAzFfj7VS86UoYzgFmaZPG3gqM9Cfr784ECR+Qd1r/W25Y7lprCFgjioWQOxqBMZGoA5iUyLDuZJ3aCMZT4NiISXORA/S6f28PyY/p1P2oFPveuNeWnmFXmRHy2PLMqHP8gOdGnEhs5JcdZJxwzSKbW/XLOEyCTwf16/3EApaCtHS30ya5Z4FCje0YLx8NG+IivLOTPxzdMZI9VFXpY2Iny2xMZMA1FVrFkChc3BiwniDHc11gKjM6nKJmlFqwYQgKtEPxDCNNMeqhQ1aZmA7hjEALpBM4NDV3GQ+wPytshmN7844p+2ISYU5Hy71KWaBww6i5RkTSf16lJlw0M2Ke7h74/riuGYmiL+eMmzeepC6E4ea1x+1B19p/LxtS8/oTDkIYql99jOAUHW9eT22pS1RGqGcfOglIs3PW0C69vnbDlMAQW+Efy0PYeQo2kGi71NFGmUbHVvOIlaRDf2Itck3VM6zbaYTU6EiRZvcVk7EmNawM8DkkZZE2wFq4vGkOZ8PN1EwYO3Bnf35Upa8w8kEVhjj9jhZSKwIVWMAD0Wo409eNaN4b+a6oOQVBEiq/fNrGu1RCRrVl24Yd7XrTGoYvmyBktMBAPeJglnI8OgT3os5lTgwtrBzuFaeJSb85vRvIE+ZhjP8SglPrLCDBSBCO09Ue+FRMg3jLCDp5bWwFKKsLhlX5KA6nxezw/t9nAV5QaDKs8AacLOgl6OhZZHtr0GhSNp8PyvQUWMXaeIsV48f9mFaEVX+RGTe6QoqLsvulam3Aonqqn2nv+vX1VWQRMl8O5ko8erRmbipEQuktotSj/Aj/IUkjpTBv5Dhvv5yKfjFPKr4REhjkRD4n7cAfNaYTdQYZepB4g/Yj6J8hw3kV0qAMjBnts7jmQwNXhGh443l2DIv7hINPyeItLUlZPYLMF2I+Vy4hfZe3y5BG3mX0MzrfWisaiI94Q/ZWwpLSczQvoB3rVgCDHAlvI72wWxpj8J3KHb2QcMgc2aiabDs9iIem9hNHdHPS7jACYf5JZGr7IvZizqVJcXhlyXbe4bz7UKF/uQNhR7qo5XvjqyUtQ/CtjLgOdM/eE8rvuo0s+Yt4PLnJ3HABzMsvJHUDTPd9gZtkWVrOByWncxtOsTLd/cQ0FG4gKTs88LOLjzFdHtZwn4/7sKbzX+tTe9YM1Io6pv+KPt9LQXyjX8IPEAeMbF2RxxgPdUGjK9h9SFkkI+5RFlKUd9hqb+G1898xYLPvhG99y3/72w79UglnU7fhmB9IPvAlDqaT6wW2qdjQBzRfIl69+iZ91LqaffdHDwX7Ge5ZteIG+IzZ4VF04nXtlwuVj4YgOrQmR5/Lo7HhhWn3aCs3EC15JbCioeL049XX9fhYrAUMq6g4XpYu//3SC+RDQiTX0OmfJ74mycl7RYuhgf4bLDeAon4kghbrlTMXs2AgB36FFkiRpoJyHtGYhmy9vhxKHDFsnZgCzlHRVo2kkI4SEFPBrRQPVlPDnyxN2BIlkx5ldBIq/LmEjoRDC3Wo48iCJ3CoN4rY8aeEvVpGzNYzi4NTsF0pPggFR945CVzo7Li7guxHoJqqw5kuprNDNS30zF8QLnZAOHUXSaK4cPUptYE0Opt8jzh1IqQJ+W3R3DdSloJ2J+dO/rPDHwU1VmphV+y1qVr7ytHyLejtTM5TLJqHqWLZQYM7mXUAUiggC8c0E5p9JIGcI1XBvBnLoOguL0M6R+uPeJzHg4SBirPuhWUf6c31GoseEKOzTleM+9993FOkMe86L7rbVxSPBHZHt6otuazZsUeHPk39Froc0TZCxGWn5vCMPFgpjbABpIlpLLD6FI3aRitOASAP+CBdj5xBFjCBGCYIqDxJge6KVRijrghz0HgrOvVNIE9C5pvFWBqwoxgSxHRp1RcAub5K6o4F/9Y0LEJYp5oUly/lofvyC+xW+i6sFNXTblljI7C/Gz629pio6g2SiTiS0xAnQwt6DnSlaeNgJshC6c104Es+qQRB2BBWGRtXyhs2WRR1FvZx9QMjDTmNFLhYVZv/Rj21JcLlNykevETUmzyim5GvsNx4V7bs+8X6oXodi90EsbPM+NFWh4vdCGE1ZXG+2SJb9X0Wwj+53bbiC/5ZDzx5mPBvYfvXf/i9b7vic+5xW3gKzf4FDi+Ur/CjBXrXcL/NnCt8dfvW9GWuww73Zv/WZ1dvcsEXh0/7t+HMjU0a9HDLNqmxT1CeOf04Yc485NqjdTcKxnD24cAjJgwMGLbcwDgkNHsk3CZib/9qi1jTGJJKNh4sklDdHRLM0jL6acwrd/5XiUlfYD8gwyYkXP9yV/Oln5qDz7qRf56BKxwIDMGnrADhv/xdd97tdIPEOlxzDaDP8JEdZzOlP24mp3Nonq+akRlXqfWwBjYqj389ieObNt+dCsPxo+/q4/WBYe6Dc8QTK/AvEKW1OUWgMbSsnQCS0cuue65eu4aJUUZVDhytlSflSGfevDkN2hxqaaYS+FrMqlCGRov/7yfT/wSl/7J3EBquN55azIP57tngUsm32J9zL5Cidy+FFSv8TWX01TxLatQiNOL9n1DaAT0SXYlUniPgRmHpWQLC8Vbx8/6ldv7LnpdHuwPTtJbdtUAOMPW9cS6BGPz7SPG4fxWMXXXBmspg0cSO6JSKF2LsxSd+RtXVqns0rmrrWQ1lwZl4eaR5FSxgN/Hrle+tu8vfDSZAESnmUMtx4FARWJPTLZzvP5idZqDKdVJq9WCHo0lHprAjFhB62IaA1r+Map6WQxm40isXtDjw6AXdRRKcz3/z6br+xnX9xI3qxG5XxvQ0QiNR7EE9QOU9g7B7CmRTwChE/N6dINJOgFb9ycG4Kkrve9/+7k86yeoRdktz5aPhqNT4YP5wpn95YxctA55DgAr54goIF9hpGaQ7KFr8UA+d7JK5zlcuVCYNlZlOElUgr8S9TpLwZXLCoJcQgymiOnAAdMbQkRmHmaywc7k7iDsTMKeGr+TgTtdpydIwbzefmKGASL1o6IExBM83mH9SgMbqkZATrXC9fb7ohYtm0I6RIOoSoT2oLiVLyJ/IuXCzl2slsp4VBaOoZE2BlPUFWp2vGtChWvZhdagO1/0lki25oX4lu1ys4XMUOSedCk6c0KNHfo/Pxd7dq80LzQZafD+dfyac+Wnln5Vp5h1LEC/nUcXjZL4kCBT186rF88xzkBV5mrdIS4NWkZ4LJhBLiNLmDVZLxEimHGK2vrPJCvn6+y5IUV44W8HrOligU0XaMpPoKKls4oTe0FyRREkvXmujbIT9Ovabnqa6PiJDSNBIG78eBOGTJd9SPCqfltrQgXr8lZTt1++WfDXUaK2FPEYu1HESacb+yXaLRsLgnMY9QyecOB9Rq2PaoNWsLJiDd/xzjwdQSqK4d8NUAP04+JLIr124aSBXWCWi8KdF7BoZ2+aNnOZ9Pvr5HC92pqk4PYzk4dRaq4v3b2AWPxBxT6bT1/52sECnJ7YtHRri2ctW2eJQq868VUPo1JTgfVbLaoh9WkbdIqwq24OGFOeQTJussVP4dWCKoyTyhIwxkMVpSSIXGqClZoqC7omSpAo7OcTdpQUSVk0DAX+UvwlsF/pyAPzgTaKs61JiAw7gSh8hLEz5+FnfaKnWWOQG98tmDTS35rK1H30YRGkkiyiGDwZgHtvzjeNZr8x899KcdA8fVZYhwO9ba/eymPABBeNIeEzDOXxdvlZEhBaoR1a/JZQMWk3GgM/APAxZt+Elo3x2JhM2ekjk5Xml3JBhfYre9SjHESCxE9xvjMLvVsVqAp7AVwucPcVJ3EuOaXT43fCx8YM6TKIlmkOeB15zmCSiuw+I4EijjbUbxUt5/JFOfys0NAsJDmacXG7pdb1PHjOygoIx/Phxr56NGB5GUN/72BccVP5BFVMVLpMhhMkKU8kycCfTPhbTlyFLxyyh6u6ihvqEomAYDhaJOqLQIVnuwg5guXX3rmVycg22JtD5W8EChH63U2ZhcmIXWSYtgKXkpIKCRL9tUmJ5IghZCQlZdoLFdSEEj1X6MqyZeOculL1Fanzj4soyK2OKD/QjhbxVwgVLVwXIFblVl68gRCFXBaSnhVTheVWfndHxKtyfNLCEX6sLYKUfTMvLs+Tm+UeXJoXuyqh9a1VG9LDPagdCEyOLXAoKlokCxe0q1lb/Lz9EPwQkKieBnCSF6ol0ufi8eo5upNMn6HOEl2y2VWPv0gRL5HMiy9sfGJCwfazg787MI2JJP8e1XxLCTOG6rHd2Xu/CT3BP6+LzgyG2BiMTHRXKqRqvpqnjFacabkdJEuy8gJddgiTqdsOpytHzu8Z9p+aejk7OhSl372bICBljd1sr9+Y3Z+8/nfIFKJ/FX50Ri8zKitTd76B0s4LYSqeXVuOLdosX8eoSe3pJtcJMx9jz0xOTLPbkxPQ828KgE9hvWdyzTsjZcDCf35XqnsA/sm9XaipzNRCPcDgjYvHHwaN/FygVjokkpgHWG57X/NiYh4enH++6p+d1th/msSqEx7omWSNhtLTVpt603Jibm/LxmZqbu2G5mVrb1sKQEGPA0y5BEnmnwVBx/Gazl1fT1Pl8Q8OdSEmCnad1DfuhcXqSzZowGVMkdn4Wu4OHIIaylHD2q4SEr8727fFJT/VVHOUH19t/IT1j+ls+ep9b+vTtO9wXgoUEq+498WWwxIEJQVVaVbkgLq5CoFIFK+IDWWKG7+PZoGmn7Vm3b0/5CP1wNi+fFx6ez2Oz/XChz9Tt21lA3Z+AtCrbUs5NVl04nmobFJhqe/5E1eTNsLZWJZKAo6jndR4rxNPTk8e77ulxnccL8fBYffxptWfIlPKwoepELuXUP2VleWw2Ty1zOsKkMik0G3+PdKQasGwTIyLvdL7POzB6nsc/P3qA/f7A7Uj/RFuWFWU9NBln2OwZo+khi/1wYtp6aqcnHrLLbdc1rGOoNtem3b8/YZ679WQ+sby80QXcfXB3dubc2Q3FM6q2C2cQrV6vRZqRbr2+B8m9cuUvRDfiVckULzDEV+BSDNwEx9Tm+DREdbJIggdfrQlPFwv7Nm8GoyOjwyBN7JOUvSteswbhMo1q14SFrQnz6vGOclWG7e4ACM/9/I3w1FGkZ8pqGW/i5EeBfRr5e/qgo3D8DRSXTM0FvUERzGDANKR1DpszeJNUa3ZipLyPz85aplquISZIiyqtD+9rvKWFJ3V2dofC6SXV+FN6OG17eFgjr6UFf49OL5OHhf8jDGttDQ9XtTI4F2N46QaOwmthUSgTSk9qEajJSnSDQPgVIFhaNs7WskiuGiVITZFyg1CU+8yqSQOJJs3qvQywog0puuj5VQhO/fBrbxG92ADL7ODjHxCOQFfPMzCcmnWCc9dkWp1nkF4r1vec83LbluJtmv4vLDGsPq/Vb75mkPYdd9e8AHbu7nbIC427hWwRaNJ+23FUqyu+djLr+l0x3YOlY24NY5JrxVrtcS8J+eYLoxEDpNyAaVTzRA3+pr+WpacvEO3tFr3e2MvSssBxKgChLIzP4gN/hUhBf8B/LYLI1MFZAjnAsD20vYQgOq1rr565E+3MDM8oD96Yuh2oVrqPKCybvlPm9mfsv7kzqIMa3DAc3U/tc9t5sz4VtLyteUBYmk7n1mQ2xG2MLY8O33UqKj9cH6DRIX+HYFtZxfbPuz4i67vZEbgdrX9766beTsFGwfaHyPNC0F7nvUFHXY8C7GSQvYt9kKOrAwBWq+y77zZuOP2pVHbk9MaNeVXZ6kODmcG/zFf0jw/DlihAAYFbOBQbSkC8q40L1QWl0eyoVBiyBXTpmSMbN1x+ARNb372WS6GCbYhdElGdm6doSkpqVuTmVhckYd9Os4SsiLF0YZMw/fj6tP781P604eohCgWAyDzD4eDwIRtPH5FJP0UbwulxB5kJBQXRWHRBgWX3Hhm0jCTaO1pg1dQAoKxhW0AMGDBgBrUcAw7iUlmChhUVmXqpYCouCsOOemyuekhEvk9oDSv2FI17Wc/PgLOq812FWCgLUfXodUgWotPrWxksjAV1iID+dHl5EVoU7vrMgf4DA98AK+pa+vzta1fIlkZzo2ZeV3mP9MsdXcvePq8X5Pp6xVrm6ijvH/FWZV6nutFottCXRKkrP844Eq/JLZnXqO5Umh3NiTMu+ltEJF658c+lcarR6ncxnHbptUonJ2X2OzFSNb+izY/v0XU5OXXpemqmwQEdUY56p5BPDTiNIm37a85PJTY3heb1KLJonhDkAEMOEOQFK7LyuhtDD649frxmP7N9lNH+dXF/Z+KJ5v9KbU0OxxPmDAuGvd2qM/N2N4adTBwYyfyK0Taa6+xWZ7Umc+ittc4tb/nb165ur6xv33PDGDW6ngNOTge0OiXDqVX7/HdNr1U5oRwCaaA+nJobmdmyGpOVSt3DYFuGnR0DhpPd35VhsrrVg8O///7LXaeGQseGX5fm7o9YtoZgsjJxUJKtHaDbIba2yXCJFJNtCTGNzE39RXVqAOFpP9G2hc9d6gl8fwjP1wbgQ8VZDo4bcy7d3zXMuUQhhoANZd06nI0TbGLdWsAEQ/jcpUtzfyarWggWgbNxlcpld6nrFSyFcVeZ9rN8ctqoYCsIVrUx2DAIS3saw9Bg3tatZQpnEelnL2/w3/m6S/dPtujByGVRSvWo4OttJvBbCUTbcCrtb1F0VJeLSM5j8fzk4UK/GXNKKJTbjtk8uZDT1lCZNkmjzR9+LZB4TU94SQSo1yemKUQgkHoZTToqgG4ylgtGgZzE5jDNHDqnFmAohloFBEZY0XJ/k2rMjJnBH0uuJBMwSddX5LPRwFQ+4KcGvnoIfv79S8u+3e16bPBK2hYl6LuEgSXUrfT520VXzHXRulLmVrz7nbcrbwJvreuwuDOKdNouJ8ypS6uvccJ2hfrJOqWTi5rACMJPxsw4AVBA4Hn/A9G5JavVZrlaPrsDPTmlWFq262GxHxVgtYaZJnJWv3hesBE1kFily5XL4pDePauTiE25uYrmxKSm6rbo1yv6z/dZMeePW0LmVlaI9Pz0hFanGTArLXv2aHt7LVckZul9oz1vksuXox+Uo9i4NMfWsjTezyZ9GlZMjs9pjMCiCWpni48awmPVj6Y4NY6O+rTV9myAY/ii/ZAJ2i/ix8DHV/304IMR6cX1FffsUo47u06jJkaPXn8QaUYOTgfuYVCuQPjFzyimARoMx7yAMWClrKRZToHGPGd2e7rBZ7G8IBqUISooKMfKCwpEMVRakIhXnwJ1it7fAfgUCpVqQ6VQ2GDHDlFnCu1DPvgPZMbMcrkG08jlSztgDUlh164d1KOdmT+i76n+Yyba6wc3r/11dfkGSYSY35hyx1oK/U4KdHFElTt/GWBENRxqABgAkbmk490WsJsIAAACgayyUuo9MiRl6KikEJGVHRkJGpEP1KT2AE7biYBRhgqzYNOKAqNEyjE8Pr+GW5EmJPceingcI9UoGQ/FRIg64CaoI10UC8UfccSf2tHf4EQJ3a40Cq8Li4Si1C63BFFfcthaNm6YM+DRumjIOVIDUPWcJrlacdysMeP4HIpqZAKworOPLl/82sD5VeYp9uRoOLGD/6AeAo+My0deb3qa9qsqxf/TywXm9jiqQXFM4xHkmTo+nu4RHOxxuuOeaYG/fDSAOzEUu3Z9QtfQ/wVWoYhKr9cVv5o3ft1Zr2WY4haHdoKm4UkGXI4RGK4OOZLEDGqCpf6zLyawUgEMHLLckyu5a3n54uVLoLQ9ZBG1pvXr95YHdHYGl8TEBm7A8ZLAaIVAEbqOi7zgrgsN5a5l+OBc4YkW8x2dHbsy5QZgKNvMMIQS2NSQD4iqdQbwFO9evI5Or8NlLRl5iMMUgh1HwA97FOb96HtePWbFcfoeBGl5EJ43cCrmUKP/Uatfeko8NJ5izxT/8gYeEo/kFM2cWr0EhF+8mz0TlZMT9U4wEVTCxJnbjKv/84VfZFZmpCtCIIv920pdKW7uL11Lx7/3Hff1GfdNQk61Q4HVQTMDTCkSgCKB6wNuzbzhBEKuIHw9QJ8UByGV8Woc4ADF3QarUEbrmF7HaGYcHBxrZcTj/r3allv+/he7tb3+ePyOf/CgX6c3TGghH0AYK7cIfTS4qBYIRX3Q4sAgQRo9yEMM0ldPralPBrhniB97WtosxBMHfutTUA2K+T5jJKbBUPd+a2wAJzsrLS82Li8tDXICYult42Jddqed1BNET09aOhUIQncyDR5dT3paE/3JVCusHLXa022Xb820cXmD/0Ppj7SPwWjb91UiJL0NFWZrDxfDoz6y90UZKcD6owKy81r9Uk1BpWN21Z2S7Vi5qXCp/pqDh1vqRgTjxpxotxPmwvv5ohjYSChQuINNAZyVJ9kOuDm/cBGIFQnNpkvmtmjOpT+Zu0nDIJM5aCAPIcihCWdx9QgMIuQ4ZpckjbpU6e7lTHNms/yp1BC7yktRskQ7DCehqxWQ94wnWV8Ms47jOLZx+8NNNesds+XA7qbNZzuur9n0Xf0wKuyDmuE+nij+gJDfNy0xhmk+ISVSchXRBssuYotcssDBnwtqjh9AaBV0GL7CTcoQpKPShOAXdSzqE/F6+DOdLnyID/LqIahCuMkvCIICeaR1eTkq2tcQwMXlQVHRwsBZWHB7gFqtGqyZhkNX4ae5+q5CRjPWnyGzihITWJMlvg+sudWjEx6/U9dzaw1irBnbpU3WGkZhhrXKZF5nUrKTjH7upFaMpw7cEM3VPSosWO/A0A3uWXJhn9Rpn2woe/f9v/7e7Ob+qY+TuweirK3NtMz7txBfIjZl/D6oxZNl6jTUx+/L4Rhg8wLav8oLIDh44i1XDh0SxJfFfsdGP0depP/hTW8zMjPk9py7M994uzKfffttRt0/JY87O/0dEG2LtsvJIa+64Hk3+SouNprB+NnXYBynpIuB0TDO9Q0xIM7Y6L5cICNF9lJc7jj1AnE6ZXwi1yuuPLhbFVz+Yy64oqW7wylXEaRqgR4bV2OauyI4VohGN8VgZGzkj2ysMGMUiY5b7hszDNeQjgeTRCZkKoNdKTY0D2MOUfnaiqykfr1A34rEoXLW+XHEg4yh+pLWMXKKGuDaDgeL+H2lBfJCPwaRwBt+LZAX1JJyKBv8M/tPnNb+fYdwurDbfzM844d547TArbsvOIEr6CCJ9J4NG9WgHzFI/WdKpEffI1uJaRQJuHLl/x6qjyJWAxPq+55oWTMfMuU6bgD/U7vDI+mibHh6V1aE6Gz8rAj82aJWbqg7Qg7qScYqBvgQd31sEGLDpx/7K1/B9xQbRTOruFEBYkBDJbuwuQmmUHGCUSiXA1EimgCqGlmFTU0Uik2VglVYVQUSklARUFQhxQrCJl4X17fepn/+eePBel/+4Fs/9+Mb52SVUN6YelLC7Gpu0SFeHF+ZJvLXiz1jG0n5mHj15uh4KiUw3j9sczJxstCQHtHsHOxMoQY5R7WkA5fk2voFox2Z5YyE7A2BPa9RJB6q5PGCaLSguJEKiAtV8PiBNMimxyN7bXoCN2QnMOSY3Brlg/sEmBHaO8B+iIp6jGIoeRyB+cM1n59//vmFNYn3t27lDfYwkJ7BCUWpvX0pLrE+fLL1vYePt9SBMGrKwTUNbEKNavwp/qg/i08U/+PI2RQk0Qu79SejBLGaFajV9EUCr6Pb1RH9d5Coszsm1ebfWG9qO6vvIfDm1g/is3yduTE/90250WOYwK73QZnvcTNumUP4hbtKC7AueeAeDvrDcXIPIJYzaiJjSQIpgBmYMfuQahXS/ImcZALrG4r6xEKDiQ4Oqca1RYG1iK1lD9jva7KeP+F1wi5r2mc/cFpNQAJzGNMAltxRxgKaAetX+gtjAOx6MTM8PIMtYM2X6FxaZapwCitcJZN6nUXJmozeTiq7i+CPZyyY9Z45PxM20I12dkZ6d27oabg49aU63D48TEwrgk/XJY96jO4X45+ljKe+cHT1rX2wgwX5fbtDa2nEBWqBOrGP2UjFkTsj21ZI9M4OdJNEkgn3SUYud+BYvmg/3ATv/K+NhTF0G4mRhmayKPzCgIK+KeYg9/Rc9vC0lMuxMhTDXnh6eqwUAfOIZUVS8yvLhs2b4udEkLXD0q1dOL4QmGW0nvth8uJ1nXMSrPISi5fxtrZlvZ5ZgQnToMRTdDDj85DHcb2qRn6+AyHgwK17d1fOnu3atTw6AiJsrtY6QgYm0IFNUqA2qYGi6FBHw2z1hrtqIJfT5xREuVuKVy/aTT9AUVF6ajtGNzu+m76VUGTx6pIljFzJmN1To5Re3rFUQeA1lFR8wpyzG9OFUqEEHGHRAyBuPsoN4m1ABACADWQWYTOdrC96JvOk0yEJP8jfgwYVE9tKCWT7F5MJiSFc1WSOFUnOR4IGMoQqGwltDFWkY4RQRSV9fqcE5pomDOdjDwWSluxjzoNJAsgWjInT+4XvGSHymTC36/PVUZaAahQsvCSdhQEjxtIq51oVCJJCq7cClkdjLB9kebVSmP3pyY0kfQUO1WqMOc6ZUSHKtaNcB7n2WuKDcRbJKwNeNO/C9zgCyI6s31+R4/mH+6kRnLp/mD+W0ugPBseYhwelw1IT+JxZYxtHfUqkjo7SfrTa/aoPLhJv8vXdJBbhPlf9y+KgoUN90mNDqQ4OaceOSfsGh6G4Mn8SBc/VA+D7dgei05yD+KWixtTUvdAjaG9KSlNEEl/mTKNDt8eVtVw6GpG5lGlvnPj26YO4cIfI1Uig2t6P54sKb6G3gjL/7hQE/3b27PK9ewsWi1KJMFYYyDmLtvurdQfnzn5z/DiIn1xYODBgsRQXZR8QarHztL580aJaGBhAGBZgVZ/NBNqbZ+OR1jZlytSpxhMXUuHAQLPQCycaT02lKNtakXgCFXheZ/NCPDwxnlTS/6XiaI8eVivIdgmLQqEHbvJ4Nw8c79P5XUBEgl2ePW80qep6pifYhIIMTU4FV0jbE5zcl4eUlAs1wBc4cZ9Ldrrqt9med62y3257yW6APuG8wA72VnjsXdsp1ypHWQ88ZksB1qWkgjmfgaakuR9bOovKHoB8oVt4YKdtyZZ8y5bNC7t3LxMEDaUVEGBV8lDMIrvLJsb2KAnFQACjs6cG+5fVNIyGL69WrqyIxdXLxcVgVlTi0gLmSy2Tk6FYaKiduXt34cVL8OdfameEIsu3A7iT+n36V7DtDVxXm/NeANXBXxZOiJ+/EKczkIp8uYtbDvXQzxxP4duOD+5v9SS2T9Dt5/cfvPLBv7d0HH7kYv9aspsbFJSyKWJ4Wx6enpUjzr4+aM5zyrh3uSpcKqMqgFyNqn0UTF9/NuCiYNS8xYzLZ4vHgYGPwiRZr46Rz+KFOD5mxQwYuO7OZC6/fNmqshw8mPDtovvqF+RXz9432JShABprd49pH9cMQWcqasbBHb1FForlqehNXizUp+KccylDzToIrDaukoOEwlrqA5SqK1WuU1Ne+gdW/X7mTMcgPz+tOK2rZl1NF+h5Ktd9Ua7/Qt5QSHOr2IwtJi+CpeR50L5uqNvi2+elVkrBUCjU9exiTO/c1aMrtGoduCxM5zjyGxqNUbIwe/swWZRxaCtyEPmE2g6Fh1c7O6+CYPeoVKOjL239Tgf8Lp6WIgOjoy82FBczmcXoDIweH2Bafe2dKyvJoGiho6MwOtCAu0S15/aO+k7v9CmJkfvIC0CIiHMP6enR6RAuEvALTzI1/719+3QoVkufoAO6iV5rjZWWiRRNg7tYsKgzmBolGcxwVoWrVNcESN3Lz7BZM0rpXtb89MQMm1Gul4HntUiPTqEh2gjVJdq5lN+ZkrrvSzC109/nQo3dQQ4BQgQRWUtZ9J5Y0bZQH8florbdbpU5FTn+O0pSmwLVQeqmhLPrO3VpD0+//0DyRPzkATDKv+wCYUM2D6wqedC/6rLgWQ58vqZ7HU11irfFCJVqpRdkF7YrUrRbGzbdXnGnPb936xv0zc4fP/4Dz7vzfgVIsASsc99pN2FrR9rfLfDaVJOSVlDjVrjGiVNU6D8AUVOZlWXRIvY7ApSzTiTaEwB8dtmEMevLogc0bnYLN26wE3Keb9OcsrW7s+1a/cef9Dx7ZuflRY67HIcoQ4LK/0mjwipv/fiCQqEgU1MNKVHRrxo6xfYOUZ0gUQKoFNuLttiIVlX8xfYj7rbPtrFfmqYRoduR7RR2v18eldbJH3YlEm1v07edsvNnZ5RImVWU8ahjvNIqG6mUW3Xs5q/QXshzw57KssDo1w1tRftOrBwXp7Vy+mGbFGZDStRnOdm/N7yKin6ngXL9D80pW1/OxtZWSerIaAnyarEgYF0VkOJMfH+FQHo01wHLZ1f+tjbz8hn3mgBb0p4CHhGcdQsrT1xdXJ+sLKzlcDhrdWHdXAKOU4ZWu8vJxWmXtjvD6c/bLWhfgT+5Uh18XTmZIlFzvp/cjyexcYZpkBubjYf5bYdo27nhcr5zMCRwSJVJv2vocHZw4Hc03JHKUui2mItLkUjUlZbWxONFO1PtYWqQswzaqTBn0ByPClnXN6ormy3y88ulJbEjF9NMh29ZTKFvYcy7vv4zAWeKfG+sO+SW7rbZEzDjV7rHphdwqUgaQRi7ukUxJrc0AZhTpxG4sbsLuER4WhT+1a4wje98GoaGH6bhpzEwPHgz64vtgu0mnyRB0oyf1Webr8DXZ0jQ1i5oX50QhNxrsueDP4WjL+j2XoQbRMKHeyMUI+J3wJAAQmr02oOMEsZBrV7FuMhQ6bXdDFJAUkDyDI77cXEcV3C5IYhz/RQ8t1NM7XT/7a1V7e6utr79zf2v27oA62/3/wfH8EQ7oRK4gycMhi/NBdydDnhPVp5Z8DQ7rxVR6nq6GJeQrh5dDVLCqHk+fIgNIaAQAP031t4qaKW0CWzadgh2AOtqwYzA+ee1mzfn7BXsjV+/PsHT+DfNqRT7UKpd+4ngkxea4MU3XVvdLdC5GTViqBEtE5R55/NFUT6+USJ+vneZwPRsQ8E4RCKQeK/n+Xx9Urz13p+1baY3gjfA54l/NOZ9LRA8X4Q8om2ZJl4T0rp9TUpAEDN9VfvT/4PNCVsX0mGhOJSqlk1//WnKyZFJQcLif0fdMSPaqh0SekusCMrE0PXHA6tQI9qmHU7GZDafPeH5cUuLyfUBX/iY9u5t/sCI6whFlUmh0LfoXapKMV/gdZkiMADXy631SVBMwgEI/dWCW1wgLc3UJiLCy0ssF0scPNNF6emrsnSgIuaJvX3KwfwL0wtRxOd3r7AIxIQAt9pTp02nT4OfJnUtugMH4746i+txMefdbzAzkr8AmJUdrAxS36LXdseOjOB6CcuNaEcBkSWYEYAb7wYsU+bxeRyPq98epy8db21Po1GDvzQFLgMLbmH218enUyHUPsnjCDgg7Oj1cpbdCdvXLu4wq5aDLAILzdqj72I4MLp1PSqGfRnErXuz0LbH1Nb2ueDNa8Hnbe2AS+WEmYw5odZHxIZltQDn8hXfnt7IMMoK71wIub8cEOen2cGmhl9YPv98ATMBsl/do8pIQrANIjiatSikSn0cZCXqGnEhApqCLFFebjfWnZdn6ZR4t/dWsXyKdTkUYJwwoWePUl1oV5DAZ6lVdikARa9vMYhmjRX80p/5kUT8CtiDBn/nHPe0Zp7/1W7IYLZOHr5+qzrR1ov0sk28sWv+igffln37oF4VMBXW2rabIQO3uLkqw87dRD2Uq1DzzRjT7W/6swTQHYEiHqlIuYANBfvzm1Pdc5z9050xTr884uOY0b9lrQrHRAOmGRPYm/HlJzIghg6ZYRct4No2RDBi4giTRYGI0zE/+CS5oSw2vVxPBMIvPIlH1pzQzWhYIUTRYvq9sbp3jzjkymVOJUYa0A14pq8UOFR1/z8DxB7ZmEWH0lJH8yQAlJcDkdKf8/2wNB0GFNanL94oFIcOLRwaPMM/Sa/5l1L5Wwr4+spVJovpF7O2WgFqN+/dSwEU8DimF7ziih8eA6V+dpuBZI8EsocSDrwHKoSUh12fHSvbN4/N52U6lRxzBgNXv5EigEKzWXV2+z7A55soFAoQfsVhaVkEzqOEhrgyqNJMkgZyllwmgKN+5eWFaGHQFwbkBvot9HLUjIJSkYNiGTCbC9kNWjrk2F3xL5zNLHgXb6Ud3PRUeSwZizemSVob4Lee454UaEOjcjQcaqyOChUf2aVwVPKhj9Of0tM23GyC+9t+nhlP9wwO9nOOj3umBj3Hngs8Mq7UDq+i/mSis0CVOwkATPIEl1uc4pk2h+EgMu/qwftKp4F+uYNGOQBqIphReZg0Dnj/AKPm4FxE95WI5vz8IVgDdYjSY6BmKCZd1AFp4KH8/OadFcAjGVlaJlfKyebInViUjAMIAKDeoSY+NYCkVFggsLhetUCttnQI0KWfSug/FS6V2C0VXdFOjKVPoFdIi5GVHEn+TM0uLR2iJYVGIgQSCYSr3alGy2xooSROP/PYbQweTj68e/DFY1EflB23uQ/dp2QpaZFsRJXoNvuwfVCMiHI1pKLijOBM+GdgGTjQfwBwqW7WjX+uKtfpI6YnVGuPC/L98gCwoVAA8C/Z6gIAoAAKYKb6VQqOl9QYxiN0YxWr/rRu3Lmzo2M3BYB8u4GEKP2YpaMxw21+Nmc2Z96tqLHzF602MGeAXgEoQD2JAQxs4WbiQgkC2ZGqJqeqzt8GAKNmjw44mIRp7KVZJTSTa7X9BdMus+4q03V+n7e81AQyNKOOhhu1SKtOr0OOInFpK2KMf1CbGcl4owcBY1GwyN0riuiAmgMRopjysZ+seAqZEmb+xWr1l7qWwAlc0G+Ve3ylvL2TdvD58PhDVjDr4bjxNLuYfcpoLHIyGWsyFe6wX7HvTGzSLjykpw7anTY+exYhgzPF4hH4FTxCLpmwrFpoVTyCs3KhHw6G+5HKgh+thiKqIxRbu5QJsjlE1SJgLXqgUFzjWDiDHoEFi1wtLtVg0KCofg5Evay6raXooY/A99KykAmCoQmLUvihCqdzgvAxkn7/ETiElm6tY+lEOh3jZfVLkN/Lnh43TrKvsieN49PsP7/88l3zthR/rxt8BI+I07Phq3B2ungELqaeZmlyHvmkvU2cm9d99mNgVQ+ImPIf8QWmnJWCbXP5BDxi4v8PIpk4iL+CRfKamqs3cf02KZqbeFkf7Fj+QpSV1CYLlXnNm7wlqMBbaprP/1bQSDDUw91KJG/l1vnVbS1I9ttamF6Q/n7JKtFbkjzpk4wqxw1KNClZiRrGUWWyz0lyfEW0ypw8mzz7LKooQC72L46M8i+SyIv8oyKL/cWSgKKoyIBisbg4oNEwtoZcc8m7kiDm3N2nCKLS+xKosL54sbCgVOK1EnktrlRaLN7FS0sv6+tVLZM1jTshs6HuuMcssReKSY/ogLhQR0R6DLTXTJAE6WHWw2658aUYUgPmaJLNmX9WwNYyc/rMR+icGes9cxqQtSiJkmP/QgnU+i+duDgdXa/dq2dJCk7HyPqtCGZrUUInHr5wwdLZYUSNpFhoIlhKXigqsvR+RIolZRdQjg+tyi6z8XeepQRHzU8CDwGylpSgWuDqQKxJAsuPREZEio5E0IDosKnXxPU4wjpW823tj/h014gjpsNhN7uA3wJkLc2GIu/XRelp8jT1NwmriwerG9Ec47TVpdTbBGuLWPs02/sCWIvUbyAu4QyCDSg96d1+pakpJQVdQc6/pVCyIWnp2X5C/HqSH+ayExQ7fDjMC/5JDspkhIZe0usPP37MyJydeuh/fXxKP/YsKSmbIQiUOjp4fbnrQOfKW0ZaQLjXusmZtd7hOU41Wm2Xk1OzStXkyOxq0Srms1r6ouJq7HeXEorFbYnSpdox+lPHAK54utNTHD/g0++terq3eDqxiAvx4N2K/w1TLD5Jhj9k+wVCtmpVS7uL2+uVt6Wu2cE/EpvKglPDle7u9cFpWe1hflxhq0wWrqIwW8KlJcGob6p7q4+SnSjBux5WR/e54g54+L6bffB1k1S2NQWHBao7C54S1nD+N8XF+pMM5IR+9KSuFWH0aI+f1B9EGDr9xQs7O44dG7/E4lOoVOpOKs2G4sy6dGmjVWpObKbLyT4tI2NfQWRbRESbZJOKLDhWuabZOx3Q9tQ4fe2IExppX5N70ZZSnOEJmk8AuaEd3Ds7a05n12m4w+HdQULt/v3oxAS6cWIS7Yax5WWUTq9MYMlxsjWfBUVRuI8vjIW5N52oXEpskfb9ZsP0l3suqI/Jq0vf/yoOx7FVFnx8pdP6kFSAekvyWR/sWOnQ0PLvCq+pWbHJj7upurmJF4lFdiIa2lnsdJY4+5CBd866fuW7vqJiuy9n+MxnB974w/+9+mAVb6Bjf4PvRH7Hqg9WVl66uPwa3XZ47Jz6vZ2T8Mvy96X7D7/8HMJpvwjoS48E6OudosRBp42Fvf/1Sr0f3OgXrs/rtu98gpkjv480Y5EaQhMRGdHlQb987mcp4nMA9j5XsWjJy/sL/Uv6Uw/fk71MzKo5n9xw746BN2fDDvWfOxxWGXZg6vBAGDhZW1xsMn38scVgeIviKH4Ufa6kVwI7mG9JYE2+4G1I+9UqJ4kDckmewYNBEJKArWrCjj5U8u1KjixQj0oParMsAYsWshlH9w4mu0RIxE0UTAUOkdpq+B4B3XqVEaKmkFaqRkqBBgeAwwwMVzUNC0nKZq9WG42CQwWFwS3pvEjRNmtavAb8KbBDSwM6Bsle6SKCza02ZillhAOKFs1QDbQF4x25CpZckZaBLGoDmpRiFBZBet764AQpHnk8MzYGkH5OylJyHlvUeQ4n5V7eV0BLLDPANVBWJTM64RvGEGBv2FhIK5WQNNqevMBpnzt1Q7PXIAqxsRubhu6oIikjGGy1GUE7fsd5WEdWYCSfxhuLqAyhUNIErm/ZjOaJZibCvfQiyAP+HzeASwAaVI+IAH8BAEMCAjV5Wq2Py/zt25Z7ILdrSzUD8iDayLdsPg+j7IKvsFk5NGl+QgEAULBdxVM/5pYhCa/tHGjA2HsyO/kfUimuLWAHbNzmKQDAWW2RM3uQ34sbL+/RnsnmP5OGB4J633yD/AHzdRJQalOVYkZ935ONNRfwpv6RQ9FiCnAEk2wDbCn7mQocKVlEwwmCEEgw6pgOnMABtgdBwO+8A3ADPwCqbaTRV1yBAzAFuIPbbAMYFD1TgTuFIBq+IghCgvH2bVxQNsxgLeMakvx+Uv4VSqI5OelgvUrK3eh7Gilw5ehi+nV/0oL83wXJveXYn6Ghmrmd/392y325sA7XUqWrw1A1OWlkb/zQzrWJ4kihXnn0rsouVGiNQ5lh3Fqffx0K/Yu2RHPry9vqlJuB+GxbM+VQbsCFNnXl5ubrVqerZnUh9vrVdatjv0/2YkOl8m+MclCnaAQ1yNqL2zSIs0ZrW1xomT8BqHOhS0ZR+pMnXAmXVJsQqV9poMzkQrhQ7x2dkFt7l/4GDL8Y5FPYpMkW5erR91EZAA==);
}
.fas {
  display: none;
}

.print-report-body .print-report {
  overflow-y: hidden !important;
  overflow-x: hidden !important;
  padding-top: 0;
}

tr {
  page-break-inside: avoid;
}

thead {
  display: table-row-group;
}

.report-module-repository-element .report-element-header .repository-name {
  max-width: 100vw;
  padding-bottom: 4px;
  white-space: normal !important;
}

/** Custom CSS for report print (& PDF) */
body.print-report-body {
  background-color: #fff;
}

div.print-report {
  background-color: #fff;
  padding: 30px;
}
div.print-report .new-element {
  height: 0;
  display: none;
}
div.print-report .report-element {
  color: #1d2939 !important;
}
div.print-report .report-element .controls {
  display: none;
}
div.print-report .report-element:hover {
  background-color: #fff;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -o-box-shadow: none;
}
div.print-report .report-element .hot-table-container {
  display: flex;
  overflow: auto;
}
div.print-report .report-element .hot-table-container .ht_master .wtHolder {
  overflow: hidden !important;
}
div.print-report .report-element .hot-table-container .ht_master .wtHolder .wtHider {
  height: auto !important;
}
div.print-report .report-project-header-element > .report-element-body .project-name {
  color: #1d2939;
}
div.print-report .report-project-header-element:hover > .report-element-body .project-name {
  color: #1d2939;
}
div.print-report .report-module-element:hover > .report-element-body .module-name {
  color: #1d2939;
}
div.print-report .report-module-element:hover:hover > .report-element-body .module-name {
  color: #1d2939;
}
div.print-report .report-result-element > .report-element-header {
  color: #1d2939;
}
div.print-report .report-result-element:hover > .report-element-header {
  color: #1d2939;
}
div.print-report .report-step-element > .report-element-body .step-name {
  color: #1d2939;
  width: 100%;
}
div.print-report .report-step-element:hover > .report-element-body .step-name {
  color: #1d2939;
  width: 100%;
}
div.print-report .report-step-attachment-element > .report-element-header .attachment-icon {
  color: #1d2939;
}
div.print-report .report-step-attachment-element:hover > .report-element-header .attachment-icon {
  color: #1d2939;
}
div.print-report .report-step-attachment-element img {
  max-width: 100%;
}
div.print-report .report-step-table-element > .report-element-header .table-name {
  color: #1d2939;
  white-space: nowrap;
}
div.print-report .report-step-table-element:hover > .report-element-header .table-name {
  color: #1d2939;
  white-space: nowrap;
}
div.print-report .report-step-asset-element > .report-element-header .file-name em {
  color: #1d2939;
  white-space: nowrap;
}
div.print-report .report-step-asset-element:hover > .report-element-header .file-name em {
  color: #1d2939;
  white-space: nowrap;
}
div.print-report .report-step-checklist-element {
  page-break-inside: avoid;
}
div.print-report .report-step-checklist-element > .report-element-header .checklist-name {
  color: #1d2939;
  white-space: nowrap;
}
div.print-report .report-step-checklist-element:hover > .report-element-header .checklist-name {
  color: #1d2939;
  white-space: nowrap;
}
div.print-report .report-comments-element > .report-element-header .comments-icon, div.print-report .report-comments-element > .report-element-header .comments-name {
  color: #1d2939 !important;
  white-space: nowrap;
}
div.print-report .report-comments-element:hover > .report-element-header .comments-icon, div.print-report .report-comments-element:hover > .report-element-header .comments-name {
  color: #1d2939 !important;
  white-space: nowrap;
}
div.print-report .report-module-activity-element > .report-element-header .activity-icon, div.print-report .report-module-activity-element > .report-element-header .activity-name {
  color: #1d2939 !important;
  white-space: nowrap;
}
div.print-report .report-module-activity-element:hover > .report-element-header .activity-icon, div.print-report .report-module-activity-element:hover > .report-element-header .activity-name {
  color: #1d2939 !important;
  white-space: nowrap;
}
div.print-report .report-module-repository-element > .report-element-header .repository-icon, div.print-report .report-module-repository-element > .report-element-header .repository-name {
  color: #1d2939 !important;
  white-space: nowrap;
}
div.print-report .report-module-repository-element:hover > .report-element-header .repository-icon, div.print-report .report-module-repository-element:hover > .report-element-header .repository-name {
  color: #1d2939 !important;
  white-space: nowrap;
}
div.print-report .report-result-element > .report-element-header .result-icon,
div.print-report .report-result-element > .report-element-header .result-name,
div.print-report .report-result-element > .report-element-header .file-name {
  color: #1d2939 !important;
}
div.print-report .report-result-element img {
  max-width: 100%;
}
div.print-report .report-result-element:hover > .report-element-header .result-icon,
div.print-report .report-result-element:hover > .report-element-header .result-name,
div.print-report .report-result-element:hover > .report-element-header .file-name {
  color: #1d2939 !important;
}
div.print-report .export-all-link em {
  color: #104da9 !important;
}

.repository-show {
  margin: 0;
}
.repository-show.active [data-view-mode=archived] {
  display: none !important;
}
.repository-show.archived [data-view-mode=active] {
  display: none !important;
}
.repository-show #repository-toolbar .title-row {
  align-items: center;
  background-color: #fff;
  border: 0;
  display: flex;
  z-index: 100;
}
.repository-show #repository-toolbar .title-row .repository-share-icon {
  flex-shrink: 0;
  margin-top: -2px;
}
.repository-show #repository-toolbar .title-row .repository-share-icon .fas-custom {
  margin-left: 5px;
}
.repository-show #repository-toolbar .title-row .dropdown-menu {
  font-size: 14px;
}
.repository-show #repository-toolbar .title-row .repository-title-name {
  font-size: 18px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  line-height: 32px;
  margin-right: 20px;
  overflow: hidden;
  padding-left: 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.repository-show #repository-toolbar .title-row .repository-title-name .name-container {
  align-items: center;
  display: inline-flex;
  height: 32px;
  margin: 0;
}
.repository-show #repository-toolbar .title-row .repository-title-name .name-container .read-only-name {
  display: inline-block;
  line-height: 32px;
  max-width: calc(100% - 30px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.repository-show #repository-toolbar .title-row .repository-title-name .name-container .inline-editing-container {
  width: 100%;
}
.repository-show #repository-toolbar .repository-archived-title-name {
  font-size: 24px;
  font-weight: bold;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.repository-show #repository-toolbar .repository-subtitle {
  color: #98a2b3;
  font-size: 12px;
  line-height: 12px;
}
.repository-show #repository-toolbar .repo-datatables-buttons {
  display: flex;
  flex-shrink: 0;
}
.repository-show #repository-toolbar .repo-datatables-buttons .manage-repo-column-index {
  margin-left: 4px;
}
.repository-show #repository-toolbar .repo-datatables-buttons .view-switch {
  margin-left: 4px;
}
.repository-show #actionToolbar #exportDropdown {
  background-color: var(--sn-white);
  color: var(--sn-blue);
  height: 36px;
}
.repository-show #actionToolbar #exportDropdown:hover {
  background-color: var(--sn-blue);
  color: var(--sn-white);
}
.repository-show #actionToolbar .sci-dropdown.open [data-toggle=dropdown] {
  border-color: transparent;
  border-radius: 0.25rem;
}
.repository-show #actionToolbar .sci-dropdown .dropdown-menu {
  padding: 0.5rem;
}
.repository-show #actionToolbar .sci-dropdown .dropdown-menu li > a {
  color: var(--sn-blue);
  padding: 0.375rem 0.625rem;
}
.repository-show #actionToolbar .sci-dropdown .dropdown-menu li > a:hover {
  background-color: #eaecf0;
}
.repository-show .dataTables_scroll {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: calc(100% - var(--datatable-pagination-row) - var(--repository-top-toolbar-height));
}
.repository-show .dataTables_scroll .dataTables_scrollHead {
  z-index: 90;
}
.repository-show .dataTables_scroll .dataTables_scrollBody {
  flex-grow: 1;
}
.repository-show .dataTables_scroll .dataTables_scrollBody thead th#checkbox {
  opacity: 0;
}
.repository-show .pagination-row {
  align-items: center;
  background-color: #fff;
  display: flex;
  height: 5em;
}
.repository-show .pagination-row .pagination-info,
.repository-show .pagination-row .pagination-actions {
  flex-grow: 1;
}
.repository-show .pagination-row .pagination-info {
  align-items: center;
  display: flex;
}
.repository-show .pagination-row .pagination-info .dataTables_info {
  padding-top: 0;
}
.repository-show .pagination-row .pagination-info .dataTables_length {
  margin-right: 24px;
  width: 180px;
}
.repository-show .pagination-row .pagination-info .dataTables_length .dropdown-selector-container {
  width: inherit;
}
.repository-show .pagination-row .pagination-info .dataTables_length label {
  margin-bottom: 0;
}

.repository-cog {
  display: inline-block;
  float: right;
  padding-left: 4px;
}

#repository-table_paginate {
  float: right;
  text-align: inherit;
}

.breadcrumb.breadcrumb-repository {
  align-items: center;
  background-color: #eaecf0;
  display: flex;
  gap: 0.5rem;
  margin-bottom: 15px;
}

.asset-value-cell {
  align-items: center;
  display: flex;
}
.asset-value-cell .fas {
  font-size: 18px;
  min-width: 18px;
}
.asset-value-cell .image-icon {
  flex-shrink: 0;
  height: 24px;
  width: 24px;
}
.asset-value-cell .file-preview-link {
  display: inline-block;
  padding-left: 5px;
}

.file-editing {
  width: 200px;
}
.file-editing input[type=file] {
  display: none;
}
.file-editing label {
  cursor: pointer;
  flex-grow: 1;
  font-weight: normal;
  height: 100%;
  margin-bottom: 0;
  margin-right: 5px;
  overflow: hidden;
  padding-left: 34px;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 2;
}
.file-editing label:empty::before {
  content: attr(data-placeholder);
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-editing .file-upload-button {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 34px;
  line-height: 32px;
  position: relative;
}
.file-editing .file-upload-button.new-file .icon {
  display: none;
}
.file-editing .file-upload-button.new-file:hover .fa-trash {
  display: none;
}
.file-editing .file-upload-button.new-file label {
  color: #98a2b3;
  padding-left: 0;
}
.file-editing .file-upload-button .icon {
  display: inline-block;
  left: 0;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 34px;
}
.file-editing .file-upload-button .fa-trash {
  background-color: #fff;
  cursor: pointer;
  display: none;
  line-height: 32px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 34px;
  z-index: 3;
}
.file-editing .file-upload-button:hover .fa-trash {
  display: inline-block;
}
.file-editing .file-upload-button.error {
  border-color: #ce0c24;
  margin-bottom: 10px;
}
.file-editing .file-upload-button.error::after {
  background-color: #fff;
  bottom: 0;
  color: #ce0c24;
  content: "\f071";
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  line-height: 32px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 34px;
}
.file-editing .file-upload-button.error::before {
  font-size: x-small;
  bottom: -18px;
  color: #ce0c24;
  content: attr(data-error-text);
  left: 0;
  line-height: 15px;
  position: absolute;
  width: 100%;
}

#toolbarButtonsDatatable {
  align-items: center;
  display: flex;
}
#toolbarButtonsDatatable .view-only-label {
  opacity: 0.6;
}

.sidebar-button {
  color: #104da9 !important;
  margin-left: 30px;
}
.sidebar-button span {
  display: inline-block !important;
  padding: 0 !important;
}
.sidebar-button .fas {
  margin-right: 5px;
}

.share-repo-modal .modal-dialog {
  width: 350px;
}
.share-repo-modal .modal-footer {
  text-align: center;
}
.share-repo-modal .share-repo-container {
  padding: 15px 0 0;
}
.share-repo-modal .share-repo-container .header,
.share-repo-modal .share-repo-container .data-list {
  display: flex;
  width: 100%;
}
.share-repo-modal .share-repo-container .data-list {
  flex-direction: column;
}
.share-repo-modal .share-repo-container .all-teams,
.share-repo-modal .share-repo-container .teams-list {
  display: flex;
  padding: 0 30px;
  width: 100%;
}
.share-repo-modal .share-repo-container .teams-list {
  flex-direction: column;
  max-height: 400px;
  position: relative;
}
.share-repo-modal .share-repo-container .teams-list .team-container {
  align-items: center;
  display: flex;
  padding: 5px 0;
}
.share-repo-modal .share-repo-container .teams-list .team-container .sci-checkbox.hidden {
  display: inline-block !important;
}
.share-repo-modal .share-repo-container .permission-selector {
  display: flex;
  flex-basis: 60px;
  flex-shrink: 0;
  justify-content: center;
}
.share-repo-modal .share-repo-container .team-selector {
  align-items: baseline;
  display: flex;
  flex-grow: 1;
}
.share-repo-modal .share-repo-container .team-selector .sci-checkbox-container {
  margin-right: 8px;
  top: 3px;
}
.share-repo-modal .share-repo-container .header {
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 30px 0;
}
.share-repo-modal .share-repo-container .all-teams {
  align-items: center;
  border-bottom: 1px solid #eaecf0;
  padding: 5px 40px;
  user-select: none;
  width: 100%;
}

#repository_row-info-table .fas {
  color: #98a2b3;
}

.search-container .search-field.barcode-mode {
  background-color: #104da9;
  opacity: 0.3;
}

.repository-table .repository-edit-overlay {
  background: #fff;
  color: #98a2b3;
  display: none;
  z-index: 10;
}
.repository-table .repository-edit-overlay .repository-save-changes-link {
  cursor: pointer;
}
.repository-table .repository-edit-overlay--toolbar {
  height: 3em;
  line-height: 2em;
  padding: 0.5em 1em 0.5em 0.5em;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
  width: 30%;
}
.repository-table .repository-edit-overlay--pagination {
  bottom: 0.5rem;
  height: 5em;
  line-height: 5em;
  padding: 0.5em;
  position: absolute;
  text-align: center;
  width: 100%;
}
.repository-table .repository-edit-overlay--pagination hr {
  margin-top: -2.5em;
}
.repository-table .repository-edit-overlay--pagination span {
  background: #fff;
  display: inline-block;
  padding: 0 0.5em;
}

#repositoryItemRelationshipsModal .item-options {
  max-height: 23rem;
}
#repositoryItemRelationshipsModal .item-options .option-label {
  -webkit-line-clamp: 1;
}
#repositoryItemRelationshipsModal .inventory-options {
  left: 0 !important;
  max-height: 28rem;
}
#repositoryItemRelationshipsModal .inventory-options .option-label {
  cursor: pointer;
}

#search-content {
  background-color: #fff;
  padding-top: 20px;
}

.search-asset-text-data {
  font-size: 16px;
}

.session-modal ul {
  list-style-type: none;
  padding-left: 0;
}
.session-modal ul li {
  padding: 0.25em 0;
}
.session-modal a:hover {
  text-decoration: none;
}
.session-modal .instruction-session-collapse {
  cursor: pointer;
  margin-bottom: 0.5em;
  margin-top: 20px;
}
.session-modal .instruction-session-collapse .fa-angle-up {
  margin-left: 0.5em;
}
.session-modal .instruction-session-collapse.collapsed .fa-angle-up {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.sign-up-layout #content-wrapper {
  margin-left: 0;
}
.sign-up-layout #content-wrapper .container:first-child {
  padding: 0;
}
.sign-up-layout .sign-up-container {
  display: flex;
}
.sign-up-layout .sign-up-container .sign-up-form-wrapper {
  flex-basis: 50%;
  flex-grow: 1;
}
.sign-up-layout .sign-up-container .sign-up-form-wrapper .center-block-narrow {
  margin-top: 72px;
  padding: 0 50px;
}
.sign-up-layout .sign-up-container .sign-up-form-wrapper .sign-up-title {
  margin-bottom: 24px;
}
.sign-up-layout .sign-up-container .sign-up-form-wrapper .sci-input-container:not(.field_with_errors) .minimum-password-length {
  font-size: 12px;
}
.sign-up-layout .sign-up-container .sign-up-form-wrapper .sign-up-button {
  padding: 7px 32px;
}
.sign-up-layout .sign-up-container .sign-up-form-wrapper .linkedin-container {
  margin-bottom: 24px;
}
.sign-up-layout .sign-up-container .sign-up-form-wrapper .linkedin-container .linkedin-link {
  margin-right: 15px;
}
.sign-up-layout .sign-up-container .sign-up-form-wrapper .linkedin-container .linkedin-link:hover {
  text-decoration: none;
}
.sign-up-layout .sign-up-container .sign-up-form-wrapper .linkedin-container .linkedin-signin-button {
  margin: 0;
}
.sign-up-layout .sign-up-container .sign-up-form-wrapper .linkedin-container span {
  font-weight: bold;
}

.sign-in-layout #content-wrapper {
  margin-left: 0;
}
.sign-in-layout #content-wrapper .container:first-child {
  padding: 0;
}
.sign-in-layout .sign-in-container {
  display: flex;
}
.sign-in-layout .sign-in-container .sign-in-form-wrapper {
  flex-basis: 50%;
  flex-grow: 1;
}
.sign-in-layout .sign-in-container .sign-in-form-wrapper .center-block-narrow {
  margin-top: 72px;
  padding: 0 50px;
}
.sign-in-layout .sign-in-container .sign-in-form-wrapper .log-in-title {
  margin-bottom: 24px;
}
.sign-in-layout .sign-in-container .sign-in-form-wrapper .remember-me {
  align-items: center;
  display: flex;
  margin-bottom: 24px;
}
.sign-in-layout .sign-in-container .sign-in-form-wrapper .remember-me label {
  margin-left: 8px;
  margin-bottom: 0;
}
.sign-in-layout .sign-in-container .sign-in-form-wrapper .sci-input-container {
  margin-bottom: 24px;
}
.sign-in-layout .sign-in-container .sign-in-form-wrapper .linkedin-container {
  margin-bottom: 24px;
}
.sign-in-layout .sign-in-container .sign-in-form-wrapper .linkedin-container .linkedin-link {
  margin-right: 15px;
}
.sign-in-layout .sign-in-container .sign-in-form-wrapper .linkedin-container .linkedin-link:hover {
  text-decoration: none;
}
.sign-in-layout .sign-in-container .sign-in-form-wrapper .linkedin-container .linkedin-signin-button {
  margin: 0;
}
.sign-in-layout .sign-in-container .sign-in-form-wrapper .linkedin-container span {
  font-weight: bold;
}
.sign-in-layout .sign-in-container .sign-in-form-wrapper .log-in-button {
  padding: 7px 32px;
}
.sign-in-layout .sign-in-container .sign-in-form-wrapper .forgot-password-link {
  display: inline-block;
  margin-bottom: 24px;
}

@-moz-document url-prefix() {
  #steps ul > li {
    padding-top: 1px;
  }
  #steps ul > li a > p:first-child {
    margin-top: -17px;
  }
}
#steps .step .panel {
  border: 0;
  margin-left: 0;
}
#steps .step .panel .panel-body {
  padding: 15px 24px;
}
#steps .step-panel-collapse-link {
  padding-left: 5px;
}
#steps .step-panel-collapse-link:not(.collapsed) .sn-icon {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  display: inline-block;
}
#steps .step-heading {
  align-items: center;
  border: 0;
  display: flex;
  min-height: 46px;
  padding: 0 17px;
}
#steps .step-heading .panel-options {
  bottom: 0;
  flex-grow: 1;
  flex-shrink: 0;
  line-height: 46px;
  text-align: right;
}
#steps .step-heading span.step-number {
  flex-shrink: 0;
  font-size: 16px;
  font-weight: bold;
  margin: 0 5px 0 10px;
  min-width: fit-content;
}
#steps .step-heading .left-floats {
  align-items: center;
  display: flex;
  max-width: 100%;
  min-height: inherit;
  overflow: hidden;
  padding-left: 0.1em;
  padding-right: 15px;
}
#steps .step-heading .left-floats .toggle-step-complete {
  font-size: 24px;
  font-weight: bold;
  padding: 5px;
}
#steps .step-heading .left-floats .toggle-step-complete .fas {
  color: #5ec66f;
}
#steps .step-heading .left-floats .toggle-step-complete .far {
  color: #d0d5dd;
}
#steps .step-heading .left-floats .step-name-link {
  display: flex;
  flex-shrink: 1;
  overflow: hidden;
}
#steps .step-heading .left-floats .step-name-link .name-block {
  display: flex;
  flex-shrink: 1;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 1188px) {
  #steps .step-heading .left-floats .step-name-link .name-block {
    min-width: 100px;
  }
}
#steps .step-heading .left-floats .step-name-link .name-block strong {
  font-size: 16px;
  white-space: nowrap;
}
#steps .step-heading .left-floats .step-name-link .delimiter {
  padding: 0 5px;
}
#steps .step-heading .left-floats .step-name-link .author-block {
  display: inline-block;
  flex-shrink: 0;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
}

.step .textarea-sm {
  border-radius: 0;
}

.comments-title {
  color: #1d2939;
}

.expand-all-steps {
  margin: 0 0 15px 15px;
}

.system-notification {
  border-bottom: 1px solid #eaecf0;
  color: #1d2939;
  display: inline-block;
  float: left;
  min-height: 70px;
  padding-bottom: 5px;
  padding-top: 5px;
  position: relative;
  width: 100%;
}
.system-notification:hover {
  background: #eaecf0;
  color: #1d2939;
  opacity: 0.7;
}
.system-notification .status-block {
  float: left;
  height: 0;
  width: 60px;
}
.system-notification .status-block .status-icon {
  background: #5ec66f;
  border-radius: 15px;
  height: 30px;
  line-height: 32px;
  margin: 15px 20px;
  text-align: center;
  width: 30px;
}
.system-notification .status-block .status-icon.seen {
  background: #eaecf0;
}
.system-notification .status-block .status-icon i {
  color: #fff;
  font-size: 18px;
  margin-top: 5px;
}
.system-notification .body-block {
  float: right;
  width: calc(100% - 70px);
}
.system-notification .body-block .datetime {
  font-size: 12px;
  line-height: 20px;
  opacity: 0.7;
}
.system-notification .body-block .title {
  font-weight: bold;
  line-height: 20px;
  margin: 0;
}
.system-notification .body-block .message {
  line-height: 20px;
}

#system-notifications-index {
  display: inline-block;
  position: relative;
  width: 100%;
}
#system-notifications-index #search-bar-notifications {
  border-bottom: 1px solid #eaecf0;
  display: none;
  margin: 10px 0 0;
  padding: 0 0 10px;
  width: 100%;
}
#system-notifications-index #search-bar-notifications .form-group {
  width: 100%;
}
#system-notifications-index #search-bar-notifications .form-group .input-group {
  max-width: 600px;
  width: 100%;
}
#system-notifications-index .system-notifications-container {
  display: inline-block;
  width: 100%;
}
#system-notifications-index .no-notification-message {
  margin: 20px 0;
}
#system-notifications-index .title-container {
  border-bottom: 1px solid #eaecf0;
  left: -20px;
  margin: 0;
  padding-bottom: 10px;
  padding-left: 20px;
  position: relative;
  width: calc(100% + 40px);
}
#system-notifications-index .title-container a {
  font-size: 14px;
  margin-left: 30px;
}
#system-notifications-index .btn-more-system-notifications {
  margin-top: 10px;
}

#manage-module-system-notification-modal .modal-title {
  margin-left: 20px;
}
#manage-module-system-notification-modal .modal-body {
  margin: 20px;
}

.tinymce-view {
  border: solid 1px;
  border-color: #fff;
  border-radius: 3px;
  float: left;
  width: 100%;
}
.tinymce-view:hover {
  border-color: #eaecf0;
  cursor: pointer;
}
.tinymce-view:empty::before {
  color: #98a2b3;
  content: attr(data-placeholder);
}
.tinymce-view p {
  margin: 0;
  padding: 0;
}

.mce-tinymce {
  opacity: 0;
  position: absolute !important;
}
.mce-tinymce.show {
  opacity: 1;
  position: static !important;
}

.mce-container-body {
  position: relative !important;
}

.tox.tox-tinymce {
  left: -100000px;
  position: absolute;
}
.tox.tox-tinymce.tox-tinymce--loaded {
  left: 0;
  position: relative;
}

.tinymce-placeholder {
  background: #eaecf0;
  opacity: 0.7;
  transition: 0.2s;
  width: 100%;
}

.tox-edit-area label {
  color: #98a2b3 !important;
  padding: 5px !important;
}

.tinymce-save-button.tox-mbtn,
.tinymce-cancel-button.tox-mbtn {
  cursor: pointer;
}
.tinymce-save-button.tox-mbtn button,
.tinymce-cancel-button.tox-mbtn button {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 0.25rem;
}
.tinymce-save-button.tox-mbtn .fas,
.tinymce-cancel-button.tox-mbtn .fas {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-top: 3px;
}
.tinymce-save-button.tox-mbtn:hover,
.tinymce-cancel-button.tox-mbtn:hover {
  background: transparent !important;
}

.tinymce-save-controls {
  display: flex;
  margin-left: auto !important;
}

.tinymce-status-badge {
  color: #98a2b3;
  margin-top: -20px;
}

.tinymce-placeholder-text {
  color: #98a2b3;
}

.mce-toolbar {
  background: #fff !important;
}

.restore-draft-notification {
  align-items: center;
  display: flex;
  flex-basis: 100%;
  height: 30px !important;
  padding: 10px !important;
}
.restore-draft-notification .notification-text {
  flex-grow: 1;
  font-size: 14px;
  max-width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.restore-draft-notification .restore-draft-btn {
  border: 1px solid #98a2b3;
  cursor: pointer;
  font-size: 12px;
  margin-left: auto;
  padding: 3px 10px 3px 10px;
}
.restore-draft-notification .fas {
  color: #98a2b3;
  cursor: pointer;
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  margin-left: 10px;
}

.mce-stack-layout .tinymce-active-object-handler {
  border-top: 1px solid rgb(226, 228, 231);
  height: 33px;
  width: 100%;
}
.mce-stack-layout .tinymce-active-object-handler .tool-button {
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-block;
  line-height: 27px;
  margin: 2px;
  text-align: center;
  width: 30px;
}
.mce-stack-layout .tinymce-active-object-handler .tool-button:hover {
  border: 1px solid rgb(226, 228, 231);
}

.mce-i-download::before {
  content: "\f019";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height: 16px;
  position: absolute;
}

.mce-i-pencil::before {
  content: "\f303";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height: 16px;
  position: absolute;
}

.mce-floatpanel[aria-label="Inline toolbar"] {
  border: 0;
  box-shadow: 0;
  height: 0 !important;
  opacity: 1;
  z-index: 10 !important;
}
.mce-floatpanel[aria-label="Inline toolbar"]::before, .mce-floatpanel[aria-label="Inline toolbar"]::after {
  display: none;
}

.mce-window .mce-abs-layout {
  overflow: visible !important;
}
.mce-window .mce-error {
  padding-top: 15px;
}
.mce-window .mce-primary[disabled=disabled] {
  pointer-events: none;
}
.mce-window .mce-primary[disabled=disabled] button {
  background: #d0d5dd;
  color: #475467;
}

.tox.tox-tinymce.show {
  display: flex !important;
}

.tox-button--icon:not(:hover) {
  background-color: var(--sn-white) !important;
}

.tox .tox-pop {
  margin-top: -12px;
}
.tox .tox-pop::after, .tox .tox-pop::before {
  display: none !important;
}
.tox .tox-pop .tox-pop__dialog {
  border: 0;
  border-radius: 0 0 3px 3px;
  box-shadow: none;
}
.tox .tox-pop .tox-toolbar {
  background: #104da9 !important;
  top: -10px;
}
.tox .tox-pop .tox-toolbar button {
  color: #fff;
}
.tox .tox-pop .tox-toolbar .tox-icon svg {
  fill: #fff;
}

.tox-edit-area__iframe {
  background-color: transparent !important;
  z-index: 1;
}

.tox-sidebar-wrap {
  flex-direction: column !important;
}
.tox-sidebar-wrap .restore-draft-notification {
  background-color: var(--sn-super-light-blue);
  flex-basis: 30px;
}

.tox-editor-header {
  z-index: 2 !important;
}

.tox-dialog-wrap .tox-dialog__body-nav .tox-dialog__body-nav-item:nth-child(3) {
  display: none;
}

.sn-icon-file-word::before,
.sn-icon-file-powerpoint::before,
.sn-icon-file-excel::before {
  background-repeat: no-repeat;
  background-size: 1rem auto;
  content: "" !important;
  display: inline-block;
  height: 1rem;
  vertical-align: middle;
  width: 1rem;
}

.sn-icon-file-word::before {
  background-image: url(/images/office/word-document.svg);
}

.sn-icon-file-powerpoint::before {
  background-image: url(/images/office/powerpoint-document.svg);
}

.sn-icon-file-excel::before {
  background-image: url(/images/office/excel-document.svg);
}

.common-gdpr-header {
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 30px;
}

.common-gdpr-checkbox {
  display: flex;
}
.common-gdpr-checkbox .common-gdpr-label {
  line-height: 16px;
  margin-left: 5px;
}

.common-gdpr-document-modal .modal-body {
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}

.mobile-auth {
  font-size: 16px;
}

.mobile-qr-code {
  margin-top: 36px;
  height: 225px;
  width: 225px;
}
.mobile-qr-code .mobile-qr-code-image {
  display: none;
  height: 100%;
  width: 100%;
}
.mobile-qr-code .mobile-qr-code-image svg {
  width: 100% !important;
  height: 100% !important;
}
.mobile-qr-code.active .mobile-qr-code-placeholder {
  display: none;
}
.mobile-qr-code.active .mobile-qr-code-image {
  display: block;
}
.mobile-qr-code .mobile-qr-code-placeholder {
  background-color: #f6f6f6;
  cursor: pointer;
  height: 100%;
  width: 100%;
  position: relative;
}
.mobile-qr-code .mobile-qr-code-placeholder .mobile-qr-code-plus {
  background-color: #104da9;
  border-radius: 100%;
  color: #fff;
  font-size: 55px;
  line-height: 53px;
  height: 58px;
  position: absolute;
  text-align: center;
  top: 62px;
  left: 37%;
  width: 58px;
  font-weight: 300;
}
.mobile-qr-code .mobile-qr-code-placeholder .mobile-qr-code-text {
  bottom: 50px;
  left: 20.5%;
  position: absolute;
}

#startingTutorialModal {
  /* Arrows */
  /* Dots */
}
#startingTutorialModal .modal-content {
  max-height: fit-content;
  max-height: -moz-max-content;
  min-height: auto;
  min-width: auto;
}
#startingTutorialModal .modal-free {
  max-width: fit-content;
  max-width: -moz-max-content;
}
#startingTutorialModal .modal-free .modal-body {
  padding: 15px 60px;
}
#startingTutorialModal .modal-premium {
  margin: 0 auto;
  max-width: 347px;
}
#startingTutorialModal .modal-premium .modal-body {
  padding: 0 16px;
}
#startingTutorialModal .title {
  margin-bottom: 4px;
  margin-top: 0;
}
#startingTutorialModal .tutorial-text {
  min-height: 215px;
}
#startingTutorialModal .tutorial-header {
  color: #104da9;
  font-size: 42px;
}
#startingTutorialModal .form-group-organization {
  margin-bottom: 16px;
}
#startingTutorialModal .form-group-organization .btn-group {
  display: flex;
}
#startingTutorialModal .form-group-organization .btn {
  flex: 1;
}
#startingTutorialModal .tutorial-buttons-section {
  border-top: 1px solid #eaecf0;
  padding-bottom: 16px;
  padding-top: 16px;
}
#startingTutorialModal .tutorial-image-container img {
  margin: auto;
  width: 600px;
}
#startingTutorialModal .tutorial-image-container-last img {
  margin: 40px auto;
  width: 500px;
}
#startingTutorialModal .modal-content {
  font-size: 16px;
}
#startingTutorialModal .scinote-tutorial {
  height: 660px;
}
#startingTutorialModal .scinote-tutorial-wrapper {
  margin: 0 auto;
  padding: 0 40px;
}
#startingTutorialModal .questionnaire-container {
  margin-bottom: 32px;
  margin-top: 16px;
}
#startingTutorialModal .questionnaire-container .row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
#startingTutorialModal .other-text-input {
  display: none;
  margin-bottom: 32px;
}
#startingTutorialModal .slick-next, #startingTutorialModal .slick-prev {
  width: 36px;
  height: 35px;
}
#startingTutorialModal .slick-prev:before,
#startingTutorialModal .slick-next:before {
  font-family: "slick";
  font-size: 40px;
  line-height: 1;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#startingTutorialModal .slick-prev:before {
  color: #1d2939;
}
#startingTutorialModal .slick-next:before {
  color: #104da9;
}
#startingTutorialModal .slick-prev {
  left: -60px;
}
#startingTutorialModal [dir=rtl] .slick-prev {
  right: -60px;
  left: auto;
}
#startingTutorialModal .slick-next {
  right: -55px;
}
#startingTutorialModal [dir=rtl] .slick-next {
  right: auto;
  left: -55px;
}
#startingTutorialModal .slick-dots {
  bottom: -30px;
}
#startingTutorialModal .slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
#startingTutorialModal .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
#startingTutorialModal .slick-dots li button:before {
  font-family: "slick";
  font-size: 13px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#startingTutorialModal .slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #104da9;
}
#startingTutorialModal .slick-slide {
  outline: none;
}

.dropdown-menu[data-hook=support-dropdown] > li > a {
  padding: 8px 38px !important;
}
.dropdown-menu[data-hook=support-dropdown] .quick-help {
  cursor: pointer;
}

.marvinjs_trial_notification a {
  color: #104da9;
}
.marvinjs_trial_notification .fas {
  color: #f0ad4e;
  margin-right: 0.5em;
}

.jss_contextmenu {
  border: 0;
  border-radius: 0.25rem;
  padding: 0.5rem;
  box-shadow: 0px 16px 32px 0px rgba(16, 24, 40, 0.07);
}

.jss_contextmenu > div {
  color: var(--sn-blue);
  font-size: 0.875rem;
  font-family: "SN Inter", "Open Sans", Arial, Helvetica, sans-serif;
  padding: 0.625rem 0.75rem;
}
.jss_contextmenu > div:hover {
  background-color: var(--sn-super-light-grey);
}

.jss_contextmenu > div a {
  color: var(--sn-blue);
}

.jtabs-headers {
  text-transform: uppercase;
}

.jss .readonly:not(.jss_richtext) {
  position: relative;
}
.jss .readonly:not(.jss_richtext)::before {
  content: "";
  background-color: var(--sn-sleepy-grey);
  height: 18px;
  left: -10px;
  position: absolute;
  top: -10px;
  width: 18px;
  transform: rotate(45deg);
}

.organization-settings .content-pane {
  margin: 0;
  padding-left: 17px;
  padding-top: 0;
}
.organization-settings .content-pane .title-row {
  background: #fff;
  border-bottom: 1px solid #eaecf0;
  margin-bottom: 24px;
  margin-left: -15px;
  padding: 0 2em;
  width: 100%;
}
.organization-settings .content-pane .title-row h1 {
  margin: 13px 0;
}
.organization-settings .modal-report-logo .close {
  color: #475467;
}
.organization-settings .modal-report-logo .modal-dialog {
  height: 300px;
  width: 600px;
}
.organization-settings .modal-report-logo .modal-header {
  border-bottom: 0;
}
.organization-settings .modal-report-logo .modal-body {
  padding-top: 0;
}
.organization-settings .modal-report-logo .modal-body .logo-preview-container {
  margin: 10px 0 26px;
  position: relative;
}
.organization-settings .modal-report-logo .modal-body .unsupported-logo-error-message {
  color: #ce0c24;
  padding: 1rem;
}
.organization-settings .modal-report-logo .modal-footer {
  border-top: 0;
  text-align: center;
}
.organization-settings .report-settings-container .header-logo-checkbox {
  text-align: left;
  width: 100%;
}
.organization-settings .report-settings-container .header-logo-checkbox .header-logo-label {
  margin-left: 4px;
  vertical-align: middle;
}
.organization-settings .report-settings-container .logo-img {
  border: 2px solid #eaecf0;
  border-radius: 4px;
  height: auto;
  margin-bottom: 10px;
  padding: 2px;
  width: 250px;
}
.organization-settings .report-settings-container .upload-report-logo {
  margin-top: 16px;
}
.organization-settings .report-settings-container .text-center {
  width: 250px;
}
.organization-settings .report-setting-header {
  margin-bottom: 8px;
}
.organization-settings #active_directory_form .has-error .form-control {
  border-color: #ce0c24;
  height: 36px;
}
.organization-settings #active_directory_form .has-error .form-control:focus {
  border-color: #ce0c24;
}

.two-factor-auth-wizard-container {
  max-width: 600px;
}
.two-factor-auth-wizard-container .two-factor-apps {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 2em 0;
}
.two-factor-auth-wizard-container .two-factor-apps .app {
  align-items: center;
  display: flex;
  margin: 2em auto;
}
.two-factor-auth-wizard-container .two-factor-apps .app .app-information {
  margin-left: 1.5em;
}
.two-factor-auth-wizard-container .two-factor-apps .app .app-information .app-name {
  font-size: 16px;
  font-weight: bold;
}
.two-factor-auth-wizard-container .two-factor-apps .app .store {
  margin-right: 1em;
}
.two-factor-auth-wizard-container .two-factor-apps .install-mobile {
  margin-left: -150px;
}
.two-factor-auth-wizard-container .close {
  display: none;
}
.two-factor-auth-wizard-container .modal-footer {
  text-align: center;
}
.two-factor-auth-wizard-container .qr-code {
  display: flex;
  justify-content: center;
  padding: 4em;
}
.two-factor-auth-wizard-container .verified-label {
  color: #5ec66f;
  margin-top: 0;
}
.two-factor-auth-wizard-container .recovery-codes {
  font-size: 16px;
  font-weight: bold;
  line-height: 2em;
  text-align: center;
}
.two-factor-auth-wizard-container li {
  display: none;
}

@media (max-width: 700px) {
  .two-factor-auth-wizard-container .install-mobile {
    display: none;
  }
}
.org-members-user-limitation-label {
  color: #104da9;
}

.org-members-upgrade-info {
  margin-bottom: 30px;
}
.org-members-upgrade-info .description {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  line-height: 36px;
  margin-right: 15px;
}

.dropdown-organizations-user > .actions-button {
  color: #475467;
}
.dropdown-organizations-user > .actions-button span {
  cursor: pointer;
}

.limit-reached-text {
  color: #ce0c24;
  display: block;
  margin-top: 15px;
}

.hide-limit-reached {
  display: none;
}

.org-inventories-limit-increase-promo-wrapper {
  padding: 15px;
  width: var(--wrapper-width);
}

.org-inventories-limit-increase-promo {
  background-color: #fff;
  border-radius: 4px;
  padding: 15px;
  text-align: center;
}

.org-teams-limit-increase-promo {
  background-color: #fff;
  border-radius: 4px;
  padding: 15px;
  text-align: left;
}
.org-teams-limit-increase-promo .btn {
  margin-left: 15px;
}
.org-teams-limit-increase-promo .org-teams-limit-increase-promo-text {
  font-size: 1.3em;
  font-weight: bold;
}

.usage-overview-container {
  font-size: 12px;
  padding: 11px 16px 6px;
}
.usage-overview-container .usage-overview-title {
  color: #d0d5dd;
  text-transform: uppercase;
}
.usage-overview-container .progress {
  height: 4px;
  margin-bottom: 10px;
}
.usage-overview-container .progress .progress-bar {
  min-width: 0 !important;
}
.usage-overview-container .usage-overview-text {
  font-size: 16px;
  margin: 8px 0;
}
.usage-overview-container .btn {
  width: 172px;
}

#upgrade-modal .modal-dialog {
  width: 360px;
}
#upgrade-modal .modal-header {
  border-bottom: 0;
}
#upgrade-modal .modal-body {
  padding: 15px 25px;
}
#upgrade-modal .modal-body img {
  padding: 0 55px 20px;
}
#upgrade-modal .modal-body p {
  margin: 0 0 24px;
}

.user-account-subscription-plan .content-pane {
  margin: 0;
  padding-top: 5px;
}

.subscription-plan-widget {
  border-radius: 6px;
  box-shadow: 0px 1px 4px rgba(35, 31, 32, 0.15);
  margin-top: 15px;
}
.subscription-plan-widget .subscription-plan-widget-header {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #eaecf0;
  padding: 10px 15px;
}
.subscription-plan-widget .subscription-plan-widget-body {
  padding: 15px;
}
.subscription-plan-widget .fas {
  color: #104da9;
  margin: 0 5px;
}
.subscription-plan-widget .progress {
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 4px;
  text-align: center;
}
.subscription-plan-widget .progress-label {
  font-weight: bold;
  margin-bottom: 10px;
}
.subscription-plan-widget .use-percentage {
  color: #fff;
  font-weight: bold;
}
.subscription-plan-widget .progress-bar {
  color: #104da9;
}

.org-space-limit-promotion-wrapper {
  border: solid 1px #d0d5dd;
  border-radius: 4px;
  margin: 15px 0;
  padding: 24px;
}

.org-space-limit-promotion {
  background-color: #eaecf0;
  border-radius: 4px;
  padding: 15px;
  text-align: center;
}
.org-space-limit-promotion .progress {
  border-radius: 2px;
  height: 4px;
}
.org-space-limit-promotion .progress-bar {
  color: #104da9;
}
.org-space-limit-promotion .org-space-limit-promotion-text {
  font-size: 1.3em;
  margin: 15px;
}

.org-space-limit-promotion-footer {
  margin-top: 24px;
  text-align: right;
}
.org-space-limit-promotion-footer .btn {
  margin-left: 5px;
}

.org-inventories-limit-increase-promo-wrapper {
  flex-shrink: 0;
}
.org-inventories-limit-increase-promo-wrapper .org-invetories-limit .progress {
  height: 4px;
}

.dropdown-organizations-user .dropdown-menu {
  font-size: 14px;
  min-width: 200px;
}
.dropdown-organizations-user .dropdown-menu .divider-label {
  font-size: 12px;
  color: #98a2b3;
  padding-left: 1em;
}
.dropdown-organizations-user .dropdown-menu a {
  border-radius: unset;
  cursor: pointer;
  padding: 0.5em 1em;
}
.dropdown-organizations-user .dropdown-menu a:hover {
  background: #eaecf0;
}
.dropdown-organizations-user .dropdown-menu .user-organization-role .selected {
  background-color: inherit;
}
.dropdown-organizations-user .dropdown-menu .user-organization-role a.selected::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 501;
  content: "\f00c";
  margin-left: auto;
  position: absolute;
  right: 1em;
}
.dropdown-organizations-user .dropdown-menu .fas, .dropdown-organizations-user .dropdown-menu .fa-stack {
  width: 1.5em;
}

#team-switch.org-teams-limit-promo .dropdown-menu {
  height: auto !important;
}
#team-switch.org-teams-limit-promo .edit_user {
  display: flex;
  flex-direction: column;
  max-height: 700px;
}
#team-switch.org-teams-limit-promo .edit_user .dropdown-header {
  flex-shrink: 0;
}
#team-switch.org-teams-limit-promo .edit_user .team-container {
  flex-grow: 1;
}
#team-switch.org-teams-limit-promo .edit_user .org-teams-limit-increase-promo-dropdown {
  border-top: 1px solid #eaecf0;
  flex-shrink: 0;
  padding: 12px 16px;
  text-align: center;
}
#team-switch.org-teams-limit-promo .edit_user .org-teams-limit-increase-promo-dropdown .btn-primary {
  margin-bottom: 16px;
  width: 100%;
}
#team-switch.org-teams-limit-promo .edit_user .org-teams-limit-increase-promo-dropdown .title,
#team-switch.org-teams-limit-promo .edit_user .org-teams-limit-increase-promo-dropdown .description {
  margin-bottom: 16px;
  text-align: left;
  width: 100%;
}
#team-switch.org-teams-limit-promo .edit_user .org-teams-limit-increase-promo-dropdown .link-dismiss {
  font-size: 12px;
  color: #d0d5dd;
  float: right;
  text-decoration: none;
}

.password-renewal-error {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #475467;
}

#membersDataTable_wrapper .filter-container {
  margin-left: auto;
}
#membersDataTable_wrapper .filter-container .form-control {
  width: auto !important;
}

#sso-wrapper details summary::-webkit-details-marker {
  display: none;
}

.electronic-signatures-buttons .btn {
  display: block;
  width: 100%;
}
.electronic-signatures-buttons .alert-green {
  color: #5ec66f;
  margin-top: 0.5em;
  text-align: center;
}
.electronic-signatures-buttons .alert-green .fas {
  margin-right: 1em;
}
.electronic-signatures-buttons .alert-danger {
  border-color: #ce0c24;
}
.electronic-signatures-buttons .alert-danger.btn-secondary {
  color: #ce0c24;
}
.electronic-signatures-buttons .alert-danger .fas {
  color: #ce0c24;
}

.new_electronic_signature textarea {
  min-height: 140px;
}

#dropdownTaskFlowList .signatures-rejected-description {
  color: #f0ad4e;
  grid-column: span 3;
  line-height: 1.5em;
  padding: 1em 1em 0.5em;
}

#electronicSignatureActionModal .modal-body-text {
  margin-bottom: 24px;
}
#electronicSignatureActionModal .smart-text-area {
  height: 10rem;
  padding: 5px 10px;
}

.signatures-table td {
  max-width: 400px;
}

.e-signature-name {
  margin-left: 5px;
}

.e-signature-container {
  font-size: 12px;
}
.e-signature-container td {
  word-wrap: break-word;
}

.e-signature-header {
  border-bottom: 0 !important;
}

.e-signature-lock-status-icon {
  margin-right: 0.25em;
}

.save-PDF-modal-alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.dashboard-container .current-tasks-widget .task-progress-container.locked .task-progress {
  background: #fff;
  border: 1px solid #98a2b3;
}
.dashboard-container .current-tasks-widget .task-progress-container.locked .task-progress-label {
  color: #98a2b3;
}
.dashboard-container .current-tasks-widget .task-progress-container.locked::after {
  color: #98a2b3;
  content: "\f023";
}

#lockConfirmationModal .status-name,
#unlockConfirmationModal .status-name {
  font-size: 14px;
  border-radius: 2px;
  color: #fff;
  font-weight: bold;
  line-height: 1em;
  overflow: hidden;
  padding: 0.25em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#electronicSignaturesModal {
  --signatures-avatar-size: 24px;
}

#electronicSignaturesModal #requestsTab .modal-header {
  padding: 0.5em 1em;
}
#electronicSignaturesModal #requestsTab .modal-header .modal-title {
  font-size: 18px;
  font-weight: bold;
  line-height: 2em;
}
#electronicSignaturesModal #requestsTab .modal-body {
  font-size: 14px;
  padding: 1em;
}
#electronicSignaturesModal #requestsTab .description {
  font-size: 16px;
  line-height: 1.25em;
  margin: 0;
  padding-bottom: 1em;
}
#electronicSignaturesModal #requestsTab .requests-container {
  height: 30em;
  overflow-y: auto;
  position: relative;
}
#electronicSignaturesModal #requestsTab .requests-container #requestsList {
  width: 100%;
}
#electronicSignaturesModal #requestsTab .requests-container .request-element td {
  border-bottom: 1px solid #eaecf0;
  padding: 0.5em 0;
}
#electronicSignaturesModal #requestsTab .requests-container .request-element:first-child td {
  border-top: 1px solid #eaecf0;
}
#electronicSignaturesModal #requestsTab .requests-container .request-element .information {
  padding: 0.5em 1em;
  white-space: nowrap;
}
#electronicSignaturesModal #requestsTab .requests-container .request-element .avatar {
  padding: 0.5em 1em 0.5em 0.5em;
  width: 4em;
}
#electronicSignaturesModal #requestsTab .requests-container .request-element .avatar .user-avatar {
  border-radius: 50%;
}
#electronicSignaturesModal #requestsTab .requests-container .request-element .group-name {
  font-size: 12px;
}
#electronicSignaturesModal #requestsTab .requests-container .request-element .group-subtitle {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
#electronicSignaturesModal #requestsTab .requests-container .request-element.rejection-row td {
  border-bottom: none;
}
#electronicSignaturesModal #requestsTab .requests-container .group-avatar-container {
  align-items: center;
  background: #eaecf0;
  border-radius: 50%;
  color: #eaecf0;
  display: inline-flex;
  justify-content: center;
  height: var(--signatures-avatar-size);
  width: var(--signatures-avatar-size);
}
#electronicSignaturesModal #requestsTab .requests-container .group-avatar-container .group-avatar {
  color: #98a2b3;
}
#electronicSignaturesModal #requestsTab .requests-container .actions {
  white-space: nowrap;
}
#electronicSignaturesModal #requestsTab .requests-container .sign-button .sn-icon {
  color: #104da9;
}
#electronicSignaturesModal #requestsTab .requests-container .reject-button .sn-icon {
  color: #ce0c24;
}
#electronicSignaturesModal #requestsTab .requests-container .timestamp {
  color: #98a2b3;
}
#electronicSignaturesModal #requestsTab .requests-container .signature-comment-cell {
  border-bottom: 1px solid #eaecf0;
  padding: 0.5em 0;
}
#electronicSignaturesModal #requestsTab .requests-container .signature-comment {
  font-size: 16px;
  background: #fbebd3;
  border-radius: 4px;
  padding: 1em;
  padding-right: 2em;
  position: relative;
}
#electronicSignaturesModal #requestsTab .requests-container .signature-comment .fas {
  cursor: pointer;
  display: inline-block;
  line-height: 2em;
  position: absolute;
  right: 0.2em;
  text-align: center;
  top: 0.6em;
  width: 30px;
}
#electronicSignaturesModal #requestsTab .requests-container .signature-comment.collapsed {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#electronicSignaturesModal #requestsTab .requests-container .signature-comment.collapsed .fas {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#electronicSignaturesModal #requestsTab .requests-container .signature-label {
  border: 1px solid #d0d5dd;
  border-radius: 2px;
  font-weight: bold;
  line-height: 1em;
  margin-right: 0.5em;
  padding: 0.1em 0.5em;
}
#electronicSignaturesModal #requestsTab .requests-container .signature-label.signed-label {
  border-color: #104da9;
  color: #104da9;
}
#electronicSignaturesModal #requestsTab .requests-container .signature-label.invalid-label {
  border-color: #98a2b3;
  color: #98a2b3;
}
#electronicSignaturesModal #requestsTab .requests-container .signature-label.rejected-label {
  border-color: #ce0c24;
  color: #ce0c24;
}
#electronicSignaturesModal #requestsTab .requests-container .request-actions {
  text-align: right;
}
#electronicSignaturesModal #requestsTab .invite-people-placeholder {
  padding: 2em 0.5em;
}
#electronicSignaturesModal #requestsTab .invite-people-placeholder .description {
  font-size: 16px;
  color: #98a2b3;
}
#electronicSignaturesModal #requestsTab .invite-people-placeholder .fas {
  font-size: 40px;
  padding: 1.5em;
}

.group-members-button {
  cursor: pointer;
}

.group-members-content {
  max-height: 180px;
  min-width: 260px;
  overflow: auto;
  padding: 0.6em 1em;
}
.group-members-content .title {
  font-size: 12px;
  color: #98a2b3;
  padding-bottom: 0.5em;
}
.group-members-content .name {
  font-size: 14px;
  padding: 0.4em 0;
}
.group-members-content .no-members {
  font-size: 14px;
  font-style: italic;
  padding: 0.4em 0;
}

#electronicSignaturesModal #requestablesTab .fa-arrow-left {
  cursor: pointer;
  margin-right: 0.5em;
  padding: 0.5em;
}
#electronicSignaturesModal #requestablesTab .modal-header {
  padding: 0.5em 1em 0.5em 0.5em;
}
#electronicSignaturesModal #requestablesTab .modal-header .modal-title {
  line-height: 2em;
}
#electronicSignaturesModal #requestablesTab .modal-body {
  font-size: 14px;
  padding: 1em;
}
#electronicSignaturesModal #requestablesTab .requestables-container {
  height: 30em;
  overflow-y: auto;
  padding-top: 1em;
  position: relative;
}
#electronicSignaturesModal #requestablesTab .requestables-container .requestable-container {
  align-items: center;
  display: flex;
  padding: 0.5em 0.25em;
}
#electronicSignaturesModal #requestablesTab .requestables-container .requestable-container:not(:first-child) {
  border-top: 1px solid #eaecf0;
}
#electronicSignaturesModal #requestablesTab .requestables-container .requestable-container .avatar {
  border-radius: 50%;
  margin: 0 1em;
  max-width: 24px;
}
#electronicSignaturesModal #requestablesTab .requestables-container .requestable-container .group-avatar-container {
  align-items: center;
  background: #eaecf0;
  border-radius: 50%;
  color: #eaecf0;
  display: inline-flex;
  justify-content: center;
  height: var(--signatures-avatar-size);
  margin: 0 1em;
  width: var(--signatures-avatar-size);
}
#electronicSignaturesModal #requestablesTab .requestables-container .requestable-container .group-avatar-container .group-avatar {
  color: #98a2b3;
}
#electronicSignaturesModal #requestablesTab .requestables-container .requestable-container.selected {
  background: #fbebd3;
}
#electronicSignaturesModal #requestablesTab .requestables-container .requestable-container.disabled .avatar,
#electronicSignaturesModal #requestablesTab .requestables-container .requestable-container.disabled .group-avatar {
  opacity: 0.5;
}
#electronicSignaturesModal #requestablesTab .requestables-container .requestable-container.disabled .requestable-name {
  color: #98a2b3;
}

@media (min-width: 900px) {
  #electronicSignaturesModal .modal-dialog {
    width: 800px;
  }
}
.signature-requests-container {
  height: 100%;
  position: relative;
}
.signature-requests-container .signature-requests-item {
  align-items: center;
  border-bottom: 1px solid #eaecf0;
  color: #475467;
  cursor: pointer;
  display: flex;
  margin: 0 0.9em;
  padding: 0.9em 0.7em;
  text-decoration: none;
}
.signature-requests-container .signature-requests-item:hover {
  background: var(--sn-super-light-grey);
  text-decoration: none;
}
.signature-requests-container .signature-requests-item .task-name {
  color: #104da9;
}
.signature-requests-container .signature-requests-item.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.signature-requests-container .signature-requests-item.reminded {
  background: #fbebd3;
}
.signature-requests-container .signature-requests-item.reminded .timestamp {
  color: #475467;
}
.signature-requests-container .signature-requests-item.reminded .reminder-count {
  padding-top: 0.5em;
}
.signature-requests-container .signature-requests-item .description {
  flex-grow: 1;
  padding: 0 0.5em;
}
.signature-requests-container .signature-requests-item .timestamp {
  font-size: 12px;
  color: #98a2b3;
  flex-shrink: 0;
  padding-right: 0.5em;
  text-align: right;
}
.signature-requests-container .signature-requests-item .user-avatar {
  border-radius: 50%;
  max-width: 40px;
}
.signature-requests-container .disabled-description {
  font-size: 12px;
  background: #eaecf0;
  border-bottom: 1px solid #eaecf0;
  border-radius: 4px;
  margin: -0.6em 1.5em 0.7em;
  padding: 0.7em;
}
.signature-requests-container hr {
  margin: 0 0.9em;
}
.signature-requests-container .signatures-done-placeholder {
  display: flex;
}
.signature-requests-container .signatures-done-placeholder .widget-placeholder-title {
  color: #475467;
}
.signature-requests-container .signatures-done-placeholder .img-signatures-done {
  margin: 0 3em;
  width: 16em;
}

#experimentTable .signed-block {
  border: 1px solid #104da9;
  border-radius: 2px;
  color: #104da9;
  font-weight: bold;
  padding: 0.25em 0.5em;
}
#experimentTable .signatures-filter {
  align-items: center;
  display: flex;
  margin-bottom: 1rem;
}
#experimentTable .signatures-filter .sci-checkbox-container {
  margin-right: 0.5em;
}
#experimentTable .task_name-column .fas {
  color: #1d2939;
  margin-right: 0.25em;
}

.audits-table thead {
  background: #d0d5dd;
}
.audits-table td, .audits-table th {
  padding: 10px;
}

#audit-trail-table td.details-control a {
  cursor: pointer;
}
#audit-trail-table .details table {
  background-color: #eaecf0;
}
#audit-trail-table .details table thead > tr > th {
  color: #1d2939;
  background-color: #eaecf0;
}
#audit-trail-table .details table tbody tr td table {
  width: 100% !important;
}
#audit-trail-table table.dataTable td {
  max-width: 400px;
}
@media (max-width: 960px) {
  #audit-trail-table table.dataTable td {
    max-width: 200px;
  }
}
@media (max-width: 770px) {
  #audit-trail-table table.dataTable td {
    max-width: 60px;
  }
}

#external_filter_container_wrapper {
  clear: both;
  padding-bottom: 30px;
  position: relative;
}
#external_filter_container_wrapper span {
  display: inline-flex;
}
#external_filter_container_wrapper span .btn {
  margin-right: 5px;
}

#export-modal {
  margin-top: 20px;
}

.yadcf-filter-wrapper {
  display: flex;
  white-space: normal;
  margin-top: 7px;
}

.yadcf-filter-range-date-seperator,
.yadcf-filter-range-number-seperator {
  margin-left: 2px;
  margin-right: 2px;
}

.yadcf-filter-range {
  min-width: 70px;
}

.yadcf-filter-range-number-slider-min-tip-inner,
.yadcf-filter-range-number-slider-max-tip-inner {
  color: black;
}

.yadcf-filter,
.yadcf-filter-range-date,
.yadcf-filter-range,
.chosen-container.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
  font-size: 12px;
  line-height: 1;
  min-height: 34px;
  font: inherit;
  font-weight: normal;
  color: black;
  background-color: #fff;
  border: 1px solid #d0d5dd;
  border-radius: 4px;
  padding-left: 5px;
}

table.dataTable thead .sorting:hover:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  opacity: 1;
}

#yadcf-filter-wrapper-inner--example-4 .chosen-container.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
  color: #98a2b3;
}

.yadcf-filter-wrapper-inner {
  border: none;
}

.yadcf-filter-reset-button {
  text-decoration: none;
  font-size: 0px;
  background: none;
  border: none;
  opacity: 0.3;
}

.yadcf-filter-reset-button:hover {
  color: #104da9;
  opacity: 1;
}

.yadcf-filter-reset-button:before {
  font-family: "Glyphicons Halflings";
  content: "\e020";
}

.sorting:hover:after,
.sorting_asc:hover:after,
.sorting_desc:hover:after,
.sorting_asc_disabled:hover:after,
.sorting_desc_disabled:hover:after {
  color: #104da9;
  opacity: 1;
}

.sorting_asc:after,
.sorting_desc:after {
  color: #104da9;
  opacity: 1;
}

.giot-connected-accounts-panel {
  padding: 1.1em 0.1em;
}
.giot-connected-accounts-panel .giot-connected-accounts-title {
  font-size: 16px;
  font-weight: bold;
}
.giot-connected-accounts-panel .giot-linked-label {
  color: #5ec66f;
  padding-left: 0.4em;
}
.giot-connected-accounts-panel .giot-linked-label .fas {
  padding: 0.3em;
}
.giot-connected-accounts-panel p {
  margin-top: 0.5em;
}
.giot-connected-accounts-panel .giot-unlink-button {
  bottom: 2.9em;
  position: absolute;
  right: 2.1em;
}

.white-background {
  background: #fff;
}

.giot-content-wrapper {
  background-position: 0 50px;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.giot-connect-new-container {
  padding: 1em 2em;
}
.giot-connect-new-container div {
  padding: 12px 0;
}
.giot-connect-new-container ul {
  list-style: none;
  padding-left: 18px;
}
.giot-connect-new-container li::before {
  color: #104da9;
  content: "•";
  display: inline-block;
  font-size: 20px;
  margin-left: -18px;
  width: 18px;
}
.giot-connect-new-container .giot-connect-new-footer {
  display: flex;
}
.giot-connect-new-container .btn {
  margin: 0 2px;
  width: 90px;
}

.giot-scinote-gilson-logo {
  padding: 20px 0;
  width: 100%;
}

.giot-navbar-scinote-brand {
  float: left;
  max-height: 50px;
  max-width: 161px;
  padding: 15px;
}
.giot-navbar-scinote-brand img {
  max-height: 20px;
}

.giot-navbar-gilson-brand {
  background-color: #00305b;
  float: left;
  max-height: 50px;
  padding: 5px;
}
.giot-navbar-gilson-brand img {
  max-height: 40px;
}

.giot-connect-header {
  background: #fff;
  margin: 0;
}
.giot-connect-header .header {
  box-shadow: 0 3px 6px #d0d5dd;
}

.giot-scinote-login-img {
  width: 100%;
}

.giot-connect-promo {
  height: 100%;
  padding-top: 60px;
}
.giot-connect-promo .center-block {
  height: 100%;
}

.giot-connect-message {
  padding: 30px;
}
.giot-connect-message .giot-connect-features-list {
  font-size: 16px;
  list-style-position: inside;
  margin-bottom: 0;
  padding: 16px 0;
}
.giot-connect-message .giot-connect-features-list li {
  margin-bottom: 16px;
  white-space: nowrap;
}
.giot-connect-message .btn-secondary {
  background: #eaecf0;
}

.giot-registration-container {
  height: calc(100% - 50px);
  margin: 0;
  padding: 0;
  width: 100%;
}
.giot-registration-container .giot-registration-container-content {
  background: #fff;
  font-size: 14px;
  height: calc(100vh - 50px);
  overflow: auto;
  padding: 15px;
  position: initial;
}
.giot-registration-container .giot-registration-container-content label {
  font-size: 12px;
  margin-bottom: 8px;
}
.giot-registration-container .giot-registration-container-content p {
  font-size: 12px;
}
.giot-registration-container .giot-registration-container-content h3 {
  margin-bottom: 14px;
}
.giot-registration-container .giot-registration-container-content h4 {
  margin-top: 32px;
}
.giot-registration-container .giot-registration-container-content .form-group {
  margin-bottom: 24px;
}

.giot-error-container {
  background: #e5e5e5;
  height: calc(100% - 50px);
  margin: 0;
  padding: 0;
  width: 100%;
}
.giot-error-container .giot-registration-container-404 {
  font-size: 16px;
  overflow: auto;
  padding-top: 48px;
  position: relative;
  vertical-align: center;
}
.giot-error-container .giot-registration-container-404 h2 {
  font-size: 24px;
}
.giot-error-container .giot-registration-container-404 p {
  margin-bottom: 0;
  margin-top: 0;
}

.giot-tos-checkbox {
  margin: 30px 0;
}
.giot-tos-checkbox .sci-checkbox-container {
  margin-right: 5px;
  top: 3px;
}

.scinote-gdpr-document-modal {
  color: #1d2939;
}
.scinote-gdpr-document-modal .modal-body {
  max-height: calc(100vh - 300px);
  overflow-y: auto;
}

.giot-scinote-logo {
  background-color: #fff;
  background-image: url(/images/scinote_icon.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 180px;
  margin-right: 10px;
  width: 180px;
}

.giot-oauth-authorize-btn {
  margin-left: 5px;
  margin-right: 20px;
}

.giot-sign-in-container {
  padding: 2em;
}
.giot-sign-in-container .sign-in-domain {
  font-size: 18px;
  font-weight: bold;
  padding: 1em 0;
}
.giot-sign-in-container .sign-in-domain .domain-name {
  color: #104da9;
}
.giot-sign-in-container .sci-input-container {
  padding-bottom: 1.5em;
}

body {
  font-family: "SN Inter", "Open Sans", Arial, Helvetica, sans-serif;
}