#login-buttons-image-microsoft {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAQAAABKIxwrAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAADWSURBVDjL5dO9asJQGIfx542JiB8NOaCmJEg2EYwZ2mvwDrw7515BF/deQ4cunTq1OBSKHyXndcgiUUPGgM94+J0DZ/gLN9MBY0Y8MiQmItaYg1ygByYYnkiIMGowGOkiAPrjasYnHqM8bWVkpMTs7ZuzLC6XX3N5UUdC/JZQI5eZ1IJFTn16Z1x0zXvp7J8vkqt6h1ot95dv9Gr2u1FfbRa3r/ZDf9F63HVWdPCOYTu1CzKZS1TFL6ax9YMJAc8kRGrUSHC+1YolqUeXHn16hEyZMmN4AgnDVjrn+qlfAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA2LTIyVDIwOjQ4OjQ3KzAyOjAwb0y03AAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wNi0yMlQyMDo0ODo0NyswMjowMB4RDGAAAAAASUVORK5CYII=);
}#login-buttons-image-zoom {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUIwNDlFMTYwOTExMTFFNDg3ODBDRTdGN0JGRTM2M0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUIwNDlFMTUwOTExMTFFNDg3ODBDRTdGN0JGRTM2M0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJBQzBEQkQ5RkNDOTExRTI4QkFFRUY2QzY5NjZFNTM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJBQzBEQkRBRkNDOTExRTI4QkFFRUY2QzY5NjZFNTM5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+N3Ki9AAAAvRJREFUeNqEk2tIU2EYx9+zc3bO7up0c+o2NW2aV7zWMEzML4kSpIEUJGVf+lBQBFnghz72wW8iQUWQdNFICkJJQS01pkJq5qXjJTen0zZ2Obue7ZzzNoOVK8sHXng//N8fz/N/nz8CIQT/K85vSUJwuQ1BidC+gl3Av07A+KZ2pzt9x/mh5RmE3L4aXgTkYYLiHuP0+QXXdu4vus+cjAdtSrjV3+SwzhVPOeiTBpu7noUQjUiwyKXXNHvh7uf+ziK5eqmnsvkID6DAr6wem6Lj6S/bDsI8/GLEk3FN6gu4wK08jT4vRmSIAqjF0uUEgRiaKHv2k+WvN1BMlT7vktRu+7MImvoIsM1RaWx6izs7XjaULMRXozrwMpyQ4+RxXisbtDrsRAc12V6aWQVYHgGEiZVA45kAOcQa1CfZG9LUGYN7PcQcQUbRsbTVbwlwJXwYB5iQFdjdFpBCcO+LldKXOdrGGSl43Bf2QiaghvMAKIsGBDlIOINMGo5iTLFWR/oQS45AwoPVyaC1QiEJz6kDlKZ8kN7sawitDZwT22rH/QPzNXiBdkF8Vv8aSxTwzddz1OUMB/kyXGm+aCAXN3wuzYhrvalCccgAgizgNvKn7V29DfTCRKlop3UC9YgAlqpwi+pKVD89UIvwtUhLJVpdt2nOcNMwaDhjfrRF4UPkKQ9JFnpcGOBgAKDCLRirq1kRN+sfIgQWwPbOw0yuFhR3zypevX0HjBuUZiyQ2FYFYsKPhECYogohhzf5shO8laSrd4p48lhv1Dd6n4422i/d70lnQ4iCpcAmnwGTGr6rrqbquez0sZ6EFH2G99vtBwhqyWQRMpMHymejADDEYWx4OVVpKaayXKX/ez6STR7VOdj6y1ck4YWFoaRPflNnG0fb4hEuTP8rCxwE9My6Dlqc0jHKVFE41A7z++/Bceva8YiGcRtVIedi2t4s/PYAAQAvTCV3r6WceLJOntXlpH2KTImCjEhQiXb7zzAiB8X5oPohwABZc4P7DsJr6wAAAABJRU5ErkJggg==);
}/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }#login-buttons-image-slack {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUIwNDlFMTYwOTExMTFFNDg3ODBDRTdGN0JGRTM2M0UiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUIwNDlFMTUwOTExMTFFNDg3ODBDRTdGN0JGRTM2M0UiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJBQzBEQkQ5RkNDOTExRTI4QkFFRUY2QzY5NjZFNTM5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJBQzBEQkRBRkNDOTExRTI4QkFFRUY2QzY5NjZFNTM5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+N3Ki9AAAAvRJREFUeNqEk2tIU2EYx9+zc3bO7up0c+o2NW2aV7zWMEzML4kSpIEUJGVf+lBQBFnghz72wW8iQUWQdNFICkJJQS01pkJq5qXjJTen0zZ2Obue7ZzzNoOVK8sHXng//N8fz/N/nz8CIQT/K85vSUJwuQ1BidC+gl3Av07A+KZ2pzt9x/mh5RmE3L4aXgTkYYLiHuP0+QXXdu4vus+cjAdtSrjV3+SwzhVPOeiTBpu7noUQjUiwyKXXNHvh7uf+ziK5eqmnsvkID6DAr6wem6Lj6S/bDsI8/GLEk3FN6gu4wK08jT4vRmSIAqjF0uUEgRiaKHv2k+WvN1BMlT7vktRu+7MImvoIsM1RaWx6izs7XjaULMRXozrwMpyQ4+RxXisbtDrsRAc12V6aWQVYHgGEiZVA45kAOcQa1CfZG9LUGYN7PcQcQUbRsbTVbwlwJXwYB5iQFdjdFpBCcO+LldKXOdrGGSl43Bf2QiaghvMAKIsGBDlIOINMGo5iTLFWR/oQS45AwoPVyaC1QiEJz6kDlKZ8kN7sawitDZwT22rH/QPzNXiBdkF8Vv8aSxTwzddz1OUMB/kyXGm+aCAXN3wuzYhrvalCccgAgizgNvKn7V29DfTCRKlop3UC9YgAlqpwi+pKVD89UIvwtUhLJVpdt2nOcNMwaDhjfrRF4UPkKQ9JFnpcGOBgAKDCLRirq1kRN+sfIgQWwPbOw0yuFhR3zypevX0HjBuUZiyQ2FYFYsKPhECYogohhzf5shO8laSrd4p48lhv1Dd6n4422i/d70lnQ4iCpcAmnwGTGr6rrqbquez0sZ6EFH2G99vtBwhqyWQRMpMHymejADDEYWx4OVVpKaayXKX/ez6STR7VOdj6y1ck4YWFoaRPflNnG0fb4hEuTP8rCxwE9My6Dlqc0jHKVFE41A7z++/Bceva8YiGcRtVIedi2t4s/PYAAQAvTCV3r6WceLJOntXlpH2KTImCjEhQiXb7zzAiB8X5oPohwABZc4P7DsJr6wAAAABJRU5ErkJggg==);
}.suppress-blue:focus {
  -webkit-box-shadow: none;
  box-shadow: none !important;
  background-color: transparent !important;
}
.suppress-blue:hover {
  background-color: transparent !important;
}
.suppress-blue {
  outline: none;
  border: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background: transparent;
}
.text-center {
  text-align: center !important;
}
.display-inline {
  display: inline-block !important;
}
.no-padding {
  padding: 0 !important;
  margin: 0 !important;
}
.min-height-30 {
  min-height: 30px;
}
.underline {
  text-decoration: underline;
}
@font-face {
  font-family: 'Open Sans';
  src: url('font/OpenSans-Light-webfont.eot');
  src: url('font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('font/OpenSans-Light-webfont.woff') format('woff'), url('font/OpenSans-Light-webfont.ttf') format('truetype'), url('font/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('font/OpenSans-Regular-webfont.eot');
  src: url('font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/OpenSans-Regular-webfont.woff') format('woff'), url('font/OpenSans-Regular-webfont.ttf') format('truetype'), url('font/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
  font-weight: 400;
  font-style: normal;
}
.force-wrap {
  word-wrap: break-word;
  word-break: break-all;
  -ms-word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}
.def-body-text-msg-act {
  line-height: 1.3;
}
.type-light {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
.flex-row {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.flex-row .flex-col-1 {
  flex: 1;
}
.flex-row .flex-col-2 {
  flex: 2;
}
.flex-row .flex-col-3 {
  flex: 3;
}
.flex-row .flex-col-4 {
  flex: 4;
}
.flex-row .flex-col-5 {
  flex: 5;
}
.flex-row .flex-col-5 {
  flex: 6;
}
.flex-row .flex-col-5 {
  flex: 7;
}
.flex-row .flex-col-5 {
  flex: 8;
}
.flex-row .flex-col-5 {
  flex: 9;
}
.flex-row .flex-col-5 {
  flex: 10;
}
.flex-row .flex-col-5 {
  flex: 11;
}
.flex-row .flex-col-5 {
  flex: 12;
}
.flex-row .flex-col-5 {
  flex: 13;
}
.flex-row .flex-col-5 {
  flex: 14;
}
.flex-row .flex-col-5 {
  flex: 15;
}
.item-button {
  cursor: pointer;
  color: var(--whiteGray175);
  font-size: 150%;
  position: absolute;
  top: 0;
  transition: 0.4s ease color;
}
.item-button:nth-of-type(1) {
  right: 5px;
}
.item-button:nth-of-type(2) {
  right: 30px;
}
.item-button:nth-of-type(2) {
  right: 85px;
}
.item-button:hover {
  transition: 0.4s ease color;
  color: var(--black);
}
.label-marker {
  height: 100%;
  width: 3px;
  position: absolute;
  left: 0;
  top: 0;
}
.mfp-bottom-bar {
  width: 100%;
}
.move {
  cursor: move;
}
.fa-arrows-alt {
  color: var(--color-medium-rare);
  font-size: 10px;
}
.subtle-label {
  color: var(--tabbed-grey);
}
h6 {
  margin-top: 10px;
  margin-bottom: 15px;
}
h6,
.h6 {
  font-size: 12px;
}
.adjust-height {
  margin-top: 5px;
  vertical-align: top;
}
.nothing-planned {
  cursor: pointer;
}
.center-block {
  margin: 10px auto;
  display: block !important;
}
.suppress-blue {
  outline: none;
  border: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  background: transparent;
}
.suppress-blue:focus {
  -webkit-box-shadow: none;
  box-shadow: none !important;
  background-color: transparent !important;
}
.suppress-blue:hover {
  background-color: transparent !important;
}
[placeholder]:empty:before {
  content: attr(placeholder);
  cursor: text;
  color: var(--typographyPrimaryDisabled);
  display: block;
}
[placeholder]:focus:before {
  opacity: 0;
}
.hive-green {
  color: var(--hive-green);
}
.color-primary {
  color: var(--color-primary);
}
.intercom-red {
  color: var(--intercom-red);
}
.color-grey {
  color: var(--color95);
}
.file-drop-hover::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 4px;
  border: 1.5px dashed var(--blue135);
  pointer-events: none;
}
#login-logo {
  width: 160px;
  margin: 20px 0 40px 0;
}
.input-group-addon {
  border: none;
  border-radius: 0;
}
.js-mobile-view {
  cursor: pointer;
}
.js-mobile-view i {
  font-size: 26px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.08;
  letter-spacing: 0.2px;
}
.mobile-view {
  display: inline-block !important;
  padding-top: 14px !important;
  padding-bottom: 10px !important;
}
.mobile-view-selected {
  color: var(--hive-blue) !important;
  border-bottom: var(--white) solid 2px;
}
.mobile-view-unselected {
  color: var(--whiteGray175) !important;
  border-bottom: none;
}
.mobile-settings-dd {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 14px;
  padding-bottom: 10px;
}
.cordova-container ~ #createNoteModal .modal-dialog {
  width: 80%;
}
.cordova-container .section-header {
  font-size: 75%;
  z-index: 100;
}
.cordova-container .files-header {
  width: 100%;
  padding-top: 15px;
}
.cordova-container {
  position: absolute;
  top: 45px;
  width: 100%;
  bottom: 0;
  background-color: var(--white);
  overflow: hidden;
  -webkit-overflow-scrolling: none;
}
.cordova-container.cordova-full-screen {
  top: 0;
}
.messages-margins {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 5px;
}
@media (max-width: 899px) {
  .messages-margins {
    top: 0px;
  }
}
.hv-panel-heading {
  padding: 0.5em;
  height: 3em;
}
.ui-pnotify.stack-bar-bottom {
  bottom: 0 !important;
  top: auto !important;
  text-align: center;
}
.message {
  margin-left: 10px;
}
.message.drag-card {
  height: auto !important;
  box-shadow: 1px 1px 2px var(--dark257);
  border-radius: 3px;
  background: var(--white);
  border: 0 solid var(--white);
  opacity: 0.8;
  width: 250px;
  padding: 8px;
  cursor: -webkit-grabbing;
}
.message.drag-card .move {
  cursor: -webkit-grabbing;
}
.message.drag-card .message-menu-wrapper {
  display: none;
}
.message .deleted-message {
  font-style: italic;
  display: block;
  color: var(--color-medium-well);
}
.message .action-item .dropdown.person-pick {
  display: inline;
}
.message .action-item .dropdown.person-pick .caret {
  display: none;
}
.hover-trash {
  background-color: var(--color-medium) !important;
}
.color-picker-box {
  width: 28px;
  height: 28px;
  border-radius: 2px;
  background-color: var(--color-medium-rare);
}
.color-picker-box .fa-caret-down {
  padding: 6px 0px 7px 32px;
  color: var(--color-medium-rare);
}
.help-icon {
  color: var(--color-medium-rare);
  font-size: 16px;
  margin-left: 8px;
}
.snooze-dropdown-menu {
  width: 200px;
}
.snooze-dropdown-menu .divider {
  margin: 0;
}
.snooze-dropdown-menu li:not(.divider),
.snooze-dropdown-menu .dropdown-header {
  font-weight: normal;
  padding: 5px 10px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: var(--color-modal-title);
}
.snooze-dropdown-menu li:not(.divider) div + div,
.snooze-dropdown-menu .dropdown-header div + div {
  color: var(--tabbed-grey);
}
.snooze-dropdown-menu .menu-item:hover {
  cursor: pointer;
  background-color: var(--whiteGray33);
  transition: background-color 200ms ease-in;
}
.dropdown-menu-item:hover {
  cursor: pointer;
  background-color: var(--whiteGray33);
  transition: background-color 200ms ease-in;
}
.dropdown-menu-item.padding-item {
  display: flex;
  align-items: center;
  padding: 3px 25px 3px 15px;
}
.dropdown-menu-item.padding-item .fa,
.dropdown-menu-item.padding-item .far,
.dropdown-menu-item.padding-item .fas,
.dropdown-menu-item.padding-item .fal {
  position: absolute;
  right: 8px;
}
.dropdown-menu-item.padding-item .fa.isChecked,
.dropdown-menu-item.padding-item .far.isChecked,
.dropdown-menu-item.padding-item .fas.isChecked,
.dropdown-menu-item.padding-item .fal.isChecked {
  color: var(--green105) !important;
}
.dropdown-bordered .dropdown {
  width: 100%;
}
.input-bordered {
  position: relative;
  max-width: 100%;
  border: 1px solid var(--color-medium-rare) !important;
  background-color: var(--newWhiteGrayBackground);
}
.input-bordered .input {
  display: flex;
  align-items: center;
  height: 28px;
  color: var(--color-modal-title);
  margin: 0 18px 0 10px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}
.input-bordered i {
  position: absolute;
  top: 7px;
  right: 5px;
  color: var(--color-medium-rare);
}
.select-option > a {
  padding: 3px 10px !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  white-space: normal !important;
  color: var(--typographyPrimary);
}
.select-option > a .check-square {
  text-align: right;
  color: var(--color-medium-rare) !important;
}
.select-option > a .check-square .fa.isChecked,
.select-option > a .check-square .far.isChecked,
.select-option > a .check-square .fas.isChecked,
.select-option > a .check-square .fal.isChecked {
  color: var(--hive-blue) !important;
}
.select-option.separator {
  background-color: var(--color-silver-light);
}
.select-option.separator > a {
  font-size: 12px;
  color: var(--section-title);
}
.checklist-dropdown {
  padding-bottom: 0;
}
.checklist-dropdown ul {
  max-width: 200px;
  max-height: 380px;
  overflow-y: auto;
}
.checklist-dropdown ul li {
  line-height: 0.6;
}
.checklist-dropdown ul li a > .name {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.apply-filters {
  width: 100%;
  height: 40px;
  background-color: var(--color-silver-light);
  text-align: center;
  line-height: 40px;
}
.apply-filters:hover {
  cursor: pointer;
  background-color: var(--color-silver-light-hover);
}
.capitalize {
  text-transform: capitalize;
}
.show-on-hover {
  visibility: hidden;
}
.show-on-hover:hover {
  visibility: visible;
}
.emoji-root {
  position: absolute;
}
@media (max-width: 320px) {
  .emoji-root .emoji-mart {
    width: 290px !important;
  }
}
.emoji-mart .emoji-mart-bar .emoji-mart-anchor {
  color: var(--icon-resting);
}
.padding-off {
  padding: 0 !important;
}
.margin-off {
  margin: 0 !important;
}
.popover.hv.inline-tooltip {
  width: auto !important;
  white-space: nowrap;
}
.up .dropdown-menu {
  bottom: 100% !important;
  top: auto !important;
}
.picker.picker-dialog {
  z-index: 2001 !important;
  outline: none;
}
:root {
  --neutral0: #FFFFFF;
  --neutral100: #F0F1F5;
  --neutral200: #EBEEF5;
  --neutral300: #898B8F;
  --neutral400: #76777A;
  --neutral500: #4E4F52;
  --neutral600: #3B3B3D;
  --neutral700: #272829;
  --neutral800: #1D1E1F;
  --neutral900: #141414;
  --neutral1000: #000000;
  --scrollbarSpacing: 2px;
}
.root_colors_container,
:root {
  --color-primary: #fbc67a;
  --hive-blue: #2b74d9;
  --hive-blue-fade-20: rgba(73, 144, 226, 0.2);
  --hive-blue-fade-10: rgba(73, 144, 226, 0.1);
  --hive-blue-hover: #5295e3;
  --primary-blue: #2B74D9;
  --primary-blue-fade-50: rgba(43, 116, 217, 0.5);
  --hive-blue-light: rgba(73, 144, 226, 0.2);
  --hive-orange: #fbc67a;
  --light-orange: #fff5e9;
  --hive-green: #00c55c;
  --color-background: #F7F7F7;
  --diviver-color: #f6f7f9;
  --msteams-primary: #5558af;
  --msteams-primary-hover: #888ac7;
  --msteams-font-color: #16233a;
  --white-tooltip-fade-80: rgba(255, 255, 255, 0.8);
  --dark-sky-blue-fade-50: rgba(73, 144, 226, 0.5);
  --white: #ffffff;
  --black: #000000;
  --color-secondary: #fbdca1;
  --color-tertiary: #d2edf4;
  --color-ancillary: #530f12;
  --color-complementary: #778b91;
  --ob-green: #86BF7D;
  --color-emphasis: #2b74d9;
  --color-emphasis-hover: #2f80dd;
  --color-negative: #D85228;
  --color-note: #FAFAFA;
  --color-button: #2b74d9;
  --color-empty: white;
  --color-raw: #f2f2f2;
  --color-rare: #eeeeee;
  --color-rareish: #E3E3E3;
  --color-medium-rare: #cccccc;
  --color-medium-rare-hover: #b7b7b7;
  --color-medium: #aaaaaa;
  --color-medium-well: #666666;
  --color-well: #555555;
  --color-full: #333333;
  --color-minor: #777777;
  --color-action-nav: #8c8c8c;
  --color-modal-header: #76777A;
  --color-modal-title: #4a4a4a;
  --color-pin: #aeb5c8;
  --color-modal-link: #2b74d9;
  --color-link: #337ab7;
  --color-link-hover: #23527c;
  --color-navigation: #5f93e7;
  --input-focused: #2b74d9;
  --input-focused-shadow: rgba(74, 144, 226, 0.2);
  --project-border: #dadce0;
  --projectBaseline: #b6b6b6;
  --input-color: #808080;
  --filter-panel: #fcfcfc;
  --tabbed-grey: #76777A;
  --color-tag: #7d869b;
  --section-title: #8e8e8e;
  --color-silver-light: #f9f9f9;
  --color-silver-light-hover: #efefef;
  --item-hovered: #F9F9F9;
  --gray2: #8E8E8E;
  --gray3: #B6B6B6;
  --gray35: #D3D3D3;
  --gray4: #E2E2E2;
  --lightGray: #ececec;
  --transparent: transparent;
  --google-red: #dd4b39;
  --intercom-red: #f00505;
  --intercom-red-hover: #b30303;
  --dark-orange: #ffb032;
  --orange: #F9A663;
  --icon-resting: #a3a7ad;
  --filter-color: #636465;
  --person-online-green: #5CC255;
  --checked-green: #56b68b;
  --dark-grey-blue: #313d59;
  --dark-blue: #0D1B3E;
  --dark-sky-blue: #2b74d9;
  --navbar-background: #f2f6fa;
  --navbar-background-hover: #d8dae1;
  --steel: #7d869b;
  --whiteBlue1: #e5e5ff;
  --whiteBlue2: #e4effb;
  --whiteBlue3: #e5f4fc;
  --whiteBlue4: #ebf4f8;
  --whiteBlue5: #eef7fc;
  --whiteBlue7: #f3f6fa;
  --whiteBlue8: #f4f7fb;
  --whiteBlue9: #f5fafd;
  --whiteBlue150: #9cc1db;
  --whiteBlue151: #a4bed4;
  --whiteBlue152: #b6d2e6;
  --whiteBlue153: #b7e4ff;
  --whiteBlue154: #c1dcf5;
  --whiteBlue155: #d0e5ff;
  --whiteBlue156: #d5ecfb;
  --whiteBlue157: #d9edf8;
  --whiteBlue158: #FFFEE4;
  --whiteBlue159: #DBE9F9;
  --whiteBlue160: #cce7ff;
  --whiteBlue161: #331800;
  --whiteGray13: #e6e6e6;
  --whiteGray14: #e8e8e8;
  --whiteGray16: #e9e9e9;
  --whiteGray17: #eaeaea;
  --whiteGray18: #ebebeb;
  --whiteGray20: #eaeff1;
  --whiteGray21: #ebedf1;
  --whiteGray23: #eceef4;
  --whiteGray24: #edeff3;
  --whiteGray25: #eef0f3;
  --whiteGray28: #f0f0f0;
  --whiteGray31: #f3f3f3;
  --whiteGray33: #f5f5f5;
  --whiteGray34: #f6f6f6;
  --whiteGray35: #f7f7f7;
  --whiteGray36: #f7f7f8;
  --whiteGray37: #f8f8f8;
  --whiteGray38: #f8f8f9;
  --whiteGray40: #f8f9fa;
  --whiteGray41: #fafafa;
  --whiteGray43: #fcfefc;
  --whiteGray46: #fffcf1;
  --whiteGray47: #fffbef;
  --whiteGray48: #fef8e7;
  --whiteGray49: #fffbe6;
  --whiteGray50: #fff7da;
  --whiteGray51: #fff5d9;
  --whiteGray52: #e5e5e5;
  --whiteGray53: #FBFBFB;
  --whiteGray54: #F5F4DA;
  --yellow10: #ffcf551a;
  --yellow52: #fff5cc;
  --yellow53: #fff4b5;
  --yellow85: #FFDD85;
  --yellowGreen54: #fff3a1;
  --yellowGreen55: #ffff99;
  --yellowBrown56: #ffd5a4;
  --mediumOrange: #ffc47c;
  --mediumOrange59: #fac67a;
  --orange60: #f9a663;
  --orange61: #ffa762;
  --orange62: #ffab40;
  --orange63: #ffb032;
  --orange64: #fc9e2d;
  --orange65: #ee9828;
  --orange66: #dbab09;
  --orange67: #f0ae03;
  --orange68: #fe7510;
  --red69: #D85228;
  --red70: #ff0e0e;
  --red71: #ff0000;
  --red72: #f00505;
  --red73: #ee0006;
  --red73-hover: #fb0006;
  --red74: #940000;
  --red75: #d2465f;
  --red76: #d85228;
  --red77: #D85228;
  --red78: #d81b1b;
  --red79: #e63030;
  --red80: #ff3c3c;
  --red81: #ff584c;
  --red82: #ff765f;
  --whitePink84: #ffa9a9;
  --whitePink85: #ffb69f;
  --whitePink86: #fac196;
  --whitePink87: #F1AC96;
  --yellowBrown83: #ccb177;
  --yellowBrown87: #ffd28f;
  --yellowBrown88: #fddb93;
  --yellowBrown89: #ffe390;
  --yellowBrown90: #ffdd85;
  --yellowBrown91: #ECC385;
  --yellowBrown92: #E6D1BC;
  --brown100: #a07b4e;
  --yellow91: #f4e26f;
  --yellow92: #f3ce5d;
  --yellow93: #ffd663;
  --yellow94: #ffe763;
  --yellow95: #fbe054;
  --yellow96: #fad733;
  --yellow97: #eed428;
  --yellow98: #dcc43e;
  --yellow99: #b7a543;
  --darkGreen101: #887a2e;
  --green102: #5cc255;
  --green103: #5cb85c;
  --green104: #47b374;
  --green105: #56b68b;
  --green106: #52be97;
  --green109: #00de0f;
  --green111: #06bd6a;
  --green112: #07d07d;
  --green113: #00BD6A;
  --green114: #08c08c;
  --grayBlue123: #7f9db9;
  --grayBlue124: #95a5a6;
  --grayBlue126: #8894a3;
  --grayBlue127: #7d869b;
  --grayBlue128: #7d8698;
  --grayBlue129: #6f8092;
  --grayBlue130: #5f6c72;
  --purple122: #887ae2;
  --purple131: #5558af;
  --blue112: #008489;
  --blue113: #0073b0;
  --blue114: #00a6c2;
  --blue116: #2b74d9;
  --blue117: #0076ff;
  --blue118: #1b5dfb;
  --blue119: #3366ff;
  --blue120: #2d7ff9;
  --blue121: #1a42cf;
  --blue132: #2b74d9;
  --blue133: #337ab7;
  --blue134: #2b74d9;
  --blue135: #2276d6;
  --blue136: #2b74d9;
  --blue137: #2c73d9;
  --blue138: #3981d5;
  --blue139: #2b74d9;
  --blue140: #4d8fd8;
  --blue141: #2b74d9;
  --blue141-fade-70: rgba(73, 144, 226, 0.7);
  --blue144: #2b74d9;
  --blue145: #4f94e3;
  --blue146: #5f92e7;
  --blue147: #5f93e7;
  --blue148: #5f93e8;
  --blue149: #66afe9;
  --blue107: #5ce7ff;
  --blue108: #10dcff;
  --blue109: #3071a9;
  --blue110: #007bff;
  --blue111: rgba(43, 116, 217, 0.05);
  --white158: #e4e9ef;
  --white159: #f2f2f5;
  --white160: #f0ede7;
  --white162: #dfdfdf;
  --white163: #dedede;
  --white164: #dddddd;
  --white166: #dbdcdc;
  --white167: #dbdbdb;
  --white169: #dadce0;
  --white170: #d8dae1;
  --white171: #d0d9e1;
  --white172: #ffffff;
  --white173: #fff6e6;
  --white174: #e9ecef;
  --whiteGreen172: #c6e6d7;
  --whiteGreen173: #c0dccf;
  --whiteGreen174: #BDDACE;
  --whiteGray174: #d0d0d0;
  --whiteGray175: #cccccc;
  --whiteGray176: #cdcdcd;
  --whiteGray177: #cecece;
  --whiteGray178: #cacccd;
  --whiteGray179: #c8c8c8;
  --whiteGray180: #c4c5cc;
  --whiteGray181: #c4c4c4;
  --whiteGray182: #c3c3c3;
  --whiteGray183: #c1c1c1;
  --whiteGray184: #bdc3c7;
  --whiteGray185: #acb4be;
  --whiteGray186: #afb7c1;
  --whiteGray187: #b1b6c3;
  --whiteGray188: #aeb5c8;
  --whiteGray189: #b6bac3;
  --whiteGray190: #bcbcbc;
  --whiteGray192: #b6b6b6;
  --whiteGray193: #acacac;
  --whiteGray194: #EDEFF3;
  --gray194: #aaaaaa;
  --gray195: #a3a7ad;
  --gray196: #a3a7ae;
  --gray197: #a4a4a4;
  --gray198: #9e9e9e;
  --gray199: #9c9c9c;
  --gray200: #9b9b9b;
  --gray201: #999999;
  --gray202: #939393;
  --gray203: #8e8e8e;
  --gray204: #8c8c8c;
  --gray205: #888888;
  --gray206: #82888a;
  --gray207: #7f8082;
  --gray208: #808080;
  --gray209: #7d7d7d;
  --gray210: #777777;
  --gray211: #777676;
  --gray212: #747473;
  --gray213: #707070;
  --gray214: #76777A;
  --gray215: #6e6969;
  --gray216: #636363;
  --gray217: #5e5e5e;
  --gray218: #5b5b5b;
  --gray219: #565a5c;
  --gray220: #575757;
  --gray221: #555555;
  --gray222: #505050;
  --gray223: #4f4f4f;
  --gray224: #4d4d4d;
  --gray225: #4c4c4c;
  --gray226: #4a4a4a;
  --gray227: #5B6372;
  --gray228: rgba(255, 255, 255, 0);
  --gray230: rgba(100, 100, 100, 0.25);
  --gray106: rgba(71, 71, 71, 0.05);
  --gray107: rgba(0, 0, 0, 0.24);
  --grayBrown227: #362d26;
  --darkBlue228: #263046;
  --darkBlue229: #273046;
  --darkBlue230: #313d59;
  --darkBlue231: #333e59;
  --gray232: #474747;
  --gray233: #454545;
  --gray234: #454544;
  --gray235: #444444;
  --gray236: #404040;
  --gray237: #3d3d3d;
  --gray238: #3d3c40;
  --gray239: #3c3e44;
  --gray240: #353a3f;
  --gray241: #393939;
  --gray242: #383838;
  --gray243: #363636;
  --gray244: #333333;
  --gray245: #2f2f2f;
  --gray246: #2e2e2e;
  --gray248: #2c2d30;
  --gray249: #272727;
  --gray250: #262626;
  --gray251: #212529;
  --gray252: #222222;
  --gray253: #1f1f1f;
  --gray254: #16181b;
  --gray255: #030303;
  --gray256: #575f67;
  --gray257: #677584;
  --gray258: #455261;
  --gray259: #6c757d;
  --gray260: #222427;
  --gray261: #474747;
  --dark256: #000000;
  --dark257: rgba(0, 0, 0, 0.3);
  --color1: rgba(255, 255, 255, 0.95);
  --color9: rgba(0, 0, 0, 0.15);
  --color11: rgba(0, 0, 0, 0.2);
  --color12: rgba(0, 0, 0, 0.07);
  --color13: rgba(0, 0, 0, 0.36);
  --color14: rgba(16, 18, 44, 0.1);
  --color15: rgba(215, 217, 224, 0.7);
  --color16: rgba(0, 0, 0, 0.075);
  --color19: rgba(0, 0, 0, 0);
  --color20: rgba(0, 0, 0, 0.4);
  --color32: rgba(0, 0, 0, 0.8);
  --color47: rgba(0, 0, 0, 0.08);
  --color56: rgba(0, 0, 0, 0.12);
  --color58: rgba(255, 255, 255, 0.001);
  --color59: rgba(255, 235, 149, 0.46);
  --color61: rgba(255, 255, 255, 0.5);
  --color62: rgba(0, 0, 0, 0.11);
  --color64: rgba(73, 143, 225, 0.8);
  --color66: rgba(0, 0, 0, 0.14);
  --color69: rgba(255, 255, 255, 0.01);
  --color70: rgba(0, 0, 0, 0.156863);
  --color71: rgba(0, 0, 0, 0.227451);
  --color72: rgba(0, 0, 0, 0.1);
  --color73: rgba(0, 0, 0, 0.25);
  --color74: rgba(255, 255, 255, 0.85);
  --color75: rgba(255, 68, 0, 0.2);
  --color77: rgba(73, 144, 226, 0.25);
  --color78: rgba(255, 0, 0, 0.25);
  --color79: rgba(189, 195, 199, 0.5);
  --color80: rgba(0, 0, 0, 0.18);
  --color81: rgba(0, 0, 0, 0.22);
  --color82: rgba(137, 137, 137, 0.3);
  --color84: rgba(43, 116, 217, 0.1);
  --color85: rgba(231, 231, 231, 0.295);
  --color86: rgba(0, 0, 0, 0.04);
  --color87: rgba(160, 160, 160, 0.2);
  --color88: rgba(255, 0, 0, 0.15);
  --color89: rgba(0, 0, 0, 0.7);
  --color90: rgba(238, 152, 40, 0.65);
  --color91: rgba(238, 212, 40, 0.65);
  --color92: rgba(0, 166, 194, 0.65);
  --color93: rgba(255, 255, 255, 0.6);
  --color94: rgba(0, 0, 0, 0.43);
  --color95: rgba(74, 74, 74, 0.5);
  --color99: rgba(0, 0, 0, 0.16);
  --color101: rgba(0, 0, 0, 0.125);
  --color102: rgba(91, 99, 114, 0.8);
  --color103: rgba(0, 0, 0, 0.5);
  --color104: rgba(102, 175, 233, 0.6);
  --color105: rgba(204, 169, 44, 0);
  --color106: rgba(119, 118, 118, 0.25);
  --color107: rgba(0, 0, 0, 0.24);
  --color108: #dcdcdc;
  --color109: rgba(0, 0, 0, 0.175);
  --color110: rgba(0, 0, 0, 0.2);
  --color111: #dcdcdc;
  --color112: rgba(0, 0, 0, 0.15);
  --whiteGray31Darken10: #dadada;
  --selectedActionRow: rgba(149, 216, 244, 0.5);
  --milestoneActionRow: rgba(0, 128, 128, 0.1);
  --milestoneActionRowHover: rgba(0, 128, 128, 0.5);
  --completedActionRow: #D6EFE3;
  --completedActionRowHover: #C0DCCF;
  --overdueActionRow: #FFD1C2;
  --overdueActionRowHover: #F1AC96;
  --dueTodayActionRow: #FFDEAD;
  --dueTodayActionRowHover: #ECC385;
  --staticWhite: #FFFFFF;
  --staticBlack: #000000;
  --newWhiteGray40: #FFFFFF;
  --newWhiteGray60: #FFFFFF;
  --newWhiteGrayBackground: #FFFFFF;
  --newWhiteGrayBackgroundHover: #F5F5F5;
  --newGrayToDarkGrayBorder: #EEEEEE;
  --newViewBackground: #F8F8F8;
  --newLightGrayToDarkGray: #F5F5F5;
  --backgroundPrimary: #FFFFFF;
  --backgroundPrimaryHover: #F5F5F5;
  --backgroundSolid: #FFFFFF;
  --typographyPrimary: #474747;
  --typographyPrimaryDisabled: #8E8E8E;
  --borderPrimary: #EEEEEE;
  --borderSecondary: #8E8E8E;
  --borderTertiary: #E2E2E2;
  --inputPlaceholder: #8E8E8E;
  --inputBorderPrimary: #E2E2E2;
  --inputBorderPrimaryHover: #8E8E8E;
  --inputBorderPrimaryActive: #2B74D9;
  --dropdownBackgroundPrimary: #FFFFFF;
  --dropdownBackgroundPrimaryHover: #F5F5F5;
  --gray1: #474747;
  --gray354: #BDC3C7;
  --gray334: #BBBBBB;
  --gray567: #F5F5F5;
  --tableBorder: #D9DCDE;
  --textAvatarLightGrayBackground: #e2e2e2;
  --textAvatarGrayBackground: #d8dae1;
  --textAvatarDarkGrayBackground: #cccccc;
  --textAvatarWhiteTypography: #FFFFFF;
  --textAvatarGrayTypography: #474747;
  --navPillBackground: #E5E5E5;
  --notificationBackground: #474747;
  --pnotifyBackground: rgba(64, 64, 64, 0.9);
  --boxShadow: rgba(0, 0, 0, 0.1);
  --boxShadowSecondary: rgba(0, 0, 0, 0.2);
  --threadHoverBackground: #FFEECD;
  --toolboxColor: #676A6C;
  --toolboxSplitterColor: #D3D3D3;
  --toolboxSplitterHoverColor: #808080;
  --toolboxSplitterLeftCloseIconColor: #D3D3D3;
  --toolboxSplitterLeftCloseIconHoverColor: #808080;
  --toolboxAccordionTabHeaderBackgroundColor: #E0E0E0;
  --toolboxExpressionHeaderBackgroundColor: #F0F0F0;
  --toolboxEditorRefreshButtonBackgroundColor: #EFEFEF;
  --defaultIconColor: #8E8E8E;
  --primaryIconColor: #474747;
  --secondaryIconColor: #8E8E8E;
  --headerHover: #EEEEEE;
  --actionIconSize: 20px;
  --ganttLightStripesColor: #FFFFFF;
  --ganttSelectCheckboxBackgroundColor: #FFFFFF;
  --ganttRowHoverBackgroundColor: var(--neutral100);
  --ganttHighlightedCellBackgroundColor: #FDF6E6;
  --incompletedActionIcon: url('https://hv-static-content.s3.amazonaws.com/Check+incomplete.svg');
  --completedActionIcon: url('https://hv-static-content.s3.amazonaws.com/Check+complete.svg');
  --milestoneIcon: url('https://hv-static-content.s3.amazonaws.com/Milestone.svg');
  --milestoneDoneIcon: url('https://hv-static-content.s3.amazonaws.com/Milestone+done.svg');
  --externalLinkIcon: url('https://hv-static-content.s3.amazonaws.com/external+link.svg');
  --syncIcon: url('https://hv-static-content.s3.amazonaws.com/sync.svg');
  --closedFolderIcon: url('https://hv-static-content.s3.amazonaws.com/Closed+Folder.svg');
  --openedFolderIcon: url('https://hv-static-content.s3.amazonaws.com/Open+Folder.svg');
  --caretRightSolid: url('https://hv-static-content.s3.us-east-1.amazonaws.com/caret_right_solid.svg');
  --viewTypeList: url('https://hv-static-content.s3.amazonaws.com/view_type_list.svg');
  --viewTypeStatus: url('https://hv-static-content.s3.amazonaws.com/view_type_status.svg');
  --viewTypeTeam: url('https://hv-static-content.s3.amazonaws.com/view_type_team.svg');
  --viewTypeLabel: url('https://hv-static-content.s3.amazonaws.com/view_type_label.svg');
  --viewTypeCalendar: url('https://hv-static-content.s3.amazonaws.com/view_type_calendar.svg');
  --viewTypeGantt: url('https://hv-static-content.s3.amazonaws.com/view_type_gantt.svg');
  --viewTypeTable: url('https://hv-static-content.s3.amazonaws.com/view_type_table.svg');
  --viewTypeTimeline: url('https://hv-static-content.s3.amazonaws.com/view_type_timeline.svg');
  --sharePrivateToMe: url('https://hv-static-content.s3.amazonaws.com/share_private_to_me.svg');
  --shareSpecificPeople: url('https://hv-static-content.s3.amazonaws.com/share_specific_people.svg');
  --shareEveryone: url('https://hv-static-content.s3.amazonaws.com/share_everyone.svg');
  --threadEmptyState: url('https://hv-static-content.s3.amazonaws.com/thread-empty-state.svg');
  --search: url('https://hv-static-content.s3.amazonaws.com/search-icon.svg');
  --portfolioView: url('https://hv-static-content.s3.amazonaws.com/portfolio-view.png');
  --verticalLine: var(--whiteGray190);
  --scrollbarColor: var(--gray35);
  --scrollbarBackgroundColor: var(--newWhiteGrayBackground);
  --searchDropdownBackground: var(--white);
  --tooltipBackground: #262626;
  --staticTypography: #474747;
  --defaultCommentInputWrapperBackground: rgba(245, 245, 245, 0.4);
  --privateCommentInputWrapperBackground: rgba(249, 172, 110, 0.2);
  --text100: var(--neutral700);
  --text200: var(--neutral500);
  --text300: var(--neutral300);
  --textLabel100: var(--neutral0);
  --surface100: var(--neutral0);
  --surface200: var(--neutral100);
  --border100: var(--neutral100);
  --border200: var(--neutral200);
  --fieldTextLabel: var(--neutral800);
  --fieldTextPlaceholder: var(--neutral300);
  --fieldBorder: var(--neutral300);
  --icon100: var(--neutral300);
  --icon200: var(--neutral500);
}
.root_colors_container,
:root[data-theme="theme-dark"] {
  --light-orange: #404040;
  --msteams-font-color: #eaddc7;
  --white-tooltip-fade-80: rgba(0, 0, 0, 0.8);
  --hive-blue-fade-20: #999999;
  --hive-blue-fade-10: #333333;
  --color-background: #1A1A1A;
  --diviver-color: #151412;
  --white: var(--neutral800);
  --gray2: #8E8E8E;
  --black: #FFFFFF;
  --color-emphasis: #6097E3;
  --color-emphasis-hover: #2F80DD;
  --color-note: #373737;
  --color-raw: #4D4D4D;
  --color-rare: #999999;
  --color-rareish: #1C1C1C;
  --color-medium-rare: #4D4D4D;
  --color-medium-rare-hover: #595959;
  --color-medium: #999999;
  --color-medium-well: #999999;
  --color-well: #AAAAAA;
  --color-full: #CCCCCC;
  --color-minor: #888888;
  --color-action-nav: #737373;
  --color-modal-header: #929292;
  --color-modal-title: #B5B5B5;
  --color-link: #2B74D9;
  --project-border: #4D4D4D;
  --projectBaseline: #999999;
  --input-color: #7F7F7F;
  --filter-panel: #1c1c1c;
  --tabbed-grey: #929292;
  --color-tag: #F2F2F2;
  --color-silver-light: #383838;
  --color-silver-light-hover: #3f3f3f;
  --item-hovered: #404040;
  --icon-resting: #F2F2F2;
  --dark-blue: #262626;
  --navbar-background: #4D4D4D;
  --navbar-background-hover: #404040;
  --steel: #999999;
  --whiteBlue1: #1A1A00;
  --whiteBlue2: #333333;
  --whiteBlue3: #1A0B03;
  --whiteBlue4: #1f1713;
  --whiteBlue5: #1c140f;
  --whiteBlue7: #1A1A1A;
  --whiteBlue8: #171410;
  --whiteBlue9: #16110e;
  --whiteBlue153: #666666;
  --whiteBlue158: #0c0d26;
  --whiteBlue159: #404040;
  --whiteGray13: #262626;
  --whiteGray14: #171717;
  --whiteGray16: #161616;
  --whiteGray17: #151515;
  --whiteGray18: #141414;
  --whiteGray20: #15100E;
  --whiteGray21: #14120E;
  --whiteGray23: #13110B;
  --whiteGray24: #404040;
  --whiteGray25: #110F0C;
  --whiteGray28: #E6E6E6;
  --whiteGray31: #999999;
  --whiteGray33: #404040;
  --whiteGray34: #151515;
  --whiteGray35: #333333;
  --whiteGray36: #141413;
  --whiteGray37: #262626;
  --whiteGray38: #131312;
  --whiteGray40: #131211;
  --whiteGray41: #111111;
  --whiteGray43: #0f0d0f;
  --whiteGray46: #0c0f1a;
  --whiteGray48: #0d1323;
  --whiteGray49: #0c1024;
  --whiteGray50: #0c142f;
  --whiteGray52: #404040;
  --whiteGray53: #101010;
  --grayBlue127: #F2F2F2;
  --grayBlue128: #F2F2F2;
  --blue119: #2B74D9;
  --blue136: #2B74D9;
  --blue140: #2B74D9;
  --blue144: #6097E3;
  --white158: #262626;
  --white159: #404040;
  --white160: #1b1d23;
  --white162: #333333;
  --white163: #212121;
  --white164: #4D4D4D;
  --white166: #242323;
  --white167: #242424;
  --white169: #1A2332;
  --white170: #1A2332;
  --white171: #404040;
  --white173: #0c1524;
  --white174: #161310;
  --whiteGray174: #2F2F2F;
  --whiteGray175: #999999;
  --whiteGray176: #999999;
  --whiteGray177: #313131;
  --whiteGray178: #353332;
  --whiteGray179: #373737;
  --whiteGray183: #999999;
  --whiteGray184: #423C38;
  --whiteGray185: #999999;
  --whiteGray190: #434343;
  --whiteGray192: #494949;
  --whiteGray193: #535353;
  --whiteGray194: #4D4D4D;
  --gray194: #555555;
  --gray195: #5C5852;
  --gray196: #5C5851;
  --gray197: #5B5B5B;
  --gray198: #999999;
  --gray199: #636363;
  --gray200: #999999;
  --gray201: #666666;
  --gray202: #6C6C6C;
  --gray203: #F2F2F2;
  --gray204: #737373;
  --gray205: #777777;
  --gray206: #7D7775;
  --gray207: #807F7D;
  --gray208: #7F7F7F;
  --gray209: #828282;
  --gray210: #888888;
  --gray211: #888989;
  --gray212: #8B8B8C;
  --gray213: #8F8F8F;
  --gray214: #999999;
  --gray215: #919696;
  --gray216: #999999;
  --gray217: #A1A1A1;
  --gray218: #F2F2F2;
  --gray219: #A9A5A3;
  --gray220: #A8A8A8;
  --gray221: #AAAAAA;
  --gray222: #AFAFAF;
  --gray223: #B0B0B0;
  --gray224: #F2F2F2;
  --gray225: #B3B3B3;
  --gray226: #F2F2F2;
  --grayBrown227: #C9D2D9;
  --darkBlue230: #333333;
  --gray232: #999999;
  --gray233: #BABABA;
  --gray234: #BABABB;
  --gray235: #333333;
  --gray236: #BFBFBF;
  --gray237: #C2C2C2;
  --gray238: #C2C3BF;
  --gray239: #C3C1BB;
  --gray240: #CAC5C0;
  --gray241: #C6C6C6;
  --gray242: #C7C7C7;
  --gray243: #C9C9C9;
  --gray244: #CCCCCC;
  --gray245: #D0D0D0;
  --gray246: #D1D1D1;
  --gray248: #D3D2CF;
  --gray249: #D8D8D8;
  --gray250: #D9D9D9;
  --gray251: #DEDAD6;
  --gray252: #DDDDDD;
  --gray253: #E0E0E0;
  --gray254: #E9E7E4;
  --gray255: #FCFCFC;
  --gray260: #dedcda;
  --gray261: #BBBBBB;
  --gray4: #474747;
  --transparent: transparent;
  --dark256: #999999;
  --whiteGray31Darken10: #2f2f2f;
  --selectedActionRow: rgba(43, 116, 217, 0.3);
  --milestoneActionRow: rgba(0, 128, 128, 0.1);
  --milestoneActionRowHover: rgba(0, 128, 128, 0.5);
  --completedActionRow: rgba(0, 255, 0, 0.1);
  --completedActionRowHover: rgba(0, 255, 0, 0.05);
  --overdueActionRow: rgba(255, 0, 0, 0.1);
  --overdueActionRowHover: rgba(255, 0, 0, 0.05);
  --dueTodayActionRow: rgba(255, 255, 0, 0.1);
  --dueTodayActionRowHover: rgba(255, 255, 0, 0.05);
  --orange60: #E58A36;
  --orange64: #F9AC6E;
  --hive-blue: #2B74D9;
  --green109: #2B74D9;
  --color59: #333333;
  --dark-sky-blue: #2B74D9;
  --lightGray: #4D4D4D;
  --mediumOrange: #E58B3B;
  --mediumOrange59: #E08D39;
  --color84: rgba(43, 116, 217, 0.2);
  --color85: #4D4D4D;
  --color86: #404040;
  --staticWhite: #F2F2F2;
  --newWhiteGray40: #999999;
  --newWhiteGray60: #666666;
  --newWhiteGrayBackground: var(--neutral800);
  --newWhiteGrayBackgroundHover: #333333;
  --newGrayToDarkGrayBorder: #404040;
  --newViewBackground: #1A1A1A;
  --newLightGrayToDarkGray: #333333;
  --backgroundPrimary: var(--neutral800);
  --backgroundPrimaryHover: #404040;
  --backgroundSolid: #333333;
  --typographyPrimary: #F2F2F2;
  --typographyPrimaryDisabled: #7D7D7D;
  --borderPrimary: var(--neutral600);
  --borderSecondary: #999999;
  --borderTertiary: #4D4D4D;
  --inputPlaceholder: #999999;
  --inputBorderPrimary: #4D4D4D;
  --inputBorderPrimaryHover: #404040;
  --inputBorderPrimaryActive: #2B74D9;
  --dropdownBackgroundPrimary: #404040;
  --dropdownBackgroundPrimaryHover: #4D4D4D;
  --gray354: #4D4D4D;
  --gray334: #404040;
  --gray567: #262626;
  --tableBorder: #4D4D4D;
  --textAvatarLightGrayBackground: #F2F2F2;
  --textAvatarGrayBackground: #F2F2F2;
  --textAvatarDarkGrayBackground: #F2F2F2;
  --textAvatarWhiteTypography: #262626;
  --textAvatarGrayTypography: #262626;
  --navPillBackground: #262626;
  --gray106: rgba(71, 71, 71, 0.3);
  --headerHover: #333333;
  --notificationBackground: #404040;
  --pnotifyBackground: rgba(64, 64, 64, 0.95);
  --boxShadow: rgba(0, 0, 0, 0.5);
  --boxShadowSecondary: rgba(0, 0, 0, 0.75);
  --threadHoverBackground: rgba(234, 161, 83, 0.1);
  --toolboxColor: #F2F2F2;
  --toolboxSplitterColor: #4D4D4D;
  --toolboxSplitterHoverColor: #404040;
  --toolboxSplitterLeftCloseIconColor: #999999;
  --toolboxSplitterLeftCloseIconHoverColor: #8C8C8C;
  --toolboxAccordionTabHeaderBackgroundColor: #404040;
  --toolboxExpressionHeaderBackgroundColor: #333333;
  --toolboxEditorRefreshButtonBackgroundColor: #8C8C8C;
  --defaultIconColor: #999999;
  --primaryIconColor: #8C8C8C;
  --secondaryIconColor: #E6E6E6;
  --actionIconSize: 18px;
  --ganttLightStripesColor: #0D0D0D;
  --ganttSelectCheckboxBackgroundColor: var(--neutral800);
  --ganttRowHoverBackgroundColor: rgba(59, 59, 61, 0.65);
  --ganttHighlightedCellBackgroundColor: #B8A882;
  --incompletedActionIcon: url('https://hv-static-content.s3.amazonaws.com/dark_mode_Check%2Bincomplete.svg');
  --completedActionIcon: url('https://hv-static-content.s3.amazonaws.com/dark_mode_Check%2Bcomplete.svg');
  --milestoneIcon: url('https://hv-static-content.s3.amazonaws.com/dark_mode_Milestone.svg');
  --milestoneDoneIcon: url('https://hv-static-content.s3.amazonaws.com/dark_mode_Milestone%2Bdone.svg');
  --externalLinkIcon: url('https://hv-static-content.s3.amazonaws.com/dark_mode_external%2Blink.svg');
  --syncIcon: url('https://hv-static-content.s3.amazonaws.com/dark_mode_sync.svg');
  --closedFolderIcon: url('https://hv-static-content.s3.amazonaws.com/dark_mode_Closed%2BFolder.svg');
  --openedFolderIcon: url('https://hv-static-content.s3.amazonaws.com/dark_mode_Open%2BFolder.svg');
  --caretRightSolid: url('https://hv-static-content.s3.us-east-1.amazonaws.com/dark_mode_caret_right_solid.svg');
  --viewTypeList: url('https://hv-static-content.s3.amazonaws.com/dark_mode_view_type_list.svg');
  --viewTypeStatus: url('https://hv-static-content.s3.amazonaws.com/dark_mode_view_type_status.svg');
  --viewTypeTeam: url('https://hv-static-content.s3.amazonaws.com/dark_mode_view_type_team.svg');
  --viewTypeLabel: url('https://hv-static-content.s3.amazonaws.com/dark_mode_view_type_label.svg');
  --viewTypeCalendar: url('https://hv-static-content.s3.amazonaws.com/dark_mode_view_type_calendar.svg');
  --viewTypeGantt: url('https://hv-static-content.s3.amazonaws.com/dark_mode_view_type_gantt.svg');
  --viewTypeTable: url('https://hv-static-content.s3.amazonaws.com/dark_mode_view_type_table.svg');
  --viewTypeTimeline: url('https://hv-static-content.s3.amazonaws.com/dark_mode_view_type_timeline.svg');
  --sharePrivateToMe: url('https://hv-static-content.s3.amazonaws.com/dark_mode_share_private_to_me.svg');
  --shareSpecificPeople: url('https://hv-static-content.s3.amazonaws.com/dark_mode_share_specific_people.svg');
  --shareEveryone: url('https://hv-static-content.s3.amazonaws.com/dark_mode_share_everyone.svg');
  --threadEmptyState: url('https://hv-static-content.s3.amazonaws.com/dark_mode_thread-empty-state.svg');
  --search: url('https://hv-static-content.s3.amazonaws.com/dark_mode_search-icon.svg');
  --portfolioView: url('https://hv-static-content.s3.amazonaws.com/dark_mode_portfolio-view.png');
  --verticalLine: var(--gray202);
  --scrollbarColor: #808080;
  --scrollbarBackgroundColor: var(--newWhiteGrayBackground);
  --searchDropdownBackground: #333333;
  --tooltipBackground: #D9D9D9;
  --defaultCommentInputWrapperBackground: #2d2d2d;
  --privateCommentInputWrapperBackground: #634B39;
  --text100: var(--neutral0);
  --text200: var(--neutral200);
  --text300: var(--neutral300);
  --textLabel100: var(--neutral800);
  --surface100: var(--neutral900);
  --surface200: var(--neutral800);
  --border100: var(--neutral600);
  --border200: var(--neutral500);
  --fieldTextLabel: var(--neutral0);
  --fieldTextPlaceholder: var(--neutral300);
  --fieldBorder: var(--neutral500);
  --icon100: var(--neutral300);
  --icon200: var(--neutral200);
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: var(--color19);
  -webkit-tap-highlight-color: transparent;
}
html,
button,
input,
textarea,
select {
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  font-size: 15px;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--typographyPrimary);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
body p,
body blockquote,
body pre,
body a,
body abbr,
body acronym,
body address,
body cite,
body code,
body del,
body dfn,
body em,
body img,
body q,
body s,
body samp,
body small,
body strike,
body strong,
body sub,
body sup,
body tt,
body var,
body dd,
body dl,
body dt,
body li,
body ol,
body ul,
body fieldset,
body legend,
body button,
body table,
body caption,
body tbody,
body tfoot,
body thead,
body tr,
body th,
body td {
  font-size: 1em;
  line-height: 1.3;
}
body.react-draggable-transparent-selection .bottom-panel {
  display: none;
}
body p {
  font-size: 15px;
}
body.hide-intercom #intercom-container {
  display: none;
}
.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6,
.markdown-body p,
.markdown-body blockquote,
.markdown-body pre,
.markdown-body a,
.markdown-body abbr,
.markdown-body acronym,
.markdown-body address,
.markdown-body cite,
.markdown-body code,
.markdown-body del,
.markdown-body dfn,
.markdown-body em,
.markdown-body img,
.markdown-body q,
.markdown-body s,
.markdown-body samp,
.markdown-body small,
.markdown-body strike,
.markdown-body strong,
.markdown-body sub,
.markdown-body sup,
.markdown-body tt,
.markdown-body var,
.markdown-body dd,
.markdown-body dl,
.markdown-body dt,
.markdown-body li,
.markdown-body ol,
.markdown-body ul,
.markdown-body fieldset,
.markdown-body legend,
.markdown-body button,
.markdown-body table,
.markdown-body caption,
.markdown-body tbody,
.markdown-body tfoot,
.markdown-body thead,
.markdown-body tr,
.markdown-body th,
.markdown-body td {
  line-height: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  line-height: 1.1;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.8em;
}
h3 {
  font-size: 1.7em;
}
h4 {
  font-size: 1.6em;
}
h6 {
  color: var(--tabbed-grey);
}
p {
  font-size: 1em;
  margin: 0 0 5px;
}
sub,
sup {
  font-size: 0.8em;
}
sub {
  bottom: -0.2em;
}
sup {
  top: -0.2em;
}
b {
  font-weight: bold;
}
em {
  font-style: italic;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
input::-ms-clear {
  display: none;
}
ol {
  padding: 20px;
  list-style-type: decimal;
}
ol li {
  margin: 0 10px;
  padding: 0 10px;
}
ul {
  list-style-type: disc;
}
.print-only {
  display: none;
}
div[role="dialog"] .modal-backdrop.fade.in {
  z-index: 1050 !important;
}
input,
div[contenteditable="true"] {
  user-select: text;
}
#hive-confetti {
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  z-index: 9999;
  pointer-events: none;
}
@media (min-width: 900px) {
  #hive-confetti {
    height: 100%;
  }
}
.ui-draggable,
.ui-sortable {
  touch-action: none;
  -ms-touch-action: none;
}
.__react_component_tooltip.type-dark {
  border-radius: 4px;
  color: var(--white-tooltip-fade-80);
  background-color: var(--gray245) !important;
  padding: 8px 14px;
  font-weight: 400;
  font-size: 13px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-shadow: 0px 5px 10px var(--color11);
  text-align: center;
  opacity: 0 !important;
  transition: opacity 0.3s linear 0s;
}
.__react_component_tooltip.type-dark.place-top:after,
.__react_component_tooltip.type-dark.place-bottom:after {
  border-bottom-color: var(--gray245) !important;
  border-top-color: var(--gray245) !important;
}
.__react_component_tooltip.type-dark.place-left:after,
.__react_component_tooltip.type-dark.place-right:after {
  border-left-color: var(--gray245) !important;
  border-right-color: var(--gray245) !important;
}
.__react_component_tooltip.type-dark.show {
  opacity: 1 !important;
  transition: opacity 0.3s linear 0s;
}
img[src*="https://trk.crozdesk.com"] {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media all {
  #form-render-container {
    min-width: auto;
    /* hide complete button */
  }
  #form-render-container .modal.hv-modal .sv_container input {
    border: 1px solid var(--whiteGray175);
  }
  #form-render-container .panel-footer {
    background-color: transparent;
    border-top: 1px solid var(--white164);
  }
  #form-render-container .sv_bootstrap_css .sv_qstn {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }
  #form-render-container .sv_bootstrap_css .sv_qstn .button {
    color: var(--typographyPrimary);
  }
  #form-render-container .rich-text-form-control a {
    text-decoration: underline !important;
    color: var(--typographyPrimary);
  }
  #form-render-container .btn.btn-primary {
    margin: 0;
    padding: 12px 6px;
    font-weight: 600;
    min-width: 100px;
  }
  #form-render-container input[type="radio"] {
    width: auto;
    margin-right: 5px;
  }
  #form-render-container .checkbox input[type="checkbox"] {
    visibility: visible;
    width: auto;
  }
  #form-render-container .checkbox-material:before {
    content: none;
  }
  #form-render-container .panel-body {
    padding: 15px 0;
  }
  #form-render-container .panel-footer .sv_complete_btn {
    display: none;
  }
  #form-render-container .sv_q_checkbox_other,
  #form-render-container .sv_q_radiogroup_other {
    margin-left: 20px;
  }
  #form-render-container .sv_row button.button {
    background-color: var(--newWhiteGrayBackground);
    border: 1px solid var(--inputBorderPrimary);
    border-radius: 4px;
    padding: 7px 10px;
  }
  #form-render-container .sv_row button.button:hover {
    border-color: var(--inputBorderPrimaryHover);
  }
  #form-render-container .sv_row button.button:focus {
    border-color: var(--inputBorderPrimaryActive);
  }
  #form-render-container .sv_row img {
    max-width: 100%;
  }
  #form-render-container .table > tbody > tr > td {
    border-top: none;
  }
  .hive-form-modal .modal-dialog .modal-content {
    background-color: var(--backgroundPrimaryHover);
    margin-bottom: 50px;
  }
  .form-footer {
    background: #0D1B3E;
    padding: 12px;
    color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 12;
  }
  .hive-form {
    display: flex;
    background-color: var(--backgroundPrimaryHover);
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    padding-bottom: 50px;
  }
  .hive-form .sd-question__header--location-top {
    padding-bottom: 12px;
  }
  .form-content {
    position: relative;
    background: var(--backgroundPrimary) !important;
    box-shadow: 0px 0px 15px 0px #0000001a !important;
    border-radius: 8px;
    padding: 48px 48px 32px 48px;
  }
  .form-last-edited {
    font-size: 14px;
    color: var(--text300);
    margin-top: 16px;
  }
  .rendered-form .Spinner {
    display: block;
    margin-top: 100px;
  }
  .rendered-form .form-title,
  .rendered-form .fb-text {
    margin-left: 15px;
    margin-right: 15px;
  }
  .rendered-form .file-upload-error-msg {
    color: var(--red72);
  }
  .rendered-form .fb-text {
    margin-top: 25px;
  }
  .rendered-form .fb-text-label {
    margin-bottom: 15px;
  }
  .rendered-form h5 {
    font-weight: 600;
    display: block;
    line-height: 16px;
    font-size: 16px;
  }
  .rendered-form #form-template .invalid-email {
    border-color: red !important;
  }
  .rendered-form .row {
    display: flex;
    justify-content: center;
  }
  #surveyEditorContainer .navbar-default {
    display: none;
  }
  #surveyEditorContainer .sv_row button.button {
    background-color: var(--newWhiteGrayBackground);
    border: 1px solid var(--inputBorderPrimary);
    border-radius: 4px;
    padding: 7px 10px;
  }
  #surveyEditorContainer .sv_row button.button:hover {
    border-color: var(--inputBorderPrimaryHover);
  }
  #surveyEditorContainer .sv_row button.button:focus {
    border-color: var(--inputBorderPrimaryActive);
  }
  #surveyEditorContainer script {
    display: none;
  }
  #surveyEditorContainer input.form-control,
  #surveyEditorContainer textarea.form-control,
  #surveyEditorContainer .modal-footer input {
    background-color: var(--newWhiteGrayBackground);
    border: 1px solid var(--inputBorderPrimary);
    border-radius: 4px;
  }
  #surveyEditorContainer input.form-control:hover,
  #surveyEditorContainer textarea.form-control:hover,
  #surveyEditorContainer .modal-footer input:hover {
    border-color: var(--inputBorderPrimaryHover);
  }
  #surveyEditorContainer input.form-control:focus,
  #surveyEditorContainer textarea.form-control:focus,
  #surveyEditorContainer .modal-footer input:focus {
    border-color: var(--inputBorderPrimaryActive);
  }
  #surveyEditorContainer .svd_container .form-control {
    border-radius: 4px;
  }
  #surveyEditorContainer .svd_container .svd-icon-container--left-close .svd-svg-icon {
    fill: var(--toolboxSplitterLeftCloseIconColor);
  }
  #surveyEditorContainer .svd_container .svd-icon-container--left-close .svd-svg-icon:hover {
    fill: var(--toolboxSplitterLeftCloseIconHoverColor);
  }
  #surveyEditorContainer .svd_container .svd-splitter {
    background-color: var(--toolboxSplitterColor);
  }
  #surveyEditorContainer .svd_container .svd-splitter .icon-split .svd-svg-icon {
    fill: var(--toolboxSplitterColor);
  }
  #surveyEditorContainer .svd_container .svd-splitter:hover {
    background-color: var(--toolboxSplitterHoverColor);
  }
  #surveyEditorContainer .svd_container .svd-splitter:hover .icon-split .svd-svg-icon {
    fill: var(--toolboxSplitterHoverColor);
  }
  #surveyEditorContainer .svd_container .svd_custom_select:before {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: var(--dark-sky-blue) !important;
  }
  #surveyEditorContainer .svd_container .svd_custom_select select {
    background-color: unset !important;
    background-image: unset;
  }
  #surveyEditorContainer .svd_container .sjs-cb-switch_control {
    border: 1px solid var(--inputBorderPrimary);
  }
  #surveyEditorContainer .svd_container .sjs-cb-switch_control:hover {
    border-color: var(--inputBorderPrimaryHover);
  }
  #surveyEditorContainer .svd_container .sjs-cd-container:hover .checkmark {
    border-color: var(--inputBorderPrimaryHover);
  }
  #surveyEditorContainer .svd_container .checkmark {
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid var(--inputBorderPrimary);
  }
  #surveyEditorContainer .svd_container .checkmark:hover {
    border-color: var(--inputBorderPrimaryHover);
  }
  #surveyEditorContainer .svd_container .svd_question {
    border: 1px solid transparent;
  }
  #surveyEditorContainer .svd_container .svd_question:hover {
    border: 1px solid var(--dark-sky-blue);
  }
  #surveyEditorContainer .svd_container.sv_bootstrap_css .svd-main-border-color {
    border-color: var(--dark-sky-blue) !important;
  }
  #surveyEditorContainer .svd_container .svd-main-color {
    color: var(--dark-sky-blue) !important;
  }
  #surveyEditorContainer .svd_container .svd-primary-icon .svd-svg-icon {
    fill: var(--dark-sky-blue) !important;
  }
  #surveyEditorContainer .svd_container .form-group .svd-main-background-color {
    border: unset;
    background-color: var(--dark-sky-blue) !important;
  }
  #surveyEditorContainer .svd_container .svd_container.svd_container.sv_bootstrap_css .btn-primary {
    color: var(--dark-sky-blue) !important;
    border: none !important;
  }
  #surveyEditorContainer .svd_container .svda_question_action .svda_current_type {
    display: none;
  }
  #surveyEditorContainer .svd_container .svd_q_selected > .svda-question-actions .svda_action_separator {
    display: none;
  }
  #surveyEditorContainer .svd_container input[type="radio"]:focus,
  #surveyEditorContainer .svd_container input[type="checkbox"]:focus {
    outline: none;
  }
  #surveyEditorContainer .svd_container .radio label,
  #surveyEditorContainer .svd_container .checkbox label {
    position: relative;
    display: flex !important;
    align-items: center;
  }
  #surveyEditorContainer .svd_container .radio input[type="radio"],
  #surveyEditorContainer .svd_container .checkbox input[type="radio"],
  #surveyEditorContainer .svd_container .radio input[type="checkbox"],
  #surveyEditorContainer .svd_container .checkbox input[type="checkbox"] {
    width: 13px !important;
    height: 13px !important;
    border: 1px solid var(--borderSecondary);
    background-clip: content-box;
  }
  #surveyEditorContainer .svd_container .radio input[type="radio"],
  #surveyEditorContainer .svd_container .checkbox input[type="radio"] {
    border-radius: 50%;
    margin-right: 5px;
  }
  #surveyEditorContainer .svd_container .radio input[type="checkbox"],
  #surveyEditorContainer .svd_container .checkbox input[type="checkbox"] {
    visibility: visible;
    border-radius: 3px;
  }
  #surveyEditorContainer .svd_container .radio.checked input[type="radio"],
  #surveyEditorContainer .svd_container .checkbox.checked input[type="radio"] {
    border-color: var(--primary-blue);
  }
  #surveyEditorContainer .svd_container .radio.checked input[type="checkbox"],
  #surveyEditorContainer .svd_container .checkbox.checked input[type="checkbox"] {
    background-color: var(--primary-blue);
    border: unset;
  }
  #surveyEditorContainer .svd_container .radio.checked .circle .sv-hidden,
  #surveyEditorContainer .svd_container .checkbox.checked .circle .sv-hidden,
  #surveyEditorContainer .svd_container .radio.checked .checkbox-material .sv-hidden,
  #surveyEditorContainer .svd_container .checkbox.checked .checkbox-material .sv-hidden {
    display: inline-block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 3px;
    left: 0;
  }
  #surveyEditorContainer .svd_container .radio.checked .circle .sv-hidden,
  #surveyEditorContainer .svd_container .checkbox.checked .circle .sv-hidden {
    display: none;
  }
  #surveyEditorContainer .svd_container .radio.checked .checkbox-material .sv-hidden,
  #surveyEditorContainer .svd_container .checkbox.checked .checkbox-material .sv-hidden {
    fill: var(--staticWhite);
  }
  #surveyEditorContainer .svd_container .checkbox-material:before {
    content: none;
  }
  #surveyEditorContainer .svd_container .sv_q_file_input {
    background-color: transparent;
  }
  #surveyEditorContainer .svd_container .sv_q_file_input:focus {
    outline: none;
  }
  #surveyEditorContainer .svd_container .sv_q_file_input::file-selector-button {
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid var(--inputBorderPrimary);
    border-radius: 4px;
    color: var(--typographyPrimary);
    background-color: transparent;
  }
  #surveyEditorContainer .svd_container .sv_q_file_input::file-selector-button:hover {
    border-color: var(--inputBorderPrimaryHover);
  }
  #surveyEditorContainer .svd_container .sv_q_file_remove_button {
    background-color: var(--newWhiteGrayBackground);
    border: 1px solid var(--inputBorderPrimary);
    border-radius: 4px;
    padding: 2px 10px;
    color: var(--typographyPrimary);
  }
  #surveyEditorContainer .svd_container .sv_q_file_remove_button:hover {
    border-color: var(--inputBorderPrimaryHover);
  }
  #surveyEditorContainer .svd_container .sv_q_file_remove_button:focus {
    border-color: var(--inputBorderPrimaryActive);
  }
  #surveyEditorContainer .svd_container .sv_q_file_preview {
    border-color: var(--inputBorderPrimary);
    border-radius: 4px;
  }
  #surveyEditorContainer .svd_container .upload-image {
    background-color: transparent;
    margin-bottom: 10px;
  }
  #surveyEditorContainer .svd_container .svda-select-items-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
  }
  #surveyEditorContainer .svd_container .svd_toolbar #svd-survey-settings {
    display: none;
  }
  #surveyEditorContainer .svd_container #surveyquestioneditorwindow .modal-dialog {
    max-width: 600px;
    margin-top: 100px;
    margin-bottom: 100px;
  }
  #surveyEditorContainer .svd_container #surveyquestioneditorwindow .modal-dialog .modal-content .modal-header .close {
    color: var(--dark256);
    opacity: 0.5;
    text-shadow: unset;
  }
  #surveyEditorContainer .svd_container #surveyquestioneditorwindow .modal-dialog .modal-content .modal-header .close:hover,
  #surveyEditorContainer .svd_container #surveyquestioneditorwindow .modal-dialog .modal-content .modal-header .close:focus {
    opacity: 1;
  }
  #surveyEditorContainer .svd_container #surveyquestioneditorwindow .modal-dialog .modal-content .modal-body {
    max-height: 60vh !important;
    position: relative;
    padding: 0 15px;
    overflow-x: hidden;
  }
  #surveyEditorContainer .svd_container #surveyquestioneditorwindow .modal-dialog .modal-content .modal-body .svd-accordion-tab-header {
    font-weight: 600;
    border-radius: 4px;
    background-color: var(--toolboxAccordionTabHeaderBackgroundColor);
  }
  #surveyEditorContainer .svd_container #surveyquestioneditorwindow .modal-dialog .modal-content .modal-body .svd-expression-header {
    border-radius: 4px;
    background-color: var(--toolboxExpressionHeaderBackgroundColor);
  }
  #surveyEditorContainer .svd_container #surveyquestioneditorwindow .modal-dialog .modal-content .modal-body .form-control[disabled],
  #surveyEditorContainer .svd_container #surveyquestioneditorwindow .modal-dialog .modal-content .modal-body .form-control[readonly],
  #surveyEditorContainer .svd_container #surveyquestioneditorwindow .modal-dialog .modal-content .modal-body fieldset[disabled] .form-control {
    background-color: var(--newWhiteGrayBackground);
    border-color: var(--inputBorderPrimary);
    color: var(--inputPlaceholder);
  }
  #surveyEditorContainer .svd_container #surveyquestioneditorwindow .modal-dialog .modal-content .modal-body .svd-propertyeditor-condition textarea,
  #surveyEditorContainer .svd_container #surveyquestioneditorwindow .modal-dialog .modal-content .modal-body .propertyeditor-expression textarea {
    background-color: var(--newWhiteGrayBackground);
    border: 1px solid var(--inputBorderPrimary);
    border-radius: 4px;
  }
  #surveyEditorContainer .svd_container #surveyquestioneditorwindow .modal-dialog .modal-content .modal-body .svd-propertyeditor-condition textarea:hover,
  #surveyEditorContainer .svd_container #surveyquestioneditorwindow .modal-dialog .modal-content .modal-body .propertyeditor-expression textarea:hover {
    border-color: var(--inputBorderPrimaryHover);
  }
  #surveyEditorContainer .svd_container #surveyquestioneditorwindow .modal-dialog .modal-content .modal-body .svd-propertyeditor-condition textarea:focus,
  #surveyEditorContainer .svd_container #surveyquestioneditorwindow .modal-dialog .modal-content .modal-body .propertyeditor-expression textarea:focus {
    border-color: var(--inputBorderPrimaryActive);
  }
  #surveyEditorContainer .svd_container #surveyquestioneditorwindow .modal-dialog .modal-content .modal-body .svd-expression-content > div:first-of-type {
    margin-bottom: 15px !important;
  }
  #surveyEditorContainer .svd_container #surveyquestioneditorwindow .modal-dialog .modal-content .modal-body .svd-popup-editor-tab-data svd-property-editor > button:last-of-type {
    background-color: var(--toolboxEditorRefreshButtonBackgroundColor);
    color: var(--staticBlack) !important;
  }
  #surveyEditorContainer .svd_container #surveyquestioneditorwindow .modal-dialog .modal-content .modal-body hr {
    display: none;
  }
  #surveyEditorContainer .table > tbody > tr > td {
    border-top: none;
  }
  #surveyEditorContainer button.button {
    padding: 10px;
  }
  #formsManagerModal.full-screen-modal {
    width: 100%;
  }
  #formsManagerModal.full-screen-modal > .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
  }
  #formsManagerModal.full-screen-modal > .modal-dialog > .modal-content {
    border-radius: 0;
    height: 100%;
    padding: 0;
    overflow: auto;
    background: var(--newViewBackground);
  }
  #formsManagerModal.full-screen-modal .select-dynamic-container {
    margin-top: 10px;
    width: 400px;
  }
  .forms-list-page {
    margin-top: 10px;
  }
  .forms-list-page a {
    font-size: 15px;
  }
  .forms-list-page .forms-page-header {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 38px;
  }
  .forms-list-page .forms-page-header .back-to-app {
    float: left;
  }
  .forms-list-page .forms-page-header .js-new-form {
    float: right;
  }
  .forms-list-page .forms-page-header .forms-head {
    display: inline-flex;
    align-items: center;
  }
  .forms-list-page .forms-page-header .forms-logo {
    display: inline-block;
    margin-right: 3px;
  }
  .forms-list-page .forms-page-header .forms-logo img {
    max-width: 150px;
  }
  .forms-list-page .forms-table {
    margin-top: 20px;
  }
  .forms-list-page .forms-table .btn-primary {
    margin: 15px 0;
    border-color: transparent;
    padding: 2px 12px;
    font-weight: 600;
  }
  .forms-list-page .forms-table .spinner-wrap {
    min-height: 200px;
  }
  .forms-list-page .forms-table tr {
    border-top: 1px solid var(--color-rare);
    height: 40px;
  }
  .forms-list-page .forms-table tr.table-header {
    background-color: var(--color-raw);
  }
  .forms-list-page .forms-table tr:last-child {
    border-bottom: 1px solid var(--color-rare);
  }
  .forms-list-page .forms-table tr .btn.btn-default {
    border: 1px solid var(--color-medium-rare) !important;
    margin-right: 10px;
    color: var(--typographyPrimary) !important;
    padding: 3px 15px !important;
  }
  .forms-list-page .forms-table tr .btn.btn-default:hover {
    background-color: var(--color-raw);
  }
  .forms-list-page .forms-table tr td {
    padding-top: 15px;
  }
  .forms-list-page .forms-table tr th:first-child,
  .forms-list-page .forms-table tr td:first-child {
    padding-left: 30px;
  }
  .forms-list-page .forms-table tr th.created-at,
  .forms-list-page .forms-table tr td.created-at,
  .forms-list-page .forms-table tr th.created-by,
  .forms-list-page .forms-table tr td.created-by {
    min-width: 85px;
  }
  #form-editor-container label {
    font-weight: 500;
    color: var(--typographyPrimary);
    margin: 10px 0;
  }
  #form-editor-container input.form-control,
  #form-editor-container textarea.form-control {
    width: 100%;
    max-width: 100%;
    padding: 5.8px 16px;
  }
  #form-editor-container .fb-wrap {
    margin: 20px 0;
  }
  #form-editor-container .fb-wrap .stage-wrap {
    max-height: 410px;
    overflow-y: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  #form-editor-container .fb-wrap .stage-wrap::-webkit-scrollbar {
    height: 7px;
    width: 7px;
    -webkit-appearance: none;
  }
  #form-editor-container .fb-wrap .stage-wrap::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: var(--color-rareish);
    -webkit-box-shadow: 0 0 1px var(--color61);
  }
  #form-editor-container .ruler-field .icon-pencil {
    display: none !important;
  }
  #form-editor-container .checkbox-group .checkbox {
    display: block;
  }
  #form-editor-container .option-value {
    display: none !important;
  }
  #form-editor-container [data-property="fieldId"] > svd-property-editor {
    display: flex;
  }
  .under-fixed-nav {
    padding-top: 51px !important;
  }
  .name-wrap {
    display: none !important;
  }
  #__blaze-root > .rendered-form-wrapper,
  #app .rendered-form-wrapper {
    overflow-y: auto;
    height: 100vh;
  }
  .rendered-form {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .rendered-form h1,
  .rendered-form h2,
  .rendered-form h3,
  .rendered-form h4,
  .rendered-form h5,
  .rendered-form h6 {
    margin: 0 0 15px;
  }
  .rendered-form h5 + div.small span:first-of-type {
    white-space: pre-line;
  }
  .rendered-form .hive-logo {
    text-align: center;
    margin-bottom: 30px;
  }
  .rendered-form .hive-logo img {
    max-width: 200px !important;
  }
  .rendered-form .form-title {
    font-weight: 700;
    font-size: 24px;
  }
  .rendered-form .form-confirm-message {
    white-space: pre-wrap;
  }
  .rendered-form .form-description {
    white-space: pre-wrap;
    word-break: break-word;
  }
  .rendered-form .form-title,
  .rendered-form .form-description {
    max-width: calc(90 * (var(--sjs-base-unit, var(--base-unit, 8px))));
    margin: 20px auto;
  }
  .rendered-form [type="paragraph"] {
    display: block;
    margin-bottom: 15px;
  }
  .rendered-form input[type="radio"] {
    margin-top: 0px;
  }
  .rendered-form .other-val {
    align-self: center;
    margin-left: 0;
    margin-top: 5px;
    position: relative;
    bottom: 0;
  }
  .rendered-form .form-group {
    position: relative;
  }
  .rendered-form .form-group label {
    font-weight: 600;
    display: block;
    line-height: 16px;
    font-size: 16px;
  }
  .rendered-form .form-group input[type="text"],
  .rendered-form .form-group input[type="email"],
  .rendered-form .form-group textarea {
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    max-width: 100%;
    padding: 5px 15px;
  }
  .rendered-form .form-group input[type="date"] {
    border: 1px solid var(--color-medium-rare) !important;
    border-radius: 2px;
    padding: 5px 15px;
    height: 32px;
  }
  .rendered-form .form-group input[type="date"]:focus {
    border-color: var(--hive-blue) !important;
  }
  .rendered-form .form-group select {
    min-width: 175px;
    min-height: 32px;
    line-height: 32px;
    padding: 5px 15px;
    border: 1px solid var(--color-medium-rare) !important;
    background-color: var(--white);
    border-radius: 2px;
  }
  .rendered-form .form-group select:focus {
    border-color: var(--hive-blue) !important;
  }
  .rendered-form .checkbox-group .checkbox,
  .rendered-form .radio-group .checkbox,
  .rendered-form .checkbox-group .radio,
  .rendered-form .radio-group .radio {
    display: block;
    margin-top: 0;
  }
  .rendered-form .checkbox-group .checkbox,
  .rendered-form .radio-group .checkbox {
    width: auto;
  }
  .rendered-form .checkbox-group label,
  .rendered-form .radio-group label {
    font-weight: normal;
    display: inline-block;
    line-height: 14px;
    max-height: 14px;
    font-size: 14px;
  }
  .rendered-form .checkbox-group input[type="checkbox"],
  .rendered-form .radio-group input[type="checkbox"],
  .rendered-form .checkbox-group input[type="radio"],
  .rendered-form .radio-group input[type="radio"] {
    visibility: visible;
  }
  .rendered-form .form-buttons {
    text-align: right;
  }
  .rendered-form .form-buttons .fa-spinner {
    margin-right: 15px;
  }
  .rendered-form .form-buttons .btn {
    font-weight: 600;
    min-width: 100px;
  }
  .rendered-form .widget-datepicker {
    width: 165px;
  }
  .rendered-form .widget-datepicker::placeholder {
    color: var(--color-medium);
  }
  .rendered-form input.form-control,
  .rendered-form textarea.form-control,
  .rendered-form section.form-control,
  .rendered-form .modal-footer input {
    background-color: var(--newWhiteGrayBackground);
    border: 1px solid var(--inputBorderPrimary);
    border-radius: 4px;
  }
  .rendered-form input.form-control:hover,
  .rendered-form textarea.form-control:hover,
  .rendered-form section.form-control:hover,
  .rendered-form .modal-footer input:hover {
    border-color: var(--inputBorderPrimaryHover);
  }
  .rendered-form input.form-control:focus,
  .rendered-form textarea.form-control:focus,
  .rendered-form section.form-control:focus,
  .rendered-form .modal-footer input:focus {
    border-color: var(--inputBorderPrimaryActive);
  }
  .rendered-form section.form-control {
    color: var(--typographyPrimary);
  }
  .rendered-form input[type="radio"]:focus,
  .rendered-form input[type="checkbox"]:focus {
    outline: none;
  }
  .rendered-form .radio label,
  .rendered-form .checkbox label {
    position: relative;
    display: flex !important;
    align-items: center;
  }
  .rendered-form .radio input[type="radio"],
  .rendered-form .checkbox input[type="radio"],
  .rendered-form .radio input[type="checkbox"],
  .rendered-form .checkbox input[type="checkbox"] {
    width: 13px !important;
    height: 13px !important;
    border: 1px solid var(--borderSecondary);
    background-clip: content-box;
  }
  .rendered-form .radio input[type="radio"],
  .rendered-form .checkbox input[type="radio"] {
    border-radius: 50%;
    margin-right: 5px;
  }
  .rendered-form .radio input[type="checkbox"],
  .rendered-form .checkbox input[type="checkbox"] {
    visibility: visible;
    border-radius: 3px;
  }
  .rendered-form .radio.checked input[type="radio"],
  .rendered-form .checkbox.checked input[type="radio"] {
    border-color: var(--primary-blue);
  }
  .rendered-form .radio.checked input[type="checkbox"],
  .rendered-form .checkbox.checked input[type="checkbox"] {
    background-color: var(--primary-blue);
    border: unset;
  }
  .rendered-form .radio.checked .circle .sv-hidden,
  .rendered-form .checkbox.checked .circle .sv-hidden,
  .rendered-form .radio.checked .checkbox-material .sv-hidden,
  .rendered-form .checkbox.checked .checkbox-material .sv-hidden {
    display: inline-block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 3px;
    left: 0;
  }
  .rendered-form .radio.checked .circle .sv-hidden,
  .rendered-form .checkbox.checked .circle .sv-hidden {
    display: none;
  }
  .rendered-form .radio.checked .checkbox-material .sv-hidden,
  .rendered-form .checkbox.checked .checkbox-material .sv-hidden {
    fill: var(--staticWhite);
  }
  .rendered-form .checkbox-material:before {
    content: none;
  }
  .rendered-form .sv_q_file_input {
    background-color: transparent;
  }
  .rendered-form .sv_q_file_input:focus {
    outline: none;
  }
  .rendered-form .sv_q_file_input::file-selector-button {
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid var(--inputBorderPrimary);
    border-radius: 4px;
    color: var(--typographyPrimary);
    background-color: transparent;
  }
  .rendered-form .sv_q_file_input::file-selector-button:hover {
    border-color: var(--inputBorderPrimaryHover);
  }
  .rendered-form .sv_q_file_remove_button {
    background-color: var(--newWhiteGrayBackground);
    border: 1px solid var(--inputBorderPrimary);
    border-radius: 4px;
    padding: 2px 10px;
    color: var(--typographyPrimary);
  }
  .rendered-form .sv_q_file_remove_button:hover {
    border-color: var(--inputBorderPrimaryHover);
  }
  .rendered-form .sv_q_file_remove_button:focus {
    border-color: var(--inputBorderPrimaryActive);
  }
  .rendered-form .sv_q_file_preview {
    border-color: var(--inputBorderPrimary);
    border-radius: 4px;
  }
  #email-submit-from {
    margin-top: 30px;
  }
  .after-submit {
    text-align: center;
  }
  .after-submit .submit-logo {
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 40px;
  }
  .form-menu {
    min-width: 460px;
  }
  .fb-image img.image-preview {
    max-width: 100%;
  }
  .fb-image img {
    max-width: 800px;
  }
  .rendered-form {
    background-color: var(--backgroundPrimaryHover);
  }
  .rendered-form .form-group .radio-group .radio label input.other-val,
  .rendered-form .form-group .checkbox-group .radio label input.other-val,
  .rendered-form .form-group .radio-group .checkbox label input.other-val,
  .rendered-form .form-group .checkbox-group .checkbox label input.other-val {
    width: inherit;
    margin-left: 10px;
  }
  #form-render-container .checkbox,
  #form-editor-container .checkbox {
    width: 100%;
  }
  [data-name="formsManagerModal"] .modal-content {
    overflow: auto;
  }
}
@media all and (max-width: 800px) {
  .rendered-form .hive-logo {
    margin-bottom: 40px;
  }
}
@media all and (max-width: 800px) {
  .after-submit .submit-logo {
    margin-top: 15px;
  }
}
@media screen {
  .dropdown.dropdown--active .dropdown__content {
    display: block;
    position: absolute;
    z-index: 5;
  }
  .dropdown__content {
    display: none;
    background: var(--backgroundPrimary);
    min-width: auto;
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 var(--color62);
  }
  /* Reset.less
 * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here	that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
 * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
  body {
    line-height: 1.42857143;
  }
  img {
    vertical-align: middle;
  }
  :after,
  :before {
    box-sizing: border-box;
  }
  hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
  }
  .checkbox,
  .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: inherit;
    font-weight: 400;
    line-height: 1.1;
    color: inherit;
  }
  h6 {
    color: var(--tabbed-grey);
  }
  label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
  }
  html,
  body {
    margin: 0;
    padding: 0;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  cite,
  code,
  del,
  dfn,
  img,
  q,
  s,
  samp,
  small,
  strike,
  sub,
  sup,
  tt,
  var,
  dd,
  dl,
  dt,
  li,
  ol,
  ul,
  fieldset,
  legend,
  button {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-size: 100%;
    line-height: 1;
    font-family: inherit;
  }
  table {
    border-collapse: separate;
    border-spacing: 0;
  }
  ol,
  ul {
    list-style: none;
  }
  q:before,
  q:after,
  blockquote:before,
  blockquote:after {
    content: "";
  }
  button:focus {
    outline: 0;
  }
  .btn:focus,
  .btn:active:focus,
  .btn.active:focus,
  .btn.focus,
  .btn:active.focus,
  .btn.active.focus {
    outline: 0 !important;
  }
  html {
    font-size: 93.75%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }
  body {
    font-size: 1rem;
  }
  a:focus {
    outline: thin dotted;
  }
  a:hover,
  a:active {
    outline: 0;
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  nav,
  section {
    display: block;
  }
  audio,
  canvas,
  video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }
  audio:not([controls]) {
    display: none;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sup {
    top: -0.5em;
  }
  sub {
    bottom: -0.25em;
  }
  img {
    border: 0;
    -ms-interpolation-mode: bicubic;
  }
  button,
  input,
  select,
  textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
  }
  button,
  input {
    line-height: normal;
    *overflow: visible;
  }
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
  }
  input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  textarea {
    overflow: auto;
    vertical-align: top;
  }
  input[type="search"]::-webkit-search-decoration,
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-results-button,
  input[type="search"]::-webkit-search-results-decoration {
    display: none;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    margin: 0;
    font: inherit;
    color: inherit;
  }
  input {
    line-height: normal;
  }
  .form-control,
  .btn,
  .dropdown-menu {
    color: var(--typographyPrimary);
    font-weight: normal;
  }
  .form-control li > a,
  .btn li > a,
  .dropdown-menu li > a {
    color: var(--typographyPrimary);
    font-weight: normal;
    padding: 3px 20px;
    display: block;
    white-space: nowrap;
  }
  .dropdown-menu .divider {
    background-color: var(--whiteGray52);
  }
  .dropdown-menu.overlay {
    z-index: 99999;
  }
  .datepicker {
    background-color: var(--dropdownBackgroundPrimary);
  }
  .datepicker.datepicker-dropdown:after {
    border-bottom-color: var(--dropdownBackgroundPrimary);
  }
  .datepicker .datepicker-switch:hover,
  .datepicker .prev:hover,
  .datepicker .next:hover,
  .datepicker table tr td.today,
  .datepicker table tr td.today:hover,
  .datepicker table tr td.today:active,
  .datepicker table tr td.today:active:hover,
  .datepicker tfoot tr th:hover,
  .datepicker table tr td.day:hover {
    background-color: var(--newWhiteGrayBackgroundHover);
    border-color: var(--newWhiteGrayBackgroundHover);
  }
  .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
  }
  .dropup,
  .dropdown {
    position: relative;
  }
  .dropdown-toggle:focus {
    outline: 0;
  }
  .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
  }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto;
  }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
  }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
  }
  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
  }
  .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:hover,
  .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7;
  }
  .dropdown-menu > .disabled > a,
  .dropdown-menu > .disabled > a:hover,
  .dropdown-menu > .disabled > a:focus {
    color: #777777;
  }
  .dropdown-menu > .disabled > a:hover,
  .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed;
  }
  .open > .dropdown-menu {
    display: block;
  }
  .open > a {
    outline: 0;
  }
  .dropdown-menu-right {
    left: auto;
    right: 0;
  }
  .dropdown-menu-left {
    left: 0;
    right: auto;
  }
  .dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777777;
    white-space: nowrap;
  }
  .dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
  }
  .pull-right > .dropdown-menu {
    right: 0;
    left: auto;
  }
  .dropup .caret,
  .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: "";
  }
  .dropup .dropdown-menu,
  .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
  }
  .btn li > a,
  .dropdown-menu li > a,
  .form-control li > a {
    color: var(--typographyPrimary);
    font-weight: 400;
    padding: 3px 20px;
    display: block;
    white-space: nowrap;
  }
  .dropdown-menu .divider {
    background-color: var(--whiteGray52);
  }
  .modal-open {
    overflow: hidden;
  }
  .modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
  }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
  }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
  }
  .modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
  }
  .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
  }
  .modal-backdrop.fade {
    zoom: 1;
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  .modal-backdrop.in {
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
  }
  .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
  }
  .modal-header .close {
    margin-top: -2px;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    zoom: 1;
    filter: alpha(opacity=20);
    -webkit-opacity: 0.2;
    -moz-opacity: 0.2;
    opacity: 0.2;
    background-color: transparent;
  }
  .modal-title {
    margin: 0;
    line-height: 1.42857143;
  }
  .modal-body {
    position: relative;
    padding: 15px;
  }
  .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
  }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
  }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
  }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0;
  }
  .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
  }
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-xs-1,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-xs-1,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12 {
    float: left;
  }
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-11 {
    width: 91.66666667%;
  }
  .col-xs-10 {
    width: 83.33333333%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-8 {
    width: 66.66666667%;
  }
  .col-xs-7 {
    width: 58.33333333%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-5 {
    width: 41.66666667%;
  }
  .col-xs-4 {
    width: 33.33333333%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-2 {
    width: 16.66666667%;
  }
  .col-xs-1 {
    width: 8.33333333%;
  }
  .col-xs-pull-12 {
    right: 100%;
  }
  .col-xs-pull-11 {
    right: 91.66666667%;
  }
  .col-xs-pull-10 {
    right: 83.33333333%;
  }
  .col-xs-pull-9 {
    right: 75%;
  }
  .col-xs-pull-8 {
    right: 66.66666667%;
  }
  .col-xs-pull-7 {
    right: 58.33333333%;
  }
  .col-xs-pull-6 {
    right: 50%;
  }
  .col-xs-pull-5 {
    right: 41.66666667%;
  }
  .col-xs-pull-4 {
    right: 33.33333333%;
  }
  .col-xs-pull-3 {
    right: 25%;
  }
  .col-xs-pull-2 {
    right: 16.66666667%;
  }
  .col-xs-pull-1 {
    right: 8.33333333%;
  }
  .col-xs-pull-0 {
    right: auto;
  }
  .col-xs-push-12 {
    left: 100%;
  }
  .col-xs-push-11 {
    left: 91.66666667%;
  }
  .col-xs-push-10 {
    left: 83.33333333%;
  }
  .col-xs-push-9 {
    left: 75%;
  }
  .col-xs-push-8 {
    left: 66.66666667%;
  }
  .col-xs-push-7 {
    left: 58.33333333%;
  }
  .col-xs-push-6 {
    left: 50%;
  }
  .col-xs-push-5 {
    left: 41.66666667%;
  }
  .col-xs-push-4 {
    left: 33.33333333%;
  }
  .col-xs-push-3 {
    left: 25%;
  }
  .col-xs-push-2 {
    left: 16.66666667%;
  }
  .col-xs-push-1 {
    left: 8.33333333%;
  }
  .col-xs-push-0 {
    left: auto;
  }
  .col-xs-offset-12 {
    margin-left: 100%;
  }
  .col-xs-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xs-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xs-offset-9 {
    margin-left: 75%;
  }
  .col-xs-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xs-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xs-offset-6 {
    margin-left: 50%;
  }
  .col-xs-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xs-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xs-offset-3 {
    margin-left: 25%;
  }
  .col-xs-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xs-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xs-offset-0 {
    margin-left: 0;
  }
  .form-control,
  output {
    display: block;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
  }
  .form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  }
  .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
  }
  .btn.active.focus,
  .btn.active:focus,
  .btn.focus,
  .btn:active.focus,
  .btn:active:focus,
  .btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  .btn.focus,
  .btn:focus,
  .btn:hover {
    color: #333;
    text-decoration: none;
  }
  .btn.active,
  .btn:active {
    background-image: none;
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }
  .btn.disabled,
  .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    box-shadow: none;
    opacity: 0.65;
  }
  a.btn.disabled,
  fieldset[disabled] a.btn {
    pointer-events: none;
  }
  .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
  }
  .btn-default.focus,
  .btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
  }
  .btn-default.active,
  .btn-default:active,
  .btn-default:hover,
  .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
  }
  .btn-default.active.focus,
  .btn-default.active:focus,
  .btn-default.active:hover,
  .btn-default:active.focus,
  .btn-default:active:focus,
  .btn-default:active:hover,
  .open > .dropdown-toggle.btn-default.focus,
  .open > .dropdown-toggle.btn-default:focus,
  .open > .dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
  }
  .btn-default.active,
  .btn-default:active,
  .open > .dropdown-toggle.btn-default {
    background-image: none;
  }
  .btn-default.disabled.focus,
  .btn-default.disabled:focus,
  .btn-default.disabled:hover,
  .btn-default[disabled].focus,
  .btn-default[disabled]:focus,
  .btn-default[disabled]:hover,
  fieldset[disabled] .btn-default.focus,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc;
  }
  .btn-default .badge {
    color: #fff;
    background-color: #333;
  }
  .btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
  }
  .btn-primary.focus,
  .btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
  }
  .btn-primary.active,
  .btn-primary:active,
  .btn-primary:hover,
  .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
  }
  .btn-primary.active.focus,
  .btn-primary.active:focus,
  .btn-primary.active:hover,
  .btn-primary:active.focus,
  .btn-primary:active:focus,
  .btn-primary:active:hover,
  .open > .dropdown-toggle.btn-primary.focus,
  .open > .dropdown-toggle.btn-primary:focus,
  .open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
  }
  .btn-primary.active,
  .btn-primary:active,
  .open > .dropdown-toggle.btn-primary {
    background-image: none;
  }
  .btn-primary.disabled.focus,
  .btn-primary.disabled:focus,
  .btn-primary.disabled:hover,
  .btn-primary[disabled].focus,
  .btn-primary[disabled]:focus,
  .btn-primary[disabled]:hover,
  fieldset[disabled] .btn-primary.focus,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4;
  }
  .btn-primary .badge {
    color: #337ab7;
    background-color: #fff;
  }
  .btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
  }
  .btn-success.focus,
  .btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
  }
  .btn-success.active,
  .btn-success:active,
  .btn-success:hover,
  .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
  }
  .btn-success.active.focus,
  .btn-success.active:focus,
  .btn-success.active:hover,
  .btn-success:active.focus,
  .btn-success:active:focus,
  .btn-success:active:hover,
  .open > .dropdown-toggle.btn-success.focus,
  .open > .dropdown-toggle.btn-success:focus,
  .open > .dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625;
  }
  .btn-success.active,
  .btn-success:active,
  .open > .dropdown-toggle.btn-success {
    background-image: none;
  }
  .btn-success.disabled.focus,
  .btn-success.disabled:focus,
  .btn-success.disabled:hover,
  .btn-success[disabled].focus,
  .btn-success[disabled]:focus,
  .btn-success[disabled]:hover,
  fieldset[disabled] .btn-success.focus,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c;
  }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
  }
  .btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
  }
  .btn-info.focus,
  .btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85;
  }
  .btn-info.active,
  .btn-info:active,
  .btn-info:hover,
  .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
  }
  .btn-info.active.focus,
  .btn-info.active:focus,
  .btn-info.active:hover,
  .btn-info:active.focus,
  .btn-info:active:focus,
  .btn-info:active:hover,
  .open > .dropdown-toggle.btn-info.focus,
  .open > .dropdown-toggle.btn-info:focus,
  .open > .dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
  }
  .btn-info.active,
  .btn-info:active,
  .open > .dropdown-toggle.btn-info {
    background-image: none;
  }
  .btn-info.disabled.focus,
  .btn-info.disabled:focus,
  .btn-info.disabled:hover,
  .btn-info[disabled].focus,
  .btn-info[disabled]:focus,
  .btn-info[disabled]:hover,
  fieldset[disabled] .btn-info.focus,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da;
  }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff;
  }
  .btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
  }
  .btn-warning.focus,
  .btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d;
  }
  .btn-warning.active,
  .btn-warning:active,
  .btn-warning:hover,
  .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
  }
  .btn-warning.active.focus,
  .btn-warning.active:focus,
  .btn-warning.active:hover,
  .btn-warning:active.focus,
  .btn-warning:active:focus,
  .btn-warning:active:hover,
  .open > .dropdown-toggle.btn-warning.focus,
  .open > .dropdown-toggle.btn-warning:focus,
  .open > .dropdown-toggle.btn-warning:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d;
  }
  .btn-warning.active,
  .btn-warning:active,
  .open > .dropdown-toggle.btn-warning {
    background-image: none;
  }
  .btn-warning.disabled.focus,
  .btn-warning.disabled:focus,
  .btn-warning.disabled:hover,
  .btn-warning[disabled].focus,
  .btn-warning[disabled]:focus,
  .btn-warning[disabled]:hover,
  fieldset[disabled] .btn-warning.focus,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236;
  }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
  }
  .btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
  }
  .btn-danger.focus,
  .btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19;
  }
  .btn-danger.active,
  .btn-danger:active,
  .btn-danger:hover,
  .open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
  }
  .btn-danger.active.focus,
  .btn-danger.active:focus,
  .btn-danger.active:hover,
  .btn-danger:active.focus,
  .btn-danger:active:focus,
  .btn-danger:active:hover,
  .open > .dropdown-toggle.btn-danger.focus,
  .open > .dropdown-toggle.btn-danger:focus,
  .open > .dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
  }
  .btn-danger.active,
  .btn-danger:active,
  .open > .dropdown-toggle.btn-danger {
    background-image: none;
  }
  .btn-danger.disabled.focus,
  .btn-danger.disabled:focus,
  .btn-danger.disabled:hover,
  .btn-danger[disabled].focus,
  .btn-danger[disabled]:focus,
  .btn-danger[disabled]:hover,
  fieldset[disabled] .btn-danger.focus,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a;
  }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
  }
  .btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0;
  }
  .btn-link,
  .btn-link.active,
  .btn-link:active,
  .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none;
  }
  .btn-link,
  .btn-link:active,
  .btn-link:focus,
  .btn-link:hover {
    border-color: transparent;
  }
  .btn-link:focus,
  .btn-link:hover {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent;
  }
  .btn-link[disabled]:focus,
  .btn-link[disabled]:hover,
  fieldset[disabled] .btn-link:focus,
  fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none;
  }
  .btn-group-lg > .btn,
  .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
  }
  .btn-group-sm > .btn,
  .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  .btn-group-xs > .btn,
  .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  .btn-block {
    display: block;
    width: 100%;
  }
  .btn-block + .btn-block {
    margin-top: 5px;
  }
  .btn-group,
  .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
  }
  .btn-group-vertical > .btn,
  .btn-group > .btn {
    position: relative;
    float: left;
  }
  .btn-group-vertical > .btn.active,
  .btn-group-vertical > .btn:active,
  .btn-group-vertical > .btn:focus,
  .btn-group-vertical > .btn:hover,
  .btn-group > .btn.active,
  .btn-group > .btn:active,
  .btn-group > .btn:focus,
  .btn-group > .btn:hover {
    z-index: 2;
  }
  .btn-group .btn + .btn,
  .btn-group .btn + .btn-group,
  .btn-group .btn-group + .btn,
  .btn-group .btn-group + .btn-group {
    margin-left: -1px;
  }
  .btn-toolbar {
    margin-left: -5px;
  }
  .btn-toolbar .btn,
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left;
  }
  .btn-toolbar > .btn,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px;
  }
  .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
  }
  .btn-group > .btn:first-child {
    margin-left: 0;
  }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .btn-group > .btn:last-child:not(:first-child),
  .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .btn-group > .btn-group {
    float: left;
  }
  .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
  }
  .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
  .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .btn-group .dropdown-toggle:active,
  .btn-group.open .dropdown-toggle {
    outline: 0;
  }
  .btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
  }
  .btn-group > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
  }
  .btn-group.open .dropdown-toggle {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }
  .btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none;
  }
  .btn .caret {
    margin-left: 0;
  }
  .btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
  }
  .dropup .btn-lg .caret {
    border-width: 0 5px 5px;
  }
  .btn-group-vertical > .btn,
  .btn-group-vertical > .btn-group,
  .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
  }
  .btn-group-vertical > .btn-group > .btn {
    float: none;
  }
  .btn-group-vertical > .btn + .btn,
  .btn-group-vertical > .btn + .btn-group,
  .btn-group-vertical > .btn-group + .btn,
  .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0;
  }
  .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .btn-group-vertical > .btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
  }
  .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
  .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
  }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    display: table-cell;
    float: none;
    width: 1%;
  }
  .btn-group-justified > .btn-group .btn {
    width: 100%;
  }
  .btn-group-justified > .btn-group .dropdown-menu {
    left: auto;
  }
  [data-toggle=buttons] > .btn-group > .btn input[type=checkbox],
  [data-toggle=buttons] > .btn-group > .btn input[type=radio],
  [data-toggle=buttons] > .btn input[type=checkbox],
  [data-toggle=buttons] > .btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
  }
  .checkbox-inline input[type=checkbox],
  .checkbox input[type=checkbox],
  .radio-inline input[type=radio],
  .radio input[type=radio] {
    position: absolute;
    margin-left: -20px;
  }
  .mfp-bg {
    z-index: 1052;
  }
  .mfp-wrap {
    z-index: 1052;
  }
  .btn.btn-default {
    background-color: var(--backgroundPrimary);
    border-color: var(--color-medium-rare);
  }
  .icon-grey {
    color: var(--gray204) !important;
  }
  [type="submit"] {
    border: none;
    outline: none;
  }
  [class^="btn-"],
  [class*=" btn-"] {
    font-size: 14px;
    line-height: 20px !important;
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    color: var(--color-empty);
    display: inline-block;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
    white-space: nowrap;
  }
  [class^="btn-"][class*="primary"],
  [class*=" btn-"][class*="primary"] {
    background-color: var(--hive-blue) !important;
    color: var(--color-empty);
  }
  [class^="btn-"][class*="primary"]:hover,
  [class*=" btn-"][class*="primary"]:hover {
    background-color: var(--hive-blue-hover);
  }
  [class^="btn-"][class*="primary"]:active,
  [class*=" btn-"][class*="primary"]:active {
    box-shadow: var(--dark257) 0 1px 3px 0 inset;
  }
  [class^="btn-"][class*="secondary"],
  [class*=" btn-"][class*="secondary"] {
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    border-color: var(--hive-blue);
    color: var(--hive-blue);
  }
  [class^="btn-"][class*="secondary"]:hover,
  [class*=" btn-"][class*="secondary"]:hover {
    background-color: var(--whiteGray13);
  }
  [class^="btn-"][class*="danger"],
  [class*=" btn-"][class*="danger"] {
    background-color: var(--red73) !important;
    border-color: var(--red73) !important;
    color: var(--color-empty) !important;
  }
  [class^="btn-"][class*="danger"]:hover,
  [class*=" btn-"][class*="danger"]:hover {
    background-color: var(--red73-hover);
  }
  [class^="btn-"][disabled],
  [class*=" btn-"][disabled] {
    opacity: 0.5;
  }
  .btns-group {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
  .btns-group [class*="btn-"] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .btns-group [class*="btn-"] + [class*="btn-"] {
    margin-left: -1px;
  }
  .fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
  }
  .fileUpload input.upload {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .btn {
    margin: 0;
    letter-spacing: 0;
  }
  .blue-btn {
    color: var(--hive-blue);
    cursor: pointer;
  }
  .outlined-button {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--blue141);
    background-color: var(--white);
    border: 1px solid var(--whiteGray175);
    padding: 6px 20px;
    border-radius: 5px;
    cursor: pointer;
    user-select: none;
  }
  .btn-label-dropdown:hover i,
  .btn-label-dropdown:hover .caret {
    color: var(--color-full);
  }
  .btn-label-dropdown .dropdown-label-color {
    display: inline-block;
    transform: rotate(19deg);
  }
  .btn-label-dropdown .dropdown-label-color:not(:first-of-type) {
    margin-left: -10px;
  }
  .btn-label-dropdown .dropdown-label-color:nth-child(n+5) {
    display: none;
  }
  .invite-button--disabled {
    cursor: no-drop !important;
  }
  .invite-button-tooltip {
    max-width: 230px !important;
    line-height: 1.1;
  }
  .cursor-default-state {
    cursor: default !important;
  }
  .cursor-default-state * {
    cursor: default !important;
  }
  input {
    background-color: var(--newWhiteGrayBackground);
  }
  .hv.btn {
    transition: 0.2s ease all;
    font-size: 14px;
    line-height: 20px;
    padding: 0.5em 0.75em;
    border: none;
    box-shadow: none;
    border-radius: 0;
  }
  .hv.btn.btn-primary {
    background-color: var(--hive-blue);
    color: var(--white);
  }
  .hv.btn.btn-default {
    background-color: var(--white);
    color: var(--color-medium-rare);
  }
  .hv.btn.btn-default:hover {
    color: var(--hive-blue);
  }
  .hv-select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: var(--color-well);
    background-color: var(--white);
    background-image: none;
    border: 1px solid var(--color-medium-rare);
    border-radius: 4px;
    box-shadow: inset 0 1px 1px var(--color16);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  }
  .hv-input {
    width: 100%;
  }
  .hv-input input[type="text"],
  .hv-input input[type="email"],
  .hv-input input[type="password"],
  .hv-input textarea {
    font-size: 14px;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0.75rem 0;
    width: 100%;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    outline: none;
  }
  .hv-input input[type="text"]::-webkit-input-placeholder,
  .hv-input input[type="email"]::-webkit-input-placeholder,
  .hv-input input[type="password"]::-webkit-input-placeholder,
  .hv-input textarea::-webkit-input-placeholder {
    color: var(--color-complementary);
  }
  .hv-input input[type="text"]:-moz-placeholder,
  .hv-input input[type="email"]:-moz-placeholder,
  .hv-input input[type="password"]:-moz-placeholder,
  .hv-input textarea:-moz-placeholder {
    color: var(--color-complementary);
  }
  .hv-input input[type="text"]::-moz-placeholder,
  .hv-input input[type="email"]::-moz-placeholder,
  .hv-input input[type="password"]::-moz-placeholder,
  .hv-input textarea::-moz-placeholder {
    color: var(--color-complementary);
  }
  .hv-input input[type="text"]:-ms-input-placeholder,
  .hv-input input[type="email"]:-ms-input-placeholder,
  .hv-input input[type="password"]:-ms-input-placeholder,
  .hv-input textarea:-ms-input-placeholder {
    color: var(--color-complementary);
  }
  .hv-input input[type="text"][disabled] .hv-input input[type="text"]:not(.no-disable),
  .hv-input input[type="text"][disabled] .hv-input input[type="email"]:not(.no-disable),
  .hv-input input[type="text"][disabled] .hv-input input[type="password"]:not(.no-disable),
  .hv-input input[type="text"][disabled] .hv-input textarea:not(.no-disable),
  .hv-input input[type="email"][disabled] .hv-input input[type="text"]:not(.no-disable),
  .hv-input input[type="email"][disabled] .hv-input input[type="email"]:not(.no-disable),
  .hv-input input[type="email"][disabled] .hv-input input[type="password"]:not(.no-disable),
  .hv-input input[type="email"][disabled] .hv-input textarea:not(.no-disable),
  .hv-input input[type="password"][disabled] .hv-input input[type="text"]:not(.no-disable),
  .hv-input input[type="password"][disabled] .hv-input input[type="email"]:not(.no-disable),
  .hv-input input[type="password"][disabled] .hv-input input[type="password"]:not(.no-disable),
  .hv-input input[type="password"][disabled] .hv-input textarea:not(.no-disable),
  .hv-input textarea[disabled] .hv-input input[type="text"]:not(.no-disable),
  .hv-input textarea[disabled] .hv-input input[type="email"]:not(.no-disable),
  .hv-input textarea[disabled] .hv-input input[type="password"]:not(.no-disable),
  .hv-input textarea[disabled] .hv-input textarea:not(.no-disable) {
    opacity: 0.5;
  }
  .hv-input.spaced {
    margin: 17px 0;
  }
  .hv-input.bordered input[type="text"],
  .hv-input.bordered input[type="email"],
  .hv-input.bordered input[type="password"] {
    border: 1px solid var(--color-medium-rare);
  }
  .hv-input.bordered.error input {
    border-color: var(--color-negative);
  }
  .hv-input.bordered input:focus {
    border-color: var(--hive-blue);
  }
  .hv-input.inverted input[type="text"],
  .hv-input.inverted input[type="email"],
  .hv-input.inverted input[type="password"],
  .hv-input.inverted textarea {
    background-color: var(--hive-blue);
    color: var(--white);
  }
  .hv-input.inverted.input-symbol [class^="icon-"],
  .hv-input.inverted.input-symbol [class*=" icon-"] {
    color: var(--white);
  }
  .hv-input.input-symbol {
    display: block;
    position: relative;
  }
  .hv-input.input-symbol.error [class^="icon-"],
  .hv-input.input-symbol.error [class*=" icon-"] {
    color: var(--color-negative);
  }
  .hv-input.input-symbol [class^="icon-"],
  .hv-input.input-symbol [class*=" icon-"] {
    left: 0.5em;
  }
  .hv-input.input-symbol input {
    width: calc(100% - 3em - 1px);
    border: solid 1px var(--whiteGray175);
    padding: 10px 5px 10px 20px;
    margin-top: 15px;
    margin-left: 3em;
  }
  .hv-input.input-symbol input:focus ~ .hv-input-label,
  .hv-input.input-symbol input:focus + [class^="icon-"],
  .hv-input.input-symbol input:focus + [class*=" icon-"] {
    color: var(--hive-blue);
  }
  .hv-input.input-symbol [class^="icon-"],
  .hv-input.input-symbol [class*=" icon-"] {
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    background: transparent;
    color: var(--whiteGray175);
    font-size: 20px;
    height: 1em;
    position: absolute;
    bottom: 0.05em;
    width: 1em;
  }
  .list-errors .list-item,
  .list-messages .list-item {
    letter-spacing: 0.3em;
    text-indent: 0.3em;
    text-transform: uppercase;
    background: var(--color-note);
    color: var(--color-negative);
    font-size: 14px;
    margin-bottom: 1px;
    padding: 0.7rem 0.33rem;
    text-transform: none;
    letter-spacing: normal;
  }
  .list-errors .list-item.plain,
  .list-messages .list-item.plain {
    color: var(--typographyPrimary);
  }
  .list-errors .list-item .link-auth-alt,
  .list-messages .list-item .link-auth-alt {
    margin-top: 3px;
    color: var(--hive-blue);
  }
  .list-errors .list-item .join-hive,
  .list-messages .list-item .join-hive {
    color: var(--hive-blue);
    cursor: pointer;
  }
  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px var(--newWhiteGrayBackground) inset;
    -webkit-text-fill-color: var(--typographyPrimary);
    caret-color: var(--black);
    transition: background-color 5000s ease-in-out 0s;
  }
  .checkbox {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    min-width: 24px;
    width: 24px;
  }
  .checkbox input[type="checkbox"] {
    font-size: 1em;
    visibility: hidden;
  }
  .checkbox input[type="checkbox"] + span:before {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    width: 0.85em;
    height: 0.85em;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    background: transparent;
    box-shadow: var(--color-tertiary) 0 0 0 1px inset;
    border: 0.5px solid var(--color-tertiary);
    content: '';
    display: block;
    cursor: pointer;
  }
  .checkbox input[type="checkbox"]:checked + span:before {
    box-shadow: none;
    color: var(--color-medium-rare);
    font-family: 'Font Awesome 5 Pro';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
  }
  .right-symbol input {
    padding-right: 3em;
  }
  .hv-divider {
    width: 100%;
    height: 5px;
    margin: 10px 0;
    border-bottom: 1px solid var(--color-rareish);
  }
  input.has-error {
    border: 1px solid var(--color-negative) !important;
  }
  @keyframes spinner {
    to {
      transform: rotate(360deg);
    }
  }
  .prefill-loading {
    position: relative;
  }
  .prefill-loading::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: var(--green112);
    border-bottom-color: var(--green112);
    animation: spinner 0.8s ease infinite;
  }
  .description_editable > span:first-of-type {
    white-space: pre-line;
  }
  body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    background-color: var(--color-background);
    background-repeat: no-repeat;
    background-attachment: fixed;
    overflow: hidden;
    overscroll-behavior: none;
  }
  #mounter-react-root:has(#react-root),
  #__blaze-root {
    width: 100%;
    height: 100%;
  }
  body #mounter-react-root:has(#react-root),
  body #__blaze-root {
    min-height: 100%;
    height: auto;
  }
  body #mobile-landing {
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
  }
  #files-panel,
  #action-history-panel {
    overflow: hidden;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: -4px 4px 8px 0 var(--color62);
  }
  #files-panel .content-scrollable,
  #action-history-panel .content-scrollable {
    background: var(--color-empty);
  }
  a {
    color: var(--color-emphasis);
    cursor: pointer;
    text-decoration: none !important;
  }
  a:hover {
    color: var(--color-emphasis-hover);
    text-decoration: none;
  }
  a:active {
    color: var(--color-well);
    text-decoration: none;
  }
  a:focus {
    outline: none;
  }
  .modal-dialog .modal-content {
    background-color: var(--newWhiteGrayBackground);
  }
  .modal-dialog .modal-content .modal-footer {
    border-top: 1px solid var(--whiteGray52);
  }
  .modal-dialog .modal-content .modal-header {
    border-bottom: 1px solid var(--whiteGray52);
  }
  .modal-dialog .modal-content .modal-header .close {
    color: var(--defaultIconColor);
    opacity: 0.5;
  }
  .modal-backdrop.in {
    opacity: 0.35;
  }
  .modal.fade {
    transition: opacity 75ms linear;
  }
  .modal.fade .modal-dialog {
    transform: scale(0.9);
    transition: transform 75ms ease;
  }
  .modal.bootbox .modal-content {
    padding: 20px;
  }
  .modal.bootbox .modal-dialog {
    box-shadow: 1px 1px 2px var(--dark257);
  }
  .modal.in .modal-dialog {
    transform: scale(1);
  }
  .entire-action-card-wrapper {
    animation: popup 0.4s;
    animation-timing-function: cubic-bezier(0.02, 0.85, 0.01, 0.98);
    height: 100%;
  }
  @keyframes popup {
    0% {
      transform: scale(0.4);
      opacity: 0;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  .modal-loading-container {
    width: 100%;
    height: 100%;
    background-color: var(--newWhiteGrayBackground);
    position: relative;
    border-radius: 8px;
  }
  .modal-centered-container {
    width: 100%;
    height: 263px;
    background-color: var(--newWhiteGrayBackground);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  [type="file"].upload-button {
    display: none;
  }
  .insert-picture {
    position: absolute;
    right: 15px;
    bottom: 16px;
    color: var(--color-medium-rare);
  }
  .create-as-action {
    position: absolute;
    right: 15px;
    bottom: 18px;
  }
  .create-as-action i.active {
    color: var(--hive-blue);
  }
  .create-as-action i.not-active {
    color: var(--color-medium-rare);
  }
  .short-picker-wrapper {
    max-height: 20vh;
    overflow-y: auto;
  }
  .blaze-modal .modal-title,
  .modal.hv-modal .modal-title,
  .modal.bootbox .modal-title,
  .blaze-modal.hv-modal .modal-title,
  .hv-invite-banner .modal-title {
    text-align: left;
    font-size: 16px;
    margin-bottom: 1px;
    padding: 0.7rem 0;
    font-weight: 600;
  }
  .blaze-modal .modal-header,
  .modal.hv-modal .modal-header,
  .modal.bootbox .modal-header,
  .blaze-modal.hv-modal .modal-header,
  .hv-invite-banner .modal-header {
    padding: 0px;
    margin-bottom: 0px;
    border-bottom-width: 0px;
  }
  .blaze-modal .modal-content,
  .modal.hv-modal .modal-content,
  .modal.bootbox .modal-content,
  .blaze-modal.hv-modal .modal-content,
  .hv-invite-banner .modal-content {
    background-color: var(--newWhiteGrayBackground);
    box-shadow: 0 1px 4px var(--color9);
    border: none;
    border-radius: 4px;
    padding: 20px;
  }
  .blaze-modal .modal-body,
  .modal.hv-modal .modal-body,
  .modal.bootbox .modal-body,
  .blaze-modal.hv-modal .modal-body,
  .hv-invite-banner .modal-body {
    padding: 0;
  }
  .blaze-modal .modal-section,
  .modal.hv-modal .modal-section,
  .modal.bootbox .modal-section,
  .blaze-modal.hv-modal .modal-section,
  .hv-invite-banner .modal-section {
    margin: 25px 30px;
  }
  .blaze-modal .modal-section .section-title,
  .modal.hv-modal .modal-section .section-title,
  .modal.bootbox .modal-section .section-title,
  .blaze-modal.hv-modal .modal-section .section-title,
  .hv-invite-banner .modal-section .section-title {
    font-weight: bold;
    font-size: 16px;
    color: var(--gray226);
  }
  .blaze-modal .modal-section ul,
  .modal.hv-modal .modal-section ul,
  .modal.bootbox .modal-section ul,
  .blaze-modal.hv-modal .modal-section ul,
  .hv-invite-banner .modal-section ul {
    margin-left: 18px;
  }
  .blaze-modal .modal-footer,
  .modal.hv-modal .modal-footer,
  .modal.bootbox .modal-footer,
  .blaze-modal.hv-modal .modal-footer,
  .hv-invite-banner .modal-footer {
    padding: 0px;
    margin-top: 0px;
    border: none;
  }
  .blaze-modal .hv-input input,
  .modal.hv-modal .hv-input input,
  .modal.bootbox .hv-input input,
  .blaze-modal.hv-modal .hv-input input,
  .hv-invite-banner .hv-input input {
    border: none;
    box-shadow: none;
  }
  .blaze-modal .hv-input input:focus,
  .modal.hv-modal .hv-input input:focus,
  .modal.bootbox .hv-input input:focus,
  .blaze-modal.hv-modal .hv-input input:focus,
  .hv-invite-banner .hv-input input:focus {
    border-bottom-color: var(--color-primary);
  }
  .blaze-modal .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle),
  .modal.hv-modal .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle),
  .modal.bootbox .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle),
  .blaze-modal.hv-modal .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle),
  .hv-invite-banner .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle) {
    transition: 0.2s ease all;
    font-size: 14px;
    line-height: 20px;
    padding: 0.5em 0.75em;
    border: none;
    box-shadow: none;
  }
  .blaze-modal .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-primary,
  .modal.hv-modal .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-primary,
  .modal.bootbox .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-primary,
  .blaze-modal.hv-modal .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-primary,
  .hv-invite-banner .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-primary {
    background-color: var(--hive-blue);
    color: var(--staticWhite);
  }
  .blaze-modal .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-default,
  .modal.hv-modal .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-default,
  .modal.bootbox .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-default,
  .blaze-modal.hv-modal .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-default,
  .hv-invite-banner .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-default {
    color: var(--color-medium-rare);
  }
  .blaze-modal .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-default:hover,
  .modal.hv-modal .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-default:hover,
  .modal.bootbox .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-default:hover,
  .blaze-modal.hv-modal .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-default:hover,
  .hv-invite-banner .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-default:hover {
    color: var(--hive-blue);
  }
  .blaze-modal .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-sm,
  .modal.hv-modal .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-sm,
  .modal.bootbox .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-sm,
  .blaze-modal.hv-modal .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-sm,
  .hv-invite-banner .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-sm {
    padding: 5px 10px 10px 10px;
    line-height: 1.5;
  }
  .blaze-modal .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-lg,
  .modal.hv-modal .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-lg,
  .modal.bootbox .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-lg,
  .blaze-modal.hv-modal .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-lg,
  .hv-invite-banner .btn:not(.deadline):not(.select-date):not(.note-action-dropdown-toggle).btn-lg {
    font-size: 16px;
  }
  .blaze-modal .tab-pane,
  .modal.hv-modal .tab-pane,
  .modal.bootbox .tab-pane,
  .blaze-modal.hv-modal .tab-pane,
  .hv-invite-banner .tab-pane {
    padding: 1em;
  }
  .modal.bootbox-confirm .modal-header {
    border-bottom: 0px;
    margin-bottom: 0px;
  }
  .modal.bootbox-confirm .modal-header .bootbox-close-button {
    font-size: 28px;
  }
  .modal.bootbox-confirm .modal-title {
    text-align: left;
    text-transform: none;
    font-weight: 600;
    letter-spacing: initial;
    font-size: 16px;
  }
  .modal.bootbox-confirm .modal-content {
    padding: 30px;
  }
  .modal.bootbox-confirm .btn.btn-primary {
    background-color: var(--blue144) !important;
    font-weight: 600;
  }
  .btn.btn-default {
    color: var(--color-full);
  }
  .btn.btn-default:hover {
    color: var(--hive-blue) !important;
  }
  .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    opacity: 0.25;
    background-color: var(--gray211);
  }
  .modal-button-text {
    color: var(--color-medium-rare);
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    cursor: pointer;
    text-align: center;
    font-size: 90%;
  }
  .react-action-item-wrapper {
    height: 100%;
  }
  .hv-img-thumbnail {
    display: inline-block;
    width: 100%;
    height: auto;
    line-height: 1.42857;
    padding: 0px;
    border-radius: 3px;
    transition: all 0.2s ease-in-out;
    margin: 0px;
  }
  .img.thumb-small {
    height: 20px;
    width: 20px;
    padding: 0px !important;
    margin: 1px !important;
  }
  .img.thumb-small span {
    font-size: 12px;
  }
  .img.thumb-small:hover {
    border-color: var(--color-full);
  }
  .action-new .my-actions-tracking-row,
  .action-item .my-actions-tracking-row {
    display: flex;
    display: -webkit-flex;
    align-items: center;
  }
  .action-new .my-actions-tracking-row .time,
  .action-item .my-actions-tracking-row .time {
    margin-left: 5px;
  }
  .action-new .icon-grey,
  .action-item .icon-grey {
    color: var(--gray204);
  }
  .action-new .dropdown-toggle,
  .action-item .dropdown-toggle {
    border-radius: 0;
    background: transparent;
    color: var(--color-raw);
    border: none;
  }
  .action-new .thumb-small,
  .action-item .thumb-small {
    height: 20px;
    width: 20px;
    padding: 0px !important;
    margin: 1px !important;
  }
  .action-new .label-dropdown,
  .action-item .label-dropdown {
    max-width: 200px;
  }
  .action-new .label-picker,
  .action-item .label-picker {
    display: inline-block;
    top: 2px;
    left: 10px;
    width: 50%;
  }
  .action-new .action-comment-new,
  .action-item .action-comment-new {
    width: 100%;
  }
  .action-new .action-comment-new .fix-add-subtask,
  .action-item .action-comment-new .fix-add-subtask {
    position: absolute;
    margin-top: 9px;
    margin-left: 10px;
    font-size: 12px;
    color: var(--color-medium-rare);
  }
  .action-new .action-comment-new .create-subaction-text,
  .action-item .action-comment-new .create-subaction-text {
    width: 100%;
    position: relative;
  }
  .action-new .action-comment-new .create-subaction-text.focused,
  .action-item .action-comment-new .create-subaction-text.focused {
    border: 1px solid var(--gray334);
  }
  .action-new .action-comment-new .add-action-comment,
  .action-item .action-comment-new .add-action-comment {
    width: 100%;
  }
  .action-new .action-comment-new .comment-input,
  .action-item .action-comment-new .comment-input {
    width: 100%;
    padding: 7px 0 7px 30px;
  }
  .action-new .dropdown a .truncate,
  .action-item .dropdown a .truncate {
    vertical-align: middle !important;
  }
  .action-item {
    border-color: var(--color-raw);
    position: relative;
    padding: 5px 3px 5px 5px;
    border-radius: 5px;
    clear: both;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    background-color: var(--white);
  }
  .action-item .action-item-flex-container {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
  }
  .action-item .action-item-flex-container .header {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    align-self: center;
    align-items: flex-end;
    -webkit-align-items: flex-end;
  }
  .action-item .action-item-flex-container .header .checkbox {
    align-self: flex-start;
  }
  .action-item .action-item-flex-container .header .action-item-input.action-title {
    font-weight: 600;
  }
  .action-item .action-item-flex-container .right {
    margin-left: auto;
  }
  .action-item .action-item-flex-container.project-on-top {
    padding-left: 10px;
  }
  .action-item .action-item-flex-container [class^="icomoon-"],
  .action-item .action-item-flex-container [class*=" icomoon-"] {
    position: relative;
  }
  .action-item.ui-sortable-helper,
  .action-item.ui-draggable-helper {
    box-shadow: 1px 1px 2px var(--dark257);
    border-radius: 3px;
    background: var(--white);
    border-width: 0px;
    border-color: var(--white);
    border-style: solid;
    padding: 3px;
    cursor: -webkit-grabbing;
    opacity: 0.8;
  }
  .action-item.ui-sortable-helper .move,
  .action-item.ui-draggable-helper .move {
    cursor: -webkit-grabbing;
  }
  .action-item .action-item-input {
    align-items: center;
    -webkit-align-items: center;
    padding: 0 8px;
    flex: 1;
  }
  .action-item:not(.expanded) {
    cursor: pointer;
  }
  .action-item.expanded .ai-icons i,
  .action-item.expanded .move i {
    color: var(--color-minor);
    transition: 0.6s ease color;
  }
  .action-item.dropped {
    display: none;
  }
  .action-item .ai-icons {
    display: inline-block;
  }
  .action-item .ai-icons.expanded {
    cursor: pointer;
  }
  .action-item .ai-row {
    padding-left: 5px;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .action-item .ai-aside {
    float: left;
    padding-right: 2px;
  }
  .action-item .people-picker-aside {
    padding: 5px;
  }
  .action-item.expanded .header .checkbox input[type="checkbox"] + .checkbox-custom {
    width: 20px;
    height: 20px;
    font-size: 12px;
    padding-top: 1px;
  }
  .action-item .checkbox {
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 0;
  }
  .action-item .checkbox input[type="checkbox"] + .checkbox-custom {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    box-shadow: none;
    border: solid 1px var(--color-medium-rare);
    display: flex;
    display: -webkit-flex;
    align-self: flex-start;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    font-family: 'Font Awesome 5 Pro';
    font-size: 0.68em;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
  }
  .action-item .checkbox input[type="checkbox"] + .checkbox-custom i {
    color: var(--color-medium-rare);
  }
  .action-item input[type="checkbox"]:checked + .checkbox-custom {
    background-color: var(--checked-green);
    border: solid 1px var(--checked-green);
    box-shadow: none;
    color: var(--color-medium-rare);
  }
  .action-item input[type="checkbox"]:checked + .checkbox-custom i {
    color: var(--white);
  }
  .action-item input[type="checkbox"]:checked + .checkbox-custom.checked-now i {
    animation: checkMarksChecked 1.2s ease-in-out;
  }
  .action-item .js-subaction-new {
    padding-left: 12px;
    width: 100%;
  }
  .action-item .js-subaction-new input {
    color: var(--gray226);
  }
  .action-item .subtasks {
    width: 100%;
  }
  .action-item .subtasks .img-rounded-square {
    width: 22px;
    height: 22px;
    min-width: 22px;
    text-align: center;
    background-color: var(--white169);
  }
  .action-item .subtasks .action-item {
    padding: 0;
    margin-bottom: 0px;
  }
  .action-item .subtasks .action-item.modal-subaction,
  .action-item .subtasks .action-item.modal-subaction .action-item-flex-container,
  .action-item .subtasks .action-item.modal-subaction .action-item-flex-container .title-wrapper {
    align-items: center;
  }
  .action-item .subtasks .action-item.modal-subaction {
    min-height: 40px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    border: 1px solid var(--white);
    border-radius: 3px;
  }
  .action-item .subtasks .action-item.modal-subaction:hover {
    border: 1px solid var(--whiteGray52);
  }
  .action-item .subtasks .action-item.modal-subaction .action-item-flex-container .title-wrapper {
    padding: 5px 0;
  }
  .action-item .subtasks .action-item.modal-subaction .action-item-flex-container .checkbox {
    padding-left: 0;
  }
  .action-item .subtasks .action-item.modal-subaction .action-item-flex-container .subaction-title-change {
    margin-right: 10px;
  }
  .action-item .subtasks .action-item.modal-subaction .action-icons.my-action-view {
    min-width: 0;
  }
  .action-item .subtasks .action-item.modal-subaction .ai-icons .user-avatar {
    margin: 0 2px;
  }
  .action-item .subtasks .action-item .add-sub-task .checkbox {
    align-self: center;
  }
  .action-item .subtasks .action-item .add-sub-task input[type="checkbox"] + .checkbox-custom {
    color: var(--color-medium-rare);
    border: solid 1px var(--color-medium-rare);
  }
  .actions-dragover {
    width: 45%;
    height: 30%;
    position: absolute;
    background-color: var(--white);
    top: 70%;
    right: 10px;
    text-align: left;
    z-index: 100;
    visibility: visible;
    transform: translate3d(0, 100%, 0);
    opacity: 1;
    transition: 0.2s ease all;
    border: 1px solid var(--lightGray);
    padding: 10px 0;
    box-shadow: 1px 1px 0px var(--color82);
  }
  .actions-dragover.message-drag {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .actions-dragover .when-drop-area {
    position: relative;
    display: block;
    width: 100%;
    height: 16.667%;
    transform: scale(1);
    transition: 0.2s ease all;
    font-size: 1em;
    line-height: 2em;
    padding: 0 10px;
  }
  .actions-dragover .when-drop-area.header {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--lightGray);
  }
  .actions-dragover .when-drop-area i {
    font-size: 0.7em;
    margin-top: -1em;
  }
  .actions-dragover .when-drop-area.highlighted {
    color: var(--color-emphasis);
    background-color: var(--whiteGray33);
    transition: 0.4s ease all;
  }
  .js-kanban-sortable-actions li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .actions-group-container.hide-checked-action,
  .action-item.hide-checked-action {
    animation: hideAction 0.3s ease-in-out 1.5s forwards;
  }
  .heavy-shadow {
    box-shadow: 0 0 2px var(--dark257);
  }
  .custom-background {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background-size: cover;
    transition: opacity 1s ease-in-out;
    animation: fadein 10s;
  }
  .custom-background-fader {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--whiteGray31);
    opacity: 0.6;
  }
  @keyframes fadein {
    from {
      opacity: 0;
    }
    to {
      opacity: 0.6;
    }
  }
  .js-label-color.colorpicker-element {
    cursor: pointer;
  }
  .ui-resizable-e,
  .ui-resizable-w {
    cursor: col-resize !important;
  }
  .hive-modal .modal-content {
    background-color: var(--white);
    padding: 0;
  }
  .hive-modal .modal-content.label-modal-content,
  .hive-modal .modal-content.user-modal-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    -ms-overflow-style: scrollbar;
  }
  .hive-modal .modal-content.label-modal-content ::-webkit-scrollbar,
  .hive-modal .modal-content.user-modal-content ::-webkit-scrollbar {
    height: 7px;
    width: 5px;
    -webkit-appearance: none;
  }
  .hive-modal .modal-content.label-modal-content ::-webkit-scrollbar-thumb,
  .hive-modal .modal-content.user-modal-content ::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: var(--color-rareish);
    -webkit-box-shadow: 0 0 1px var(--color61);
  }
  .hive-modal .hive-modal__header {
    padding: 15px 15px 0px 15px;
  }
  .hive-modal .hive-modal__header .header-title {
    display: flex;
  }
  .hive-modal .hive-modal__header .header-title .title,
  .hive-modal .hive-modal__header .header-title .header-button {
    display: inline-flex;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    color: var(--color-modal-title);
  }
  .hive-modal .hive-modal__header .header-title .title {
    flex-grow: 1;
  }
  .hive-modal .hive-modal__header .header-title .title--centered {
    justify-content: center;
  }
  .hive-modal .hive-modal__header .header-title .header-button {
    top: 0px;
    right: 0px;
    font-size: 12px;
    opacity: 0.2;
    color: var(--gray226);
  }
  .hive-modal .hive-modal__header .header-title .header-button:hover {
    cursor: pointer;
  }
  .hive-modal .hive-modal__body.label-modal-body {
    overflow-y: scroll;
    max-height: 87%;
  }
  .hive-modal .hive-modal__body .body__title {
    display: flex;
    min-width: 160px;
    font-size: 16px;
    line-height: 32px;
    color: var(--color-modal-header);
  }
  .hive-modal .hive-modal__link {
    margin: 10px 0 5px 15px;
    line-height: 16px;
    font-weight: 600;
    color: var(--color-modal-link);
  }
  .hive-modal .btn.btn-default:hover {
    color: var(--hive-blue) !important;
  }
  .hive-modal .btn.btn-primary {
    background-color: var(--hive-blue) !important;
    color: var(--white);
  }
  .hive-modal hr {
    margin: 0;
  }
  .footer-buttons button,
  .footer-buttons .btn {
    border-color: transparent;
  }
  .hive-modal__footer {
    padding: 10px 15px 0px 15px;
    height: 40px;
  }
  .hive-modal__footer .footer-buttons {
    float: right;
  }
  .hive-modal__footer .footer-buttons--centered {
    height: 40px;
    float: none;
    display: flex;
    justify-content: center !important;
  }
  .hive-modal__footer .footer-buttons--centered button {
    padding: 0 20px;
  }
  .hive-modal__footer .footer-buttons--right {
    height: 40px;
    float: right;
    display: flex;
    justify-content: center !important;
  }
  .hive-modal__footer .footer-buttons--right button {
    padding: 0 20px;
  }
  .hive-modal__footer.label-modal-footer {
    position: inherit;
    bottom: 0px;
    background: var(--white);
  }
  @font-face {
    font-family: 'icomoon';
    src: url('hivecons/icomoon.eot');
    src: url('hivecons/icomoon.eot?#iefix') format('eot'), url('hivecons/icomoon.woff2') format('woff2'), url('hivecons/icomoon.ttf') format('truetype'), url('hivecons/icomoon.woff') format('woff'), url('hivecons/icomoon.svg?#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  [class^="icomoon-"],
  [class*=" icomoon-"] {
    /* use !important to prevent issues with browser extensions that change hivecons */
    font-family: 'icomoon' !important;
    speak: none;
    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;
  }
  .icomoon-project-details:before {
    content: "\e90e";
  }
  .icomoon-checkmark-filled:before {
    content: "\e90c";
  }
  .icomoon-plus-circle:before {
    content: "\e90d";
  }
  .icomoon-plus-button:before {
    content: "\e90b";
  }
  .icomoon-subaction-user:before {
    content: "\e909";
  }
  .icomoon-subaction-user-outline:before {
    content: "\e90a";
  }
  .icomoon-description:before {
    content: "\e906";
  }
  .icomoon-project-layout:before {
    content: "\e900";
  }
  .icomoon-file-plus:before {
    content: "\e901";
  }
  .icomoon-star:before {
    content: "\e903";
  }
  .icomoon-project-navigator:before {
    content: "\e905";
  }
  .icomoon-star-outline:before {
    content: "\e902";
  }
  .icomoon-snooze:before {
    content: "\e904";
  }
  .icomoon-snooze-outline:before {
    content: "\e907";
  }
  .icomoon-add-teammate:before {
    content: "\e908";
  }
  .icomoon-time-tracking:before {
    content: "\e910";
  }
  .icomoon-chevron-right:before {
    font-size: 12px;
    content: "\e911";
  }
  .icomoon-chevron-down:before {
    font-size: 9px;
    content: "\e912";
  }
  .icomoon-check:before {
    font-size: 9px;
    content: "\e913";
  }
  .icomoon-circle-plus-filled:before {
    content: "\e90f";
  }
  .popover.hv {
    border-radius: 3px;
    border: none;
    padding: 0;
    text-align: center;
    opacity: 0;
    max-width: 230px !important;
    transition: 0.6s ease opacity;
    word-break: break-word;
    white-space: normal;
    pointer-events: none;
  }
  .popover.hv > .arrow,
  .popover.hv > .arrow:after {
    border-width: 7px;
  }
  .popover.hv.bottom {
    margin-top: 5px;
  }
  .popover.hv.bottom > .arrow,
  .popover.hv.bottom > .arrow:after {
    top: -9px;
    margin-left: -7px;
  }
  .popover.hv.top > .arrow:after {
    display: none;
  }
  .popover.hv.top > .arrow {
    bottom: -14px;
    border-top-color: var(--black);
    border-bottom-color: transparent;
    margin-left: -7px;
    margin-top: -7px;
  }
  .popover.hv.right > .arrow:after {
    border-right-color: #1110;
    display: none;
  }
  .popover.hv.right > .arrow {
    transform: rotate(90deg);
    bottom: -14px;
    border-top-color: var(--black);
    border-bottom-color: transparent;
    border-right-color: transparent;
    margin-left: -3px;
    margin-top: -7px;
  }
  .popover.hv.fade.in {
    opacity: 0.8;
    transition: 0.4s ease opacity;
    transition-delay: 0.2s;
  }
  .popover.hv .arrow,
  .popover.hv .arrow:after {
    border-bottom-color: var(--black);
  }
  .popover.hv .popover-title {
    color: var(--white);
    background-color: var(--black);
    border-radius: 4px;
    border: none;
    font-weight: 400;
    font-size: 13px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .popover.hv .popover-content {
    display: none;
  }
  .popover.hv.members .popover-content span,
  .popover.assignees .popover-content span {
    display: block;
    max-width: 100%;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .popover.hv.members .popover-title,
  .popover.assignees .popover-title,
  .popover.hv.members .popover-content,
  .popover.assignees .popover-content {
    display: block;
    border-radius: 3px;
    color: var(--white);
    background-color: var(--black);
    border: none;
    font-weight: 400;
    font-size: 13px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .popover.assignees {
    max-width: 500px !important;
    z-index: 10004;
  }
  .popover.assignees .popover-content {
    display: block;
    max-width: 100%;
    overflow-x: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;
  }
  .popover.hv.confirm-hide-tooltip {
    border: 1px solid var(--white162);
    border-radius: 6px;
    opacity: 1 !important;
    min-width: 270px;
  }
  .popover.hv.confirm-hide-tooltip .arrow,
  .popover.hv.confirm-hide-tooltip .arrow:after {
    border-bottom-color: var(--white);
  }
  .popover.hv.confirm-hide-tooltip .popover-title {
    display: block;
    border-radius: 3px;
    color: var(--black);
    background-color: var(--white);
    border: none;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    padding: 15px 20px;
    font-weight: 400;
    opacity: 0.7;
  }
  .popover.hv.confirm-trash-tooltip {
    border: 1px solid var(--white162);
    border-radius: 6px;
  }
  .popover.hv.confirm-trash-tooltip:not(.project-tree-hint-tooltip) {
    opacity: 1 !important;
    min-width: 270px;
  }
  .popover.hv.confirm-trash-tooltip.project-tree-hint-tooltip {
    min-width: 370px;
    word-break: break-word;
    white-space: normal;
    opacity: 0;
    transition: 0.6s ease opacity;
  }
  .popover.hv.confirm-trash-tooltip.project-tree-hint-tooltip.fade.in {
    opacity: 1;
    transition: 0.4s ease opacity;
    transition-delay: 0.2s;
  }
  .popover.hv.confirm-trash-tooltip .arrow,
  .popover.hv.confirm-trash-tooltip .arrow:after {
    border-top-color: var(--white);
  }
  .popover.hv.confirm-trash-tooltip .popover-title {
    display: block;
    border-radius: 3px;
    color: var(--black);
    background-color: var(--white);
    border: none;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    padding: 15px 20px;
    font-weight: 400;
    opacity: 0.7;
  }
  .popover.hv.confirm-trash-tooltip .popover-content {
    display: none;
  }
  .popover.hv.change-reason-tooltip {
    opacity: 1;
    box-shadow: none;
    min-width: 270px;
  }
  .popover.hv.change-reason-tooltip.fade.in {
    opacity: 1;
  }
  .popover.hv.change-reason-tooltip .arrow,
  .popover.hv.change-reason-tooltip .arrow:after {
    border-top-color: var(--white);
  }
  .popover.hv.change-reason-tooltip .popover-title {
    position: absolute;
    z-index: 1041;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
    color: var(--gray226);
    border-radius: 0px;
    background-color: var(--white);
    border: none;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    padding: 10px 15px;
    opacity: 1;
  }
  .popover.hv.change-reason-tooltip .popover-title .message-title {
    font-weight: bold;
    margin-bottom: 16px;
  }
  .popover.hv.change-reason-tooltip .popover-title .change-reason-text {
    padding: 5px;
    width: 150px;
    border: 1px solid var(--whiteGray24);
    margin-bottom: 11px;
    box-sizing: border-box;
    border-radius: 2px;
    font-weight: 600;
  }
  .popover.hv.change-reason-tooltip .popover-title .notes-text {
    font-size: 14px;
    line-height: 16px;
  }
  .popover.hv.change-reason-tooltip .popover-content {
    display: none;
  }
  .popover.hv.change-reason-tooltip .tooltip-backdrop {
    background: var(--color56);
    box-sizing: border-box;
    color: var(--color-full);
    display: block;
    position: fixed;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 1920px;
    z-index: 1040;
  }
  .processSuggestions {
    border: 1px solid var(--color-rare);
    margin-top: 1.75em;
    position: absolute;
    min-width: 300px;
    max-width: 100%;
    background: var(--white);
    border-radius: 2px;
    box-shadow: 0px 4px 30px 0px var(--color108);
    cursor: pointer;
    padding-top: 8px;
    padding-bottom: 8px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    transform: scale(0);
  }
  .processPopoverHeader {
    font-size: 1em;
    display: flex;
    padding-bottom: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--whiteGray52);
  }
  .processPopoverHeader .processesHeader {
    width: 62%;
    margin-left: 8px;
  }
  .processPopoverHeader .createdByHeader {
    width: 38%;
  }
  .processPopoverFooter {
    height: 10px;
  }
  .processPopoverFooter .closeFooter {
    position: absolute;
    color: var(--color-link);
    display: flex;
    right: 0px;
    margin-right: 20px;
    margin-bottom: 5px;
    font-size: 0.8em;
  }
  .processPopoverFooter .closeFooter:hover {
    color: var(--whiteBlue154);
  }
  .processSuggestionsEntry {
    padding: 7px 10px 3px 10px;
    transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
  }
  .processSuggestionsEntry:active {
    background-color: var(--yellow52);
  }
  .processSuggestionsEntryFocused {
    padding: 7px 10px 3px 10px;
    transition: background-color 0.4s cubic-bezier(0.27, 1.27, 0.48, 0.56);
    background-color: var(--whiteGray49);
  }
  .processSuggestionsEntryText {
    display: inline-block;
    margin-left: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 180px;
    padding-right: 20px;
    font-size: 0.9em;
    margin-bottom: 0.2em;
  }
  .processCreatedByName {
    display: inline-block;
    font-size: 0.9em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .processSuggestionsEntryAvatar {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    margin-right: 8px;
  }
  .profile-card {
    display: inline-block;
    vertical-align: top;
    width: 240px;
    position: relative;
    overflow: hidden;
    margin: 10px;
    background: var(--white);
    color: var(--gray249);
    border-radius: 2px;
  }
  .profile-card.has-buttons {
    width: 246px;
  }
  .profile-card .title {
    font-size: 20px;
    font-weight: 300;
  }
  .profile-card .content {
    padding: 10px;
    font-weight: 300;
    border-radius: 0 0 2px 2px;
  }
  .profile-card p {
    margin: 0;
  }
  .profile-card .action {
    border-top: 1px solid var(--color87);
    padding: 20px;
  }
  .profile-card a {
    color: var(--orange62);
    margin-right: 20px;
    -webkit-transition: color 0.3s ease;
    transition: color 0.3s ease;
    text-transform: uppercase;
    text-decoration: none;
  }
  .profile-card .image {
    position: relative;
    width: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 20%;
  }
  .profile-card .image.multi-users {
    margin: 5px 0 0 5px;
  }
  .profile-card .image.multi-users .img {
    width: 40px;
    height: 40px;
  }
  .profile-card .image .img {
    border-radius: 3%;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
  }
  .profile-card .image .title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    color: var(--white);
  }
  .slim-card {
    max-width: 30em;
    box-shadow: 1px 1px 0px var(--boxShadow);
    border-radius: 3px;
    background: var(--white);
    border-width: 1px;
    border-color: var(--color-raw);
    border-style: solid;
    padding-top: 0;
    padding-bottom: 0;
  }
  .message-file.slim-card {
    outline: none;
  }
  #trial-countdown {
    position: absolute;
    bottom: 3.3rem;
    right: 1rem;
    left: auto;
    top: auto;
    min-width: 130px;
    z-index: 100045;
    background-color: var(--hive-orange);
    border-radius: 8px;
    text-align: center;
    color: var(--white);
    padding: 0.2rem 0.25rem;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
    transform: scale(1);
    box-shadow: 0 1px 2px var(--color12);
    opacity: 1;
    transition: 0.2s ease opacity;
  }
  #trial-countdown:active {
    box-shadow: 0 0px 2px var(--color12);
    transform: scale(0.995);
  }
  #trial-countdown:hover {
    opacity: 0.85;
    transition: 0.2s ease opacity;
  }
  #trial-countdown .days {
    font-size: 24px;
    vertical-align: middle;
  }
  #trial-countdown .trial-copy {
    margin-left: 5px;
    font-size: 15px;
    vertical-align: middle;
  }
  .modal-body .initials-thumb {
    display: inline-flex !important;
  }
  .img {
    box-shadow: none;
    width: 30px;
    height: 30px;
    max-width: 100%;
    line-height: 1.42857;
    padding: 0;
    border-radius: 3px;
    transition: all 0.2s ease-in-out;
    margin: 4px;
    background-size: cover;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
  }
  .img.initials-thumb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--textAvatarDarkGrayBackground);
    font-weight: bold;
    color: var(--textAvatarWhiteTypography);
    font-size: 12px;
    cursor: inherit;
  }
  .img.project-owner {
    position: relative;
  }
  .img.project-owner:after {
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    content: "\f005";
    font-weight: 900;
    color: var(--dark-orange);
    right: -7px;
    top: -7px;
    font-size: 14px;
  }
  .thumb-xlarge {
    width: 8em;
    height: 8em;
  }
  .welcome-placeholder {
    background-color: var(--white);
    padding: 15px;
    border: dashed 1px var(--whiteGray52);
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    color: var(--gray214);
  }
  .welcome-placeholder .body {
    margin: 10px;
  }
  .message {
    margin: 5px 10px 0 10px;
  }
  .message-content-block {
    display: inline-block;
    width: 80%;
    margin-top: 1px;
    margin-bottom: 4px;
    margin-left: 2px;
    padding-left: 0;
  }
  .message-content-block.is-editing {
    margin-top: 10px;
  }
  .message-time {
    display: inline;
    margin-left: 2px;
    font-size: 90%;
    color: var(--color-medium);
  }
  .message-automated {
    color: var(--dark-orange);
    display: inline;
  }
  .message-body {
    color: var(--text100);
    width: 100%;
    display: block;
    overflow-wrap: break-word;
    -ms-word-wrap: break-word;
    /*
   ********************************************************************
   *  IMPORTANT: WHY WE USE !important FOR LIST STYLES BELOW          *
   *                                                                *
   *  The Slate editor or message rendering logic sometimes adds     *
   *  inline styles (e.g., padding-left: 0;) directly to <ol>, <ul>, *
   *  or <li> elements. Inline styles have higher specificity than   *
   *  stylesheet rules, so our custom styles would not apply unless  *
   *  we use !important.                                            *
   *                                                                *
   *  The ideal solution would be to prevent these inline styles     *
   *  from being set, but until that is possible, !important is      *
   *  required to ensure consistent list formatting in message bodies.*
   ********************************************************************
  */
  }
  .message-body p {
    padding: 0;
  }
  .message-body p a {
    -ms-word-wrap: break-word;
    max-width: 100%;
    display: inline;
    white-space: normal !important;
    word-break: break-word;
  }
  .message-body .oembed-template {
    margin-top: 10px;
  }
  .message-body ol ol {
    padding-left: 12px !important;
  }
  .message-body ul,
  .message-body ul ul {
    padding-left: 12px !important;
    list-style-position: outside !important;
  }
  .wide-message-content-block {
    display: inline-block;
    width: 95%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .wide-message-content-block .spinner {
    top: 100% !important;
  }
  .message-text {
    white-space: initial;
    word-break: break-word;
  }
  .message-text a {
    word-break: break-all;
  }
  .message-text.deleted {
    font-style: italic;
    color: var(--gray194);
  }
  .message-text img {
    max-width: 100%;
  }
  .message-text ul li .emoji-mart-emoji,
  .message-text ol li .emoji-mart-emoji {
    height: 20px;
    vertical-align: text-bottom;
  }
  .no-sender-spacer {
    width: 39px;
    display: inline-block;
  }
  .message {
    position: relative;
  }
  .message:hover:not(.placeholder) {
    background-color: var(--backgroundPrimaryHover);
  }
  .message:hover:not(.placeholder) .add-reaction,
  .message:hover:not(.placeholder) .thumb-up {
    opacity: 1 !important;
  }
  .message.active {
    background-color: var(--backgroundPrimaryHover);
  }
  .message.placeholder {
    direction: ltr;
    transform: rotate(180deg);
    margin: 10px !important;
    padding: 5px 8px 25px 10px !important;
  }
  .message.placeholder .group-avatar {
    margin-right: 10px;
  }
  .message.placeholder .placeholder-image {
    display: flex;
    justify-content: center;
  }
  .message.placeholder .placeholer-text {
    margin-bottom: 10px;
  }
  .message.placeholder .placeholer-text.main {
    display: flex;
    align-items: center;
  }
  .message.placeholder .placeholer-text.main .img.img-rounded-square,
  .message.placeholder .placeholer-text.main .initials-thumb {
    min-height: 45px !important;
    min-width: 45px !important;
    font-size: 18px;
  }
  .message.placeholder .placeholer-text.main span.title {
    color: var(--dark-sky-blue);
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
  }
  .message .edit-message-form {
    padding: 4px 0 15px;
  }
  .message .edit-message-form .edit-message-input {
    display: block;
    position: relative;
    padding: 5px;
    outline: none;
    background-color: var(--backgroundPrimary);
    border: 1px solid var(--hive-blue);
    border-radius: 3px;
    overflow-wrap: break-word;
    -ms-word-wrap: break-word;
    width: 100%;
  }
  .message .edit-message-form .edit-buttons {
    margin-top: 8px;
  }
  .message .edit-message-form .edit-buttons .btn {
    border: none !important;
  }
  .message .edit-message-form .edit-buttons .btn.btn-default {
    background-color: transparent;
    color: var(--section-title);
  }
  .message .reactions {
    padding: 4px 4px 0;
    margin-left: 40px;
    display: flex;
    flex-wrap: wrap;
  }
  .message .reaction {
    height: 24px;
    border-radius: 6px;
    background-color: var(--backgroundPrimary);
    border: solid 1px var(--color-rare);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    color: var(--section-title);
  }
  .message .reaction:hover {
    cursor: pointer;
  }
  .message .reaction.user-reaction {
    border-color: var(--hive-blue-fade-20);
    color: var(--hive-blue);
    background-color: var(--hive-blue-fade-10);
  }
  .message .reaction.add-reaction,
  .message .reaction .thumb-up {
    opacity: 0;
    margin: 0;
  }
  .message .reaction.add-reaction:hover,
  .message .reaction .thumb-up:hover {
    border-color: var(--hive-blue-fade-20);
  }
  .message .reaction .reaction-count {
    margin-left: 4px;
  }
  .message .reaction.reaction-wrapper {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
  }
  .message .reaction.reaction-wrapper .wrapped:first-of-type {
    border-right: none;
    border-radius: 6px 0 0 6px;
  }
  .message .reaction.reaction-wrapper .wrapped:last-of-type {
    border-radius: 0 6px 6px 0;
  }
  .message .reaction.reaction-wrapper .wrapped + .wrapped {
    border-left: solid 1px var(--color-rare);
  }
  .message .img {
    vertical-align: top;
    width: 30px;
    height: 30px;
  }
  .message .chat-sender-name {
    font-weight: 700;
  }
  .message .message-menu-wrapper {
    display: flex;
    background: var(--backgroundPrimary);
    position: absolute;
    top: -20px;
    right: 5%;
    border: 1px solid var(--color-medium-rare);
    border-radius: 6px;
    opacity: 0;
    transition: none;
  }
  .message .message-menu-wrapper .message-reaction {
    margin: 0;
  }
  .message .message-menu-wrapper .message-drag-handle {
    font-size: 12px;
    margin: 0;
    padding: 3px 4.5px 0 4.5px;
  }
  .message .message-menu-wrapper .message-drag-handle .fa-arrows-alt {
    color: var(--gray221);
  }
  .message .message-menu-wrapper .message-drag-handle:hover .fa-arrows-alt {
    color: var(--hive-blue);
  }
  .message .message-menu-wrapper .message-delete {
    color: var(--color-well);
    font-size: 12px;
    margin: 0;
    padding: 4px 5px 0 5px;
  }
  .message .message-menu-wrapper .message-edit .message-reply {
    margin: 0;
    padding: 2px 3px 0 3px;
  }
  .message .message-menu-wrapper .message-drag-handle {
    cursor: move;
  }
  .message .message-menu-wrapper .message-delete {
    cursor: pointer;
  }
  .message:hover .message-menu-wrapper {
    opacity: 1;
    transition: none;
  }
  .control-icon {
    display: inline-block;
    padding: 2px 3px;
    color: var(--color-well);
  }
  .control-icon:first-of-type {
    padding-left: 4px;
  }
  .control-icon:last-of-type {
    padding-right: 4px;
  }
  .control-icon + .control-icon {
    border-left: 1px solid var(--color-medium-rare);
  }
  .control-icon:hover {
    cursor: pointer;
  }
  .control-icon:hover .fa,
  .control-icon:hover .far,
  .control-icon:hover .fas,
  .control-icon:hover .fal {
    color: var(--hive-blue);
  }
  .day_divider {
    transform: rotate(180deg);
    background: var(--backgroundSolid);
    margin: 0.5rem 0;
    padding: 0;
    font-size: 0.9rem;
    line-height: 1rem;
    color: var(--gray248);
    font-weight: 700;
    text-align: center;
    cursor: default;
    clear: both;
    position: relative;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    z-index: -10;
  }
  .day_divider hr {
    position: absolute;
    border-top: 1px solid var(--color-rare);
    top: 0.75rem;
    right: 0;
    left: 0;
    margin: 0;
  }
  .day_divider .day_divider_label {
    background: var(--backgroundSolid);
    padding: 0.25rem 0.75rem;
    display: inline-block;
    margin: 0 auto;
    position: relative;
    border-radius: 0.25rem;
    color: var(--gray248);
    font-size: 11px;
  }
  .jumpable {
    cursor: pointer;
  }
  .user-reacted {
    color: var(--hive-blue) !important;
  }
  .thread {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    white-space: nowrap;
    position: static;
    width: 91px;
    height: 24px;
    left: 0px;
    top: 135px;
    background: var(--light-orange);
    border: 1px solid var(--orange);
    box-sizing: border-box;
    border-radius: 24px;
    flex: none;
    order: 3;
    flex-grow: 0;
    margin: 8px 40px;
    font-size: 13px;
    color: var(--orange65);
  }
  .thread:hover {
    background: var(--threadHoverBackground);
  }
  .reply {
    transform: rotate(180deg);
    border-right: 1px solid var(--color-medium-rare);
    border-left: none !important;
  }
  .thread-read {
    background: var(--backgroundPrimary);
  }
  .thread-reply-icon {
    margin-right: 4px;
    margin-bottom: 2px;
  }
  .message-content-block:hover .message-menu-wrapper {
    z-index: 10;
  }
  .ui-draggable:hover ~ .ui-draggable {
    pointer-events: none;
    z-index: -10;
  }
  #new-action .ui-draggable {
    z-index: initial;
  }
  /* Modify z-index on hover to ensure proper stacking in thread view */
  .comment-wrapper:hover .top-buttons {
    z-index: 1;
  }
  .at-mention.jumpable:hover {
    color: var(--color-emphasis-hover) !important;
  }
  .people-picker-dropdown,
  .label-dropdown,
  .assignee-dropdown {
    padding-bottom: 0 !important;
    padding-top: 0;
  }
  .people-picker-dropdown:not(.apply-dropdown),
  .label-dropdown:not(.apply-dropdown),
  .assignee-dropdown:not(.apply-dropdown),
  .people-picker-dropdown.apply-dropdown > ul,
  .label-dropdown.apply-dropdown > ul,
  .assignee-dropdown.apply-dropdown > ul {
    padding: 0px 0;
    max-width: 285px;
    max-height: 380px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .people-picker-dropdown:not(.apply-dropdown) li a,
  .label-dropdown:not(.apply-dropdown) li a,
  .assignee-dropdown:not(.apply-dropdown) li a,
  .people-picker-dropdown.apply-dropdown > ul li a,
  .label-dropdown.apply-dropdown > ul li a,
  .assignee-dropdown.apply-dropdown > ul li a {
    cursor: pointer;
  }
  .people-picker-dropdown:not(.apply-dropdown) li.empty-placeholder,
  .label-dropdown:not(.apply-dropdown) li.empty-placeholder,
  .assignee-dropdown:not(.apply-dropdown) li.empty-placeholder,
  .people-picker-dropdown.apply-dropdown > ul li.empty-placeholder,
  .label-dropdown.apply-dropdown > ul li.empty-placeholder,
  .assignee-dropdown.apply-dropdown > ul li.empty-placeholder {
    text-align: center;
    padding: 0px 5px 5px 5px;
  }
  ul.picker-list-menu {
    list-style-type: none;
  }
  .assignee-dropdown.apply-dropdown {
    max-width: 285px;
    overflow-y: auto;
  }
  .label-picker {
    display: inline-block;
    top: 2px;
    left: 10px;
    width: 50%;
  }
  .label-picker .dropdown-toggle {
    width: auto;
  }
  .label-picker .dropdown-toggle span.caret {
    margin-top: -5px;
    color: var(--whiteGray175);
  }
  .label-picker .label-name {
    display: inline-block;
    max-width: 100px;
  }
  .btn-label-dropdown:hover i,
  .btn-label-dropdown:hover .caret {
    color: var(--color-full);
  }
  .btn-label-dropdown .dropdown-label-color {
    display: inline-block;
    transform: rotate(19deg);
  }
  .btn-label-dropdown .dropdown-label-color:not(:first-of-type) {
    margin-left: -10px;
  }
  .btn-label-dropdown .dropdown-label-color:nth-child(n+5) {
    display: none;
  }
  .dropdown-toggle {
    background: transparent;
    color: var(--color-raw);
    border: none;
  }
  .label-picker .dropdown-toggle {
    width: auto;
  }
  .dropdown-label-color {
    color: var(--tabbed-grey);
  }
  .dropdown-label-color.fal {
    font-weight: 300;
  }
  .project-picker-wrapper {
    max-height: calc(50vh - 200px);
    overflow-y: auto;
  }
  .person-select,
  .group-select,
  .team-select,
  .label-select,
  .project-select {
    cursor: pointer;
    transition: 0.4s ease all;
  }
  .person-select:hover,
  .group-select:hover,
  .team-select:hover,
  .label-select:hover,
  .project-select:hover {
    background-color: var(--whiteGray33);
    transition: 0.4s ease all;
  }
  .person-select .icon-right,
  .group-select .icon-right,
  .team-select .icon-right,
  .label-select .icon-right,
  .project-select .icon-right {
    float: right;
  }
  .person-select.disabled,
  .group-select.disabled,
  .team-select.disabled,
  .label-select.disabled,
  .project-select.disabled {
    opacity: 0.8;
  }
  .person-select.agent-disabled,
  .group-select.agent-disabled,
  .team-select.agent-disabled,
  .label-select.agent-disabled,
  .project-select.agent-disabled {
    cursor: not-allowed;
  }
  .team-select .team-icon {
    margin: 4px;
  }
  .label-dropdown {
    max-width: 200px;
    padding-bottom: 7px;
  }
  .hide-workspace-dropdown .caret,
  .hide-workspace-dropdown .choose-workspace-dropdown {
    display: none;
  }
  .choose-workspace-dropdown {
    max-height: 85vh;
    overflow-y: auto;
  }
  .choose-workspace-dropdown .choose-label {
    padding: 0 0;
  }
  .choose-workspace-dropdown .choose-label.current .choose-workspace,
  .choose-workspace-dropdown .choose-label.current span {
    color: var(--gray200);
  }
  .choose-workspace-dropdown .choose-label.current span {
    font-size: 12px;
    padding-right: 10px;
  }
  .choose-workspace-dropdown .choose-label .choose-workspace {
    width: 100%;
  }
  .choose-workspace-dropdown .choose-label .choose-workspace.unread {
    font-weight: bold;
  }
  .choose-workspace-dropdown .choose-label i.fa-pencil-alt {
    visibility: hidden;
    margin-right: 10px;
  }
  .choose-workspace-dropdown .choose-label:hover i.fa-pencil-alt {
    visibility: visible;
    color: var(--color-well);
  }
  .choose-label {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 2px 10px;
    cursor: pointer;
    transition: 0.4s ease all;
  }
  .choose-label .edit-label {
    visibility: hidden;
    margin-left: auto;
  }
  .choose-label:hover {
    background-color: var(--whiteGray33);
    transition: 0.4s ease all;
  }
  .choose-label:hover .edit-label {
    visibility: visible;
  }
  .choose-label .dropdown-label-color {
    font-size: 30px;
    line-height: 25px;
    font-weight: bold;
  }
  .choose-label .name {
    padding-left: 5px;
    padding-right: 5px;
    word-wrap: break-word;
    overflow: hidden;
    flex: 1;
    line-height: 1.2;
  }
  .choose-label .isChecked {
    margin-left: auto;
    padding-left: 5px;
  }
  .choose-label .edit-label + .isChecked {
    margin-left: inherit;
  }
  .choose-label .create-label:hover {
    background: none;
  }
  .choose-label.choose-label--child {
    padding-left: 22px;
  }
  .new-label {
    padding: 0px 10px 10px;
  }
  .multi-select,
  .all-select {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: right;
    padding: 10px 10px 0px;
    cursor: pointer;
    transition: 0.4s ease all;
    color: var(--color-medium-well);
    font-size: 14px;
  }
  .multi-select .name,
  .all-select .name {
    margin-left: auto;
    padding-right: 7px;
  }
  .multi-select .fa,
  .all-select .fa,
  .multi-select .far,
  .all-select .far,
  .multi-select .fas,
  .all-select .fas,
  .multi-select .fal,
  .all-select .fal {
    color: var(--color-medium-rare);
  }
  .multi-select.agent-disabled,
  .all-select.agent-disabled {
    cursor: not-allowed;
  }
  .isChecked {
    color: var(--green105) !important;
  }
  .notChecked {
    color: var(--color-medium-rare) !important;
  }
  .action-template-picker {
    padding-top: 5px;
    padding-left: 25px;
    cursor: default;
    display: inline-block;
  }
  .action-template-picker .label-filter {
    color: inherit;
  }
  .action-template-select .name {
    padding: 4px 5px;
  }
  .dropdown-menu {
    z-index: 1060;
  }
  .dropdown-menu > li > a:hover {
    color: var(--typographyPrimary);
    background-color: var(--backgroundPrimaryHover) !important;
  }
  .dropdown-menu #picker-list-search {
    padding: 0 10px;
    margin: 5px;
    width: calc(100% - 10px);
  }
  .scrollable {
    max-height: 50vh;
    overflow-y: auto;
  }
  .search {
    border: 1px solid var(--color-rareish);
    padding: 0px 10px;
    margin: 5px 0px;
  }
  .search i {
    display: inline;
    font-size: 16px;
    color: var(--blue141);
  }
  .search input {
    display: inline;
    border-radius: 2px;
    width: 85%;
  }
  .search span.clear-search {
    float: right;
  }
  .view-by-dropdown .dropdown-menu,
  .sort-dropdown .dropdown-menu {
    width: 200px;
  }
  .view-by-dropdown .fa,
  .sort-dropdown .fa,
  .view-by-dropdown .far,
  .sort-dropdown .far,
  .view-by-dropdown .fas,
  .sort-dropdown .fas,
  .view-by-dropdown .fal,
  .sort-dropdown .fal {
    color: var(--icon-resting);
    font-size: 16px;
    padding-top: 3px;
  }
  .view-by-dropdown .fa:hover,
  .sort-dropdown .fa:hover,
  .view-by-dropdown .far:hover,
  .sort-dropdown .far:hover,
  .view-by-dropdown .fas:hover,
  .sort-dropdown .fas:hover,
  .view-by-dropdown .fal:hover,
  .sort-dropdown .fal:hover {
    color: var(--color-medium-well);
    transition: 0.4s ease all;
  }
  .view-by-dropdown .choose-sort-direction,
  .sort-dropdown .choose-sort-direction {
    color: var(--color-well);
    cursor: default;
  }
  .view-by-dropdown .choose-sort-direction .toggle-sort-direction,
  .sort-dropdown .choose-sort-direction .toggle-sort-direction {
    cursor: pointer;
  }
  .view-by-dropdown .choose-sort-direction .toggle-sort-direction .fa,
  .sort-dropdown .choose-sort-direction .toggle-sort-direction .fa,
  .view-by-dropdown .choose-sort-direction .toggle-sort-direction .far,
  .sort-dropdown .choose-sort-direction .toggle-sort-direction .far,
  .view-by-dropdown .choose-sort-direction .toggle-sort-direction .fas,
  .sort-dropdown .choose-sort-direction .toggle-sort-direction .fas,
  .view-by-dropdown .choose-sort-direction .toggle-sort-direction .fal,
  .sort-dropdown .choose-sort-direction .toggle-sort-direction .fal {
    padding-top: 3px;
  }
  .view-by-dropdown .choose-sort-direction:hover,
  .sort-dropdown .choose-sort-direction:hover {
    background-color: inherit;
  }
  .view-by-dropdown .choose-view-by .name,
  .sort-dropdown .choose-view-by .name,
  .view-by-dropdown .choose-sort .name,
  .sort-dropdown .choose-sort .name {
    padding: 4px 5px;
  }
  .date-range-dropdown {
    max-height: 100vh;
    overflow-y: auto;
  }
  .date-range-dropdown .select-date-range-label a {
    cursor: auto;
    font-size: 12px;
  }
  .date-range-dropdown .select-date-range-label a:hover {
    background: var(--white);
  }
  .date-range-dropdown .date-range-item {
    position: relative;
  }
  .date-range-dropdown .date-range-item .choose-date-range {
    color: var(--black);
    font-size: 14px;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 30px;
  }
  .date-range-dropdown .date-range-item i {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--hive-green);
  }
  .loading-wrap {
    width: 100%;
  }
  .loading-wrap.my-action-wrap {
    height: 100%;
    padding: 30px;
  }
  .loading-wrap.action-view-wrap {
    display: flex;
  }
  .loading-wrap.action-view-wrap .loading-item {
    animation: fadein 1s;
  }
  .loading-wrap.messages-wrap {
    width: calc(100% - 200px);
    z-index: 1;
  }
  .loading-wrap.messages-wrap .loading--action {
    border: none;
  }
  .loading-wrap.groups-wrap {
    width: 200px;
  }
  .loading-wrap.groups-wrap .content {
    background-color: var(--steel);
  }
  .loading-wrap.groups-wrap .messages--header {
    border-bottom: 1px solid var(--darkBlue229);
  }
  .loading-wrap.groups-wrap .loading--action .loading--text {
    padding: 0 7px;
  }
  .loading-wrap.files-wrap {
    height: 100%;
  }
  .loading-wrap.files-wrap .loading--action {
    border-left: none;
    border-right: none;
  }
  .loading-wrap.kanban-loading-wrap {
    height: 100%;
  }
  .loading-wrap.kanban-loading-wrap .kb-list-wrapper {
    background-color: var(--whiteGray38);
  }
  .loading-wrap.kanban-loading-wrap .loading-kanban-list {
    padding: 0 10px;
  }
  .loading-wrap.kanban-loading-wrap .loading-item {
    animation: fadein 1s;
  }
  .loading-item {
    display: flex;
    animation: fadeInScale 1s;
  }
  .loading-item.loading--bordered {
    border: solid 1px var(--whiteGray52);
  }
  .loading-item.loading--wide {
    width: 100%;
  }
  .loading-item.loading--action {
    width: 100%;
    padding: 15px 20px;
  }
  .loading-item.loading--action.loading--bordered + .loading--action {
    border-top: none;
  }
  .loading-item.loading--action .loading--text {
    padding: 0 15px;
  }
  .loading-item.loading--action .loading--text .content + .content {
    margin-top: 10px;
  }
  .loading-item.loading--action .loading--text .text--large + .text--large {
    margin-top: 15px;
  }
  .loading-item.loading--action .line {
    margin: 0 5px 5px 5px;
  }
  .loading-item.loading--tab {
    border-top: none;
    border-right: none;
    border-top: solid 1px var(--whiteGray52);
    border-bottom: solid 1px var(--whiteGray52);
    display: inline-flex;
    flex: 1;
    padding: 13px 30px;
    justify-content: center;
  }
  .loading-item.loading--tab:first-child {
    border-left: none;
  }
  .loading-item.loading--tab .loading--text {
    max-width: 120px;
  }
  .loading-item.loading--tab.loading-tab-xsmall {
    flex-grow: 0.03;
  }
  .loading-item.loading--tab.loading-tab-small {
    flex-grow: 0.2;
  }
  .loading-item.loading--tab.right-border {
    border-right: solid 1px var(--whiteGray52);
  }
  .loading-item.messages--header {
    width: 100%;
    border-bottom: 1px solid var(--whiteGray52);
    padding: 18px 15px;
  }
  .loading-item.loading--kanban-action {
    background-color: var(--white);
    box-shadow: 0 1px 2px 0 var(--color14);
    border-radius: 2px;
    margin-top: 15px;
  }
  .loading-item .loading--text {
    flex: 1;
  }
  .loading-item .loading--text .content {
    height: 10px;
  }
  .loading-item .loading--text .text--large {
    height: 20px;
  }
  .loading-item .loading--text .text--xlarge {
    height: 40px;
  }
  .loading-item .loading--text .text--5 {
    width: 5%;
  }
  .loading-item .loading--text .text--10 {
    width: 10%;
  }
  .loading-item .loading--text .text--20 {
    width: 20%;
  }
  .loading-item .loading--text .text--30 {
    width: 30%;
  }
  .loading-item .loading--text .text--40 {
    width: 40%;
  }
  .loading-item .loading--text .text--50 {
    width: 50%;
  }
  .loading-item .loading--text .text--60 {
    width: 60%;
  }
  .loading-item .loading--text .text--70 {
    width: 70%;
  }
  .loading-item .loading--text .text--80 {
    width: 80%;
  }
  .loading-item .loading--text .text--90 {
    width: 90%;
  }
  .loading-item .loading--text .text--100 {
    width: 100%;
  }
  .loading-item .square--mini {
    width: 14px;
    height: 14px;
  }
  .loading-item .square--small {
    width: 22px;
    height: 22px;
  }
  .loading-item .square {
    width: 30px;
    height: 30px;
  }
  .loading-item .line {
    display: inline-flex;
    height: 10px;
  }
  .loading-item .line + .line {
    margin-left: 15px;
  }
  .loading-item .line.line--5 {
    width: 5%;
  }
  .loading-item .line.line--8 {
    width: 8%;
  }
  .loading-item .line.line--10 {
    width: 10%;
  }
  .loading-item .line.line--15 {
    width: 15%;
  }
  .loading-item .line.line--20 {
    width: 20%;
  }
  .loading-item .line.line--30 {
    width: 30%;
  }
  .loading-item .content {
    border-radius: 4px;
    background-color: var(--color15);
  }
  .init-shown {
    animation: fadein 1s !important;
  }
  .hidden {
    opacity: 0;
  }
  @keyframes fadeInScale {
    from {
      opacity: 0;
      transform: scale(0.99);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes fadein {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .loading-app {
    position: absolute;
    top: 50%;
    right: 50%;
    bottom: auto;
    left: auto;
    width: 50%;
    height: auto;
    transform: translate3d(50%, -50%, 0);
    min-width: 160px;
    max-width: 320px;
  }
  .login-card {
    width: 90%;
    max-width: 600px;
    margin: 0 auto;
    top: 50px;
    position: relative;
    background: var(--white);
    padding: 20px;
    box-shadow: 0 1px 4px var(--color9);
    min-height: 23em;
    padding-bottom: 50px;
  }
  .loading-text {
    max-width: 930px;
    color: var(--gray203);
    font-size: 20px;
    line-height: 26px;
    min-height: 26px;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  .loading-quote {
    margin-bottom: 24px;
  }
  .pg-loading-screen {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000000;
    opacity: 1;
    transition: background-color 0.4s ease-in-out 0s;
    ms-transition: background-color 0.4s ease-in-out 0s;
    -moz-transition: background-color 0.4s ease-in-out 0s;
    -webkit-transition: background-color 0.4s ease-in-out 0s;
  }
  .pg-loading-inner {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    position: static;
  }
  .pg-loading-center-outer {
    width: 100%;
    padding: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
  }
  .pg-loading-center-middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-position: bottom;
  }
  .pg-loading-center-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  #loading-spacer {
    min-height: 250px;
  }
  .pg-loading-logo {
    display: inline-block !important;
    vertical-align: middle;
  }
  .pg-loaded {
    transition: opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  }
  .pg-loading-html {
    width: 100%;
    margin-top: 40px;
    font-size: 14px;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
  }
  .pg-loading-quote-contaner {
    padding: 0 24px;
    margin-bottom: 24px;
  }
  .sk-spinner-circle {
    margin: 0px auto 15px;
    width: 22px;
    height: 22px;
    position: relative;
  }
  .pg-loading-screen .pg-loading-logo-header img {
    width: 220px;
  }
  .pg-loading-screen.pg-loading {
    background-color: var(--color-background);
  }
  .pg-spinner-aligner {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 16px;
  }
  .pg-spinner-container {
    width: 50px;
    height: 50px;
    position: relative;
  }
  .dropdown.workspace-picker {
    height: 46px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .dropdown.workspace-picker:not(.hide-workspace-dropdown) {
    padding-right: 22px;
  }
  .dropdown.workspace-picker .workspace-logo {
    height: 19px;
    max-width: 100%;
    object-fit: contain;
  }
  .dropdown.workspace-picker .workspace-dropdown {
    display: flex;
    align-items: center;
  }
  .dropdown.workspace-picker .workspace-name {
    display: inline-block;
    overflow: hidden;
    max-width: 100px;
    max-height: 40px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }
  #search-template {
    width: 100%;
  }
  #search-template .hive-clear-input-text {
    right: 8px;
    top: 5px;
  }
  #search-template .fa-search {
    position: absolute;
    padding-left: 10px;
    color: var(--steel);
    font-weight: bold;
    top: 8px;
  }
  #search-template .search-input {
    padding-left: 30px;
    padding-right: 60px;
  }
  #search-template .btn.search-clear {
    position: absolute;
    right: 0px;
    color: var(--blue113);
    padding-top: 4px;
  }
  #search-template .btn.search-clear:active {
    box-shadow: none;
  }
  .navbar-form {
    padding: 0;
    margin: 0;
    display: flex;
    flex: 1 1 100%;
    position: relative;
  }
  #container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    overflow: hidden;
  }
  #container .app-panel {
    display: flex;
    flex-direction: column;
    background-color: var(--backgroundPrimary);
  }
  #container:after {
    content: var(--viewTypeList) var(--viewTypeStatus) var(--viewTypeTeam) var(--viewTypeLabel) var(--viewTypeCalendar) var(--viewTypeGantt) var(--viewTypeTable);
    @view TypeTimeline;
    visibility: hidden;
    height: 0px;
    width: 0px;
    display: block;
    position: absolute;
  }
  .create-action-icon {
    margin-top: 10px;
    cursor: pointer;
    height: 30px;
    border-radius: 3px;
    background-color: var(--dark-sky-blue);
    margin-right: 10px;
  }
  .create-action-icon .new-action {
    font-size: 11px;
    margin-bottom: 2px;
    margin-top: -1px;
  }
  .create-action-icon:hover {
    background-color: var(--color64);
  }
  .create-action-icon:active {
    background-color: var(--blue135);
  }
  .create-action-icon a {
    padding: 5px 10px !important;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.2px;
    color: var(--white);
  }
  .create-action-button {
    cursor: pointer;
    border-radius: 100%;
    background-color: var(--blue141);
    margin: 11px;
    height: 56px;
    width: 56px;
    box-shadow: 0 2px 4px var(--color103);
  }
  .create-action-button .fa,
  .create-action-button .far,
  .create-action-button .fas,
  .create-action-button .fal {
    margin: 13px calc(50% - 11.5px);
    font-size: 30px;
    color: var(--white);
  }
  #left-panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    height: 100%;
    background-color: var(--white);
    min-width: 208px;
    width: 35.5%;
    border-bottom: 0px;
    box-shadow: 0 3px 9px var(--color66);
    z-index: 101;
    animation: fadein 1s !important;
  }
  #left-panel.ui-resizable {
    min-width: 503px;
  }
  #left-panel.no-box-shadow {
    box-shadow: none;
  }
  #left-panel.collapsed {
    display: none;
  }
  #left-panel .content-scrollable {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow-y: hidden;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 0px;
    width: 25%;
  }
  #center-panel .center-panel-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
  }
  #center-panel .center-panel-container .middle-panel-container {
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
  }
  #center-panel .center-panel-container .middle-panel-container.offset {
    height: calc(100% - 46px);
  }
  #center-panel .center-panel-container .middle-panel-container #middle-panel {
    position: relative;
    height: 100%;
    width: 100%;
    transition: all 0.5s ease;
  }
  #center-panel .center-panel-container .middle-panel-container #middle-panel.shrink-width {
    width: calc(100% - 260px);
  }
  #center-panel .center-panel-container .middle-panel-container #middle-panel.shrink-width.closing-right-panel {
    width: 100%;
  }
  #center-panel .center-panel-container .middle-panel-container #middle-panel.opening-right-panel {
    width: calc(100% - 260px);
  }
  #center-panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 58.05%;
    height: auto;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    height: 100%;
    user-select: none;
  }
  #center-panel:not(.shrink-width) {
    min-width: 690px;
  }
  #center-panel .mail-messages-panel {
    position: absolute;
    z-index: 100;
    height: 100%;
    width: 100%;
    background: var(--newViewBackground);
    visibility: hidden;
    border-top: 1px solid var(--whiteGray52);
  }
  #center-panel .mail-messages-panel .mail-icons-line {
    vertical-align: middle;
    border-right: 1px solid var(--whiteGray174);
    font-size: 26px;
    line-height: 26px;
    height: 26px;
  }
  #center-panel .mail-messages-panel .mail-action-text {
    color: var(--gray202);
    vertical-align: middle;
    text-align: left;
    font-size: 16px;
    line-height: 19px;
    width: 94px;
    margin-left: 19px;
    display: inline-block;
  }
  #center-panel .mail-messages-panel .mail-panel-icons {
    color: var(--gray202);
    margin-right: 19px;
  }
  #center-panel .mail-messages-panel .mail-panel-icons .fa-envelope {
    font-size: 19px;
    line-height: 19px;
    margin-left: 19px;
    top: 2px;
  }
  #center-panel .mail-messages-panel .mail-panel-icons .fa-envelope-open {
    font-size: 19px;
    line-height: 19px;
    margin-left: 19px;
  }
  #center-panel .mail-messages-panel .mail-panel-icons .fa-archive {
    font-size: 20px;
    line-height: 20px;
    top: 1px;
  }
  #center-panel .mail-messages-panel .mail-panel-icons .fa-trash-alt {
    font-size: 19px;
    line-height: 19px;
  }
  #center-panel .mail-messages-panel .mail-panel-icons .fa-arrow-square-right {
    font-size: 20px;
    line-height: 20px;
    top: -1px;
  }
  #center-panel .mail-messages-panel .mail-open-action-icon {
    color: var(--gray202);
    font-size: 17px;
    line-height: 17px;
    margin-left: 10px;
  }
  #center-panel .mail-messages-panel .mail-open-action-icon-v2 {
    color: var(--gray232);
    font-size: 15px;
    line-height: 17px;
    margin-left: 10px;
    cursor: pointer;
  }
  #center-panel .mail-messages-panel .fa-link {
    color: var(--gray202);
    font-size: 16px;
    line-height: 16px;
    margin-right: 12px;
  }
  #center-panel .mail-messages-panel .fa-check-circle:not(.action-checkmark) {
    color: var(--gray202);
    font-size: 17px;
    line-height: 17px;
    top: 1px;
  }
  #center-panel .mail-messages-panel.active {
    visibility: visible;
  }
  #center-panel .mail-messages-panel.has-hive-mail-redux {
    background: var(--newWhiteGrayBackground);
  }
  #right-panel {
    height: auto;
    width: 0;
    overflow: hidden;
    transition: all 0.5s ease;
  }
  #right-panel.extend-width {
    width: 260px;
  }
  #right-panel.extend-width.closing-right-panel {
    width: 0;
  }
  #right-panel.opening-right-panel {
    width: 260px;
  }
  .ui-resizable-handle {
    cursor: ew-resize !important;
  }
  .app-panel {
    display: inline-block;
  }
  .card {
    border-radius: 3px;
    background: var(--white);
  }
  .hide-element {
    display: none !important;
  }
  #collapsed-right-panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 3%;
    height: auto;
    z-index: 0;
    height: 100%;
    background-color: var(--white);
    cursor: pointer;
  }
  #collapsed-right-panel:hover .collapsed-text {
    color: var(--blue141);
  }
  .collapsed-files-text-container {
    transform: rotate(90deg);
    position: absolute;
    transform-origin: center;
    margin: auto;
    width: 100%;
    top: 3rem;
  }
  .collapsed-files-text-container .collapse-files .fa-angle-double-left {
    font-size: 15px;
    margin-top: 4px;
    margin-left: 0;
    transform: rotate(-90deg);
  }
  .collapsed-files-text-container .icon-button {
    top: 0px;
    position: relative;
  }
  .collapsed-files-text-container .collapsed-text.hv-strong {
    transition: 0.3s ease color;
    color: var(--tabbed-grey);
    display: inline-block;
    position: absolute;
    font-size: 16px;
    left: 48px;
    width: 5em;
    top: 2px;
  }
  .page-title {
    margin: 24px 16px 0 32px;
    font-size: 20px;
    font-weight: 600;
    color: var(--gray232);
  }
  .focus-mode-open .intercom-lightweight-app {
    display: none;
  }
  .focus-mode-open .hv-modal .modal-dialog {
    box-shadow: 2px 2px 20px var(--color47);
  }
  #react-root {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
  }
  #react-dock {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  #mounter-react-root {
    position: absolute;
    top: 0;
    width: 100%;
  }
  #notes-panel-root {
    height: 100%;
    width: 100%;
    background-color: var(--white);
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--whiteGray52);
    overflow: hidden;
  }
  #notes-panel-root #notes-panel {
    min-height: 0;
    height: 100%;
  }
  #notes-panel-root .notes-page-container {
    max-width: 100%;
  }
  .action-history-panel-container {
    display: flex;
    flex-basis: 100%;
    min-height: 0;
  }
  .action-history-toggle {
    font-size: 26px;
  }
  .notes-button-container,
  .action-history-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 102px;
    height: 43px;
    color: var(--gray203);
    cursor: pointer;
    border: 1px solid var(--gray4);
    background-color: var(--newWhiteGrayBackground);
    border-radius: 4px 0 0 0;
    flex-shrink: 0;
  }
  .notes-button-container:hover,
  .action-history-toggle:hover {
    background-color: var(--white159);
  }
  .notes-button-container {
    width: 94px;
    min-width: 94px;
    max-width: 94px;
    padding-right: 10px;
    z-index: 1040;
    right: 15px;
    bottom: 0;
    position: absolute;
    display: flex;
    align-items: center;
    font-size: 22px;
  }
  .notes-button-container .notes-launcher-icon {
    margin-right: 8px;
  }
  .notes-button-container .notes-launcher-text {
    font-size: 15px;
    margin: 0;
  }
  .minimized-actions-container {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: row;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 101;
    max-width: calc(100% - 15px);
    background: transparent;
    border: none;
  }
  .minimized-actions-container .minimized-action {
    cursor: pointer;
    position: relative;
    padding: 10px;
    background-color: var(--white);
    display: flex;
    justify-content: center;
    border: solid 1px var(--gray4);
    min-width: 50px;
    max-width: 150px;
    height: 43px;
    min-height: 43px;
    max-height: 43px;
    border-radius: 4px;
  }
  .minimized-actions-container .minimized-action .remove {
    font-size: 16px;
    position: absolute;
    right: 5px;
    visibility: hidden;
    align-self: center;
    background-color: var(--white159);
    color: var(--gray196);
  }
  .minimized-actions-container .minimized-action .minimized-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 15px;
  }
  .minimized-actions-container .minimized-action:hover {
    background-color: var(--white159);
  }
  .minimized-actions-container .minimized-action:hover .remove {
    visibility: visible;
  }
  .minimized-actions-container .minimized-action:hover .remove:hover {
    color: var(--black);
  }
  .minimized-actions-tray {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 0;
  }
  .top-banner {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    height: 31px;
    overflow: hidden;
  }
  .access-tokens-revoked-banner {
    position: absolute;
    top: 0;
    z-index: 10000;
    width: 100%;
    cursor: pointer;
    background-color: var(--intercom-red);
    padding: 5px 20px;
    font-weight: 700;
    color: var(--white);
  }
  .access-tokens-revoked-banner .access-tokens-revoked-banner-dismiss {
    margin-top: 1px;
    font-size: 120%;
  }
  .notification-permission {
    cursor: pointer;
    background-color: var(--orange);
    padding: 5px 20px;
    font-weight: 700;
    color: var(--white);
  }
  .notification-permission .notification-permission-dismiss {
    margin-top: 1px;
    font-size: 120%;
  }
  .notification-permission-confirm {
    background-color: var(--green102);
    padding: 5px 20px;
    font-weight: 700;
    color: var(--white);
  }
  .notification-permission-confirm span {
    margin-right: 20px;
  }
  .notification-permission-confirm a {
    margin-right: 10px;
    color: var(--white);
    text-decoration: underline !important;
    cursor: pointer;
  }
  .notification-permission-confirm .notification-permission-dismiss {
    margin-top: 1px;
    font-size: 120%;
    cursor: pointer;
  }
  .notification-permission-confirm.warning,
  .notification-permission-confirm.danger {
    background-color: var(--orange);
  }
  .notification-permission-confirm.warning.danger,
  .notification-permission-confirm.danger.danger {
    background-color: var(--intercom-red);
  }
  .notification-permission-confirm.warning a,
  .notification-permission-confirm.danger a {
    margin-right: 0px;
  }
  .Canny_BadgeContainer .Canny_Badge {
    background-color: var(--orange);
    border: none;
    padding: 4px;
  }
  .share-dashboard-date-picker .DayPicker_transitionContainer {
    border: none !important;
  }
  .share-dashboard-date-picker .CalendarMonth_caption {
    font-size: 15px;
  }
  .additional-user-details {
    z-index: 1051;
    position: absolute;
    background-color: var(--white);
    box-shadow: var(--color70) 0px 3px 10px, var(--color71) 0px 3px 10px;
  }
  .group-tab-container .group-tab {
    position: relative;
    width: 100%;
    border: 1px solid transparent;
    cursor: default;
    padding: 2px 0 2px 5px;
    min-height: 30px;
    display: flex;
    align-items: center;
  }
  .group-tab-container .group-tab.unread {
    color: var(--white);
  }
  .group-tab-container .group-tab .loader {
    text-align: center;
    margin-left: 5px;
  }
  .group-tab-container .group-tab .loader span {
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    background: var(--dark-orange);
    border-radius: 5px;
    animation: loader 0.8s infinite alternate;
  }
  .group-tab-container .group-tab .loader span:nth-of-type(2) {
    animation-delay: 0.2s;
  }
  .group-tab-container .group-tab .loader span:nth-of-type(3) {
    animation-delay: 0.6s;
  }
  @keyframes loader {
    0% {
      opacity: 0.9;
      transform: scale(0.7);
    }
    100% {
      opacity: 0.4;
      transform: scale(1);
    }
  }
  .group-tab-container .group-tab.not-touch-device:hover {
    cursor: pointer;
  }
  .group-tab-container .group-tab.dragover {
    background-color: var(--dark-sky-blue) !important;
    color: var(--white) !important;
  }
  .group-tab-container .group-tab.invite-user {
    width: 100%;
    padding-left: 20px;
  }
  .group-tab-container .group-tab .badge-group {
    position: absolute;
    display: flex;
    height: 100%;
    top: 0;
    left: 4px;
    align-items: center;
  }
  .group-tab-container.active {
    background-color: var(--dark-sky-blue);
    color: var(--white);
    z-index: 100;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .group-tab-container.active:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1000;
  }
  .group-tab-container.active .badge-group .unread-circle,
  .group-tab-container.active .badge-user:before {
    border: 2px solid transparent;
  }
  .group-tab-container.active .group-tab {
    color: var(--white);
  }
  .group-tab-container.active .group-tab .make-strong {
    color: var(--white);
  }
  .unread-circle {
    border: 2px solid var(--white);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--dark-orange);
    transition: 0.4s ease all;
  }
  .group-thumb {
    display: inline-block;
    position: relative;
    height: 30px;
    width: 30px;
    flex: 0 0 30px;
    border-radius: 2px;
  }
  .group-thumb .online-indicator {
    width: 8px;
    height: 8px;
    position: absolute;
    border-radius: 4px;
    top: -3px;
    right: -3px;
  }
  .group-thumb.person-online {
    box-shadow: 0px 0px 0px 1.5px var(--person-online-green);
  }
  .group-thumb.person-online .online-indicator {
    background: var(--person-online-green);
  }
  .group-thumb.person-away {
    box-shadow: 0px 0px 0px 1.5px var(--hive-orange);
  }
  .group-thumb.person-away .online-indicator {
    background: var(--hive-orange);
  }
  .make-strong {
    font-weight: bold;
  }
  .type-dm {
    padding-left: 10px;
    padding-right: 10px;
  }
  .type-dm.unread .group-thumb,
  .type-dm.typing .group-thumb {
    margin-left: 30px;
    transition: 0.4s ease all;
  }
  .type-dm .unread-icon {
    padding-left: 10px;
  }
  .hide-thumbnails .type-dm .group-text.unread,
  .hide-thumbnails .type-dm .group-text.typing {
    margin-left: 20px;
    transition: 0.4s ease all;
  }
  .type-dm .group-text {
    min-height: 16px;
  }
  .type-group .group-text {
    padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    justify-content: center;
    flex-direction: column;
    display: flex;
    transition: none;
  }
  .type-group .group-text.unread,
  .type-group .group-text.typing {
    transition: none;
  }
  .unread-icon {
    font-size: 14px;
    padding-left: 10px;
    color: var(--dark-orange);
    margin-bottom: 5px;
    opacity: 1;
    transition: opacity 0.4s ease-in-out;
  }
  .group-text {
    display: inline-block;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    vertical-align: middle;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 120%;
    width: 100%;
    padding-left: 3px;
  }
  .group-text.dm-many {
    white-space: nowrap;
  }
  .group-text .user-name {
    max-width: 100%;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    text-overflow: ellipsis;
  }
  .group-text .user-name.user-name-with-emoji {
    white-space: nowrap;
    max-width: 85%;
  }
  .group-text .user-status-emoji {
    position: absolute;
    color: var(--whiteGray175);
    top: 35%;
    right: 10px;
    vertical-align: middle;
  }
  .group-text.unread {
    font-weight: 800;
  }
  .zap {
    background: var(--white);
    border-radius: 3px;
    border: 1px solid var(--white164);
    margin-bottom: 1em;
    padding: 1em;
  }
  .zap-inner-container {
    display: table;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    table-layout: fixed;
    width: 100%;
  }
  .zap-services {
    background-color: transparent;
    display: table-cell;
    vertical-align: middle;
    width: 165px;
  }
  .zap-service {
    border: 1px solid var(--color-rare);
    background-color: var(--whiteGray34);
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px 26px;
  }
  .zap-description {
    color: var(--grayBlue130);
    display: table-cell;
    font-size: 0.95em;
    font-weight: 400;
    padding: 0;
    vertical-align: middle;
  }
  .zap-cta {
    padding: 0;
    margin: 0;
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 25%;
  }
  .zap-arrow {
    background-color: transparent;
    padding: 0;
    border: 0;
    outline: 0;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAWCAYAAADNX8xBAAAAAXNSR0IArs4c6QAAAY9JREFUOBGtlLFOAkEQQGcWFOiF2EgirdoAjYXxTwQhxkTgB0ATEkAL7UQIUQjwJ1aiARq0hQQaIz8A5rxx5+SiudwFDpzmsjs7b9/N7S2CjOty2ede9xyIifqSSMRGPGc38KZS2fCsuXsIuEkECgBdjUeDfDab/bQDEy6n65AhXIQITkS88PoD7WKlFrQFEgBuYwEC7KHT+VyqNXPSbN2YNxtLjnmwncycs13pvh4yX/U7awnSl7AdCdG6e6hz3yzt5oIYqPVOiIxvK9CxslsIpNsBwi7blaqNgtHOHmhmJxXTXv9297baDOub2AbphfLI7DgQWsVqI81zS4NmQIdALEjY/qogXXBloy+VKJOMR5740C0VBPSmEkZT8UibAbZfTfuxiS7Hw0EwFT/SIAyyZ0TwiqoaPTuJdrj4byxkxBakqoWPUT9kBmHgXCMC6EmLYyuAbmVp9HPJQX487IfnQTQjFWDi0LGzJ1uQokQTp7GuIWU5FFNl+ig/5Tuv0HpBlGOLpA0I18rr5n8u/2/uq5OzBzN/YwAAAABJRU5ErkJggg==");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 7px 9px;
    display: inline-block;
    height: 9px;
    margin: 0 7px;
    vertical-align: middle;
    width: 7px;
  }
  .title {
    font-weight: bold;
  }
  progress[value].hv-prog {
    /* Reset the default appearance */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    vertical-align: middle;
    width: 150px;
    height: 20px;
    cursor: pointer;
  }
  progress[value].hv-prog::-webkit-progress-bar {
    background-color: var(--whiteGray175);
    border-radius: 2px;
    box-shadow: 0 2px 5px var(--color73) inset;
  }
  progress[value].hv-prog::-webkit-progress-value {
    background-color: var(--mediumOrange);
  }
  .progress-text {
    position: absolute;
    bottom: 15px;
    left: 0;
    cursor: pointer;
    width: 100%;
    text-align: center;
  }
  #onboarding-list-dropdown {
    font-weight: 400;
    line-height: 10px;
    width: 340px;
    z-index: 999;
    position: absolute;
    bottom: 0;
    left: 50%;
  }
  #onboarding-list-dropdown .dropdown-menu {
    box-shadow: none;
    border: none;
    padding: 0;
    margin: 0;
    min-width: 360px;
  }
  #onboarding-list-dropdown #firstVisit {
    box-shadow: 0 2px 4px 0 var(--color62);
  }
  #onboarding-list-dropdown .dropdown-menu {
    box-shadow: 0 2px 4px 0 var(--color62);
  }
  #onboarding-list-dropdown #onboardingList {
    display: block;
    top: 36px;
    min-width: 360px;
  }
  #onboarding-list-dropdown #onboardingList:before {
    border-color: transparent transparent var(--white) transparent;
    transition: 200ms all ease;
    transition-delay: 200ms;
    transform: translate3d(0, 0, 0);
  }
  #onboarding-list-dropdown #onboardingList .ob-list {
    max-height: 85vh;
    width: 100%;
    overflow-y: auto;
  }
  #onboarding-list-dropdown::selection {
    background: transparent;
  }
  #onboarding-list-dropdown::-moz-selection {
    background: transparent;
  }
  #onboarding-list-dropdown #onboardingList {
    position: absolute;
  }
  #onboarding-list-dropdown #onboardingList:before {
    border-color: transparent;
    transition: 200ms all ease;
    transition-delay: 400ms;
    transform: translate3d(0, 100%, 0);
  }
  #onboarding-list-dropdown #onboardingList.open {
    display: block;
    min-width: 360px;
  }
  .ob-list-info {
    padding: 7px 8px;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: var(--hive-orange);
    border-radius: 6px;
    color: var(--brown100);
  }
  .ob-list-info .ob-list-main-info-items {
    width: 100%;
  }
  .ob-list-info .ob-list-main-info-items span {
    color: var(--white);
    font-size: 13px;
    font-weight: bold;
  }
  .ob-list-info .ob-list-main-info-items .ob-percent-total-bar {
    width: 100%;
    background-color: var(--yellowBrown56);
    border-radius: 10px;
    height: 6px;
    margin-bottom: 8px;
    overflow: hidden;
  }
  .ob-list-info .ob-list-main-info-items .ob-items-completed-label {
    float: left;
  }
  .ob-list-info .ob-list-main-info-items .ob-percent-completed-label {
    float: right;
    margin-left: 5px;
  }
  .ob-list-info .ob-list-main-info-items .ob-percent-complete-bar {
    background: var(--white);
    border-radius: 10px;
    height: 100%;
    transition: width 2500ms ease 2000ms;
  }
  .ob-list-info .ob-hide-mastery {
    font-size: 20px;
    font-weight: bold;
    color: var(--white);
    flex-shrink: 0;
    padding-left: 5%;
    padding-top: 3%;
  }
  .ob-list {
    background-color: transparent;
    border: 0;
    display: block;
    margin: 0;
    padding: 0;
    transition: max-height 400ms ease;
    transition-delay: 100ms;
    width: 512px;
    box-shadow: 0 0 15px var(--boxShadow);
    max-height: 85vh;
    overflow-y: auto;
  }
  .ob-list .incentive {
    box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.15);
    position: absolute;
    bottom: 0;
    list-style: none;
    background: var(--white);
  }
  .ob-item {
    background-color: var(--backgroundPrimary);
    border-bottom: 2px solid var(--gray567);
    color: var(--gray218);
    display: table;
    width: 100%;
  }
  .ob-item:first-of-type .show-hint {
    border-top: 2px solid var(--lightGray);
  }
  .ob-item:last-of-type {
    border: none;
  }
  .ob-item:last-of-type .ob-item-hint {
    border-bottom: 2px solid var(--lightGray);
  }
  .ob-item .ob-item-drawer {
    background-color: var(--whiteGray35);
    font-size: 12px;
    line-height: 1rem;
    padding: 0 2rem 1rem 5rem;
  }
  .ob-hide-button {
    cursor: pointer;
    margin: 0;
    padding: 0.5rem 2rem;
    background-color: var(--yellowBrown56);
  }
  .ob-hide-button:hover {
    font-weight: 600;
  }
  .ob-item-info {
    cursor: pointer;
    display: block;
    margin: 0;
  }
  .ob-item-info .ob-item-title {
    color: var(--gray218);
    display: table-cell;
    font-weight: 400;
    font-size: 14px;
    vertical-align: middle;
  }
  .ob-item-info .ob-item-title:hover {
    font-weight: 600;
  }
  .ob-item-info .ob-check-mark-container {
    cursor: default;
  }
  .ob-item-info.show-hint {
    background-color: var(--whiteGray35);
  }
  .ob-item-info.show-hint:only-child {
    padding-bottom: 1rem;
  }
  .ob-item-info.show-hint .ob-item-title {
    font-weight: 600;
  }
  .ob-item-info.show-hint ~ .ob-item-hint {
    display: block;
  }
  .ob-item-info.show-hint ~ .ob-item-hint:before {
    color: var(--tabbed-grey);
    content: 'Hint: ';
    display: inline-block;
    font-weight: bold;
    margin-right: 0.25rem;
    text-transform: uppercase;
  }
  .ob-check-mark-container {
    cursor: default;
    display: table-cell;
    vertical-align: middle;
    width: 2rem;
  }
  .ob-check-mark-container .ob-check-mark {
    background-color: transparent;
    border-radius: 50%;
    border: 0.4rem solid var(--lightGray);
    color: var(--transparent);
    height: 1.2rem;
    margin-right: 0.8rem;
    padding: 0.15rem;
    text-align: center;
    width: 1.2rem;
    vertical-align: inherit;
  }
  .ob-check-mark-container .ob-check-mark.ob-check-mark-checked {
    background-color: green;
    border: 0;
    color: var(--white);
    font-size: 1rem;
    min-width: 20px;
    padding: 0.3rem;
    animation: animateCheckMark 500ms;
  }
  .ob-item-complete .show-hint {
    background-color: var(--light-orange);
    display: block;
  }
  .ob-item-complete .show-hint ~ .ob-item-completed-text {
    background-color: var(--light-orange);
    display: block;
  }
  .ob-item-complete .ob-item-completed-text {
    cursor: pointer;
    padding: 0 2rem 1rem 4.5rem;
  }
  .ob-item-complete .ob-check-mark {
    background-color: var(--green105);
    border: 0;
    color: var(--backgroundPrimary);
    font-size: 1rem;
    min-width: 20px;
  }
  .ob-item-complete .ob-item-hint {
    background-color: var(--light-orange);
  }
  .ob-complete {
    padding: 1.5rem 2rem;
    border-top: 2px solid var(--lightGray);
    margin-top: -2px;
  }
  .ob-complete .ob-complete-text {
    margin-bottom: 0.5rem;
  }
  .ob-complete .ob-hide-panel {
    background-color: transparent;
    cursor: pointer;
  }
  .ob-complete .ob-hide-panel:hover {
    background-color: transparent;
  }
  @keyframes animateCheckMark {
    0% {
      transform: scale(1);
      background-color: transparent;
      border: 0.4rem solid var(--lightGray);
      color: var(--transparent);
    }
    30% {
      transform: scale(1);
    }
    33% {
      background-color: transparent;
      transform: scale(0);
    }
    66% {
      color: var(--transparent);
      transform: scale(1.5);
    }
    100% {
      color: var(--white);
      transform: scale(1);
    }
  }
  #hiveMasteryNotificationsList {
    position: absolute;
    bottom: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  #milestoneCompleteModal .modal-dialog.stash {
    transform: scale(0.001);
    transition: 0.4s transform linear;
  }
  #firstVisit {
    transition: 0.4s transform linear;
  }
  #firstVisit span.tada {
    width: 25px;
    height: 25px;
    display: inline-block;
    background-image: url('https://unpkg.com/emoji-datasource-apple@4.0.4/img/apple/sheets-256/32.png');
    background-size: 5200%;
    background-position: 15.68627451% 54.90196078%;
  }
  .hide-mastery-bootbox .modal-content {
    padding: 20px;
    position: absolute;
    top: 20px;
    right: 75%;
    border-radius: 2px !important;
    min-width: 270px;
  }
  .hide-mastery-bootbox .modal-dialog {
    box-shadow: 1px 1px 2px var(--dark257);
    max-width: 270px;
  }
  .hide-mastery-bootbox .modal-header {
    border-bottom: 0;
    margin-bottom: 0;
  }
  .hide-mastery-bootbox .modal-header .bootbox-close-button {
    font-size: 28px;
  }
  .hide-mastery-bootbox .modal-title {
    text-align: left;
    text-transform: none;
    font-weight: 600;
    letter-spacing: initial;
    font-size: 16px;
  }
  .hide-mastery-bootbox .btn.btn-default {
    background-color: var(--blue144) !important;
    color: var(--white) !important;
    font-weight: 600;
    position: relative;
    left: 45px;
  }
  .hide-mastery-bootbox .btn.btn-primary {
    background-color: var(--white) !important;
    color: var(--gray224) !important;
    position: relative;
    right: 45px;
  }
  .hide-mastery-bootbox .btn.btn-primary:hover {
    color: var(--hive-blue) !important;
  }
  .ob-notifications-list {
    overflow-y: unset;
    box-shadow: unset;
  }
  .friendly-warning {
    display: flex;
    margin-top: 5px;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.1px;
    color: var(--red72);
  }
  .friendly-warning .fa,
  .friendly-warning .far,
  .friendly-warning .fas,
  .friendly-warning .fal {
    font-size: 16px;
    margin-right: 5px;
  }
  .label-modal__dialog {
    height: 90%;
    overflow-y: hidden;
  }
  .label-manager-caption {
    margin: 10px 0 5px 10px;
  }
  .label-manager {
    -webkit-overflow-scrolling: touch;
    height: 100%;
  }
  .label-manager .label-manager--color {
    width: 14%;
  }
  .label-manager .label-manager--color .fa,
  .label-manager .label-manager--color .far,
  .label-manager .label-manager--color .fas,
  .label-manager .label-manager--color .fal {
    transform: rotate(0deg);
    font-size: 16px;
  }
  .label-manager .label-manager--name {
    width: 55%;
    outline: none;
    padding: 0px 10px;
    margin-right: 75px;
  }
  .label-manager .label-manager--name.is-child {
    padding-left: 20px;
  }
  .label-manager .label-manager--parent {
    width: 30%;
    min-width: 30%;
  }
  .label-manager .label-manager--parent .dropdown {
    width: 100%;
  }
  .label-manager .label-manager--trash {
    width: 6%;
    justify-content: flex-end;
  }
  .label-manager .label-manager--trash .fa,
  .label-manager .label-manager--trash .far,
  .label-manager .label-manager--trash .fas,
  .label-manager .label-manager--trash .fal {
    opacity: 0;
    transition: 0.4s ease opacity;
    color: var(--color-modal-link);
    font-size: 16px;
  }
  .label-manager .label-manager--trash .fa:hover,
  .label-manager .label-manager--trash .far:hover,
  .label-manager .label-manager--trash .fas:hover,
  .label-manager .label-manager--trash .fal:hover {
    cursor: pointer;
  }
  .label-manager .label-manager--trash .fa:hover.disabled,
  .label-manager .label-manager--trash .far:hover.disabled,
  .label-manager .label-manager--trash .fas:hover.disabled,
  .label-manager .label-manager--trash .fal:hover.disabled {
    opacity: 0.7;
    cursor: not-allowed;
  }
  .label-manager .list {
    position: relative;
  }
  .label-manager .list .spinner-container {
    height: 150px;
  }
  .label-manager .list .list__row {
    display: flex;
    padding: 5px 10px;
    transition: 0.4s ease background-color;
  }
  .label-manager .list .list__row .list__item {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
  }
  .label-manager .list .list__row:hover {
    background-color: var(--whiteGray33);
    transition: 0.4s ease background-color;
  }
  .label-manager .list .list__row:hover .label-manager--trash .fa,
  .label-manager .list .list__row:hover .label-manager--trash .far,
  .label-manager .list .list__row:hover .label-manager--trash .fas,
  .label-manager .list .list__row:hover .label-manager--trash .fal {
    opacity: 1;
  }
  .label-manager .list .list_row--header {
    display: flex;
    padding: 5px 10px;
    color: var(--color-modal-header);
    margin-top: 10px;
    margin-bottom: 7px;
  }
  .label-manager .list .list_row--header .list__item {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
  }
  .label-manager .list .list_row--header .list__item {
    font-weight: 600;
  }
  .label-modal {
    z-index: 10003!important;
  }
  .label-modal .modal-dialog {
    max-width: 450px;
  }
  .label-modal .modal-dialog .modal-content {
    padding: 0px 0px 20px 0px;
  }
  .label-modal .modal-dialog .modal-content .modal-header .close {
    color: var(--dark256);
    opacity: 0.5;
    text-shadow: unset;
  }
  .label-modal .modal-dialog .modal-content .modal-header .close:hover,
  .label-modal .modal-dialog .modal-content .modal-header .close:focus {
    opacity: 1;
  }
  .project-navigation {
    background-color: var(--newViewBackground);
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 7;
    width: 100%;
    height: calc(100% - 40px);
    top: 40px;
  }
  .project-navigation.without-top-offset {
    top: 0;
    height: 100%;
  }
  .project-navigation .not-allowed {
    cursor: not-allowed;
  }
  .project-navigation .transparent {
    opacity: 0;
  }
  .project-navigation .navigator-header {
    background-color: var(--backgroundPrimary);
    padding: 0 16px 0 32px;
    position: relative;
    border-bottom: 1px solid var(--borderPrimary);
    flex-shrink: 0;
  }
  .project-navigation .navigator-header .nav-title {
    margin: 20px 0 10px;
    font-size: 20px;
    font-weight: 600;
  }
  .project-navigation .navigator-header .navigator-nav {
    position: relative;
    list-style: none;
    padding: 0 !important;
    margin: 0 0 10px !important;
  }
  .project-navigation .navigator-header .navigator-nav > li {
    margin-top: 10px;
    display: inline-block;
    text-transform: uppercase;
  }
  .project-navigation .navigator-header .navigator-nav > li > a {
    display: block;
  }
  .project-navigation .project-filters {
    z-index: 1;
    padding: 16px 16px 8px 32px;
    min-height: 60px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
  }
  .project-navigation .project-filters .buttons-wrapper {
    display: flex;
    flex-direction: row;
  }
  .project-navigation .project-filters .new-project-btn,
  .project-navigation .project-filters .new-project-template-btn,
  .project-navigation .project-filters .new-view-btn,
  .project-navigation .project-filters .add-users-btn,
  .project-navigation .project-filters .generate-portfolio-report,
  .project-navigation .project-filters .generate-hotsheet {
    display: inline-block;
    background-color: var(--hive-blue);
    color: var(--staticWhite);
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 3px;
    margin: 5px 20px 20px 0;
  }
  .project-navigation .project-filters .new-project-btn a,
  .project-navigation .project-filters .new-project-template-btn a,
  .project-navigation .project-filters .new-view-btn a,
  .project-navigation .project-filters .add-users-btn a,
  .project-navigation .project-filters .generate-portfolio-report a,
  .project-navigation .project-filters .generate-hotsheet a {
    color: var(--staticWhite);
  }
  .project-navigation .project-filters .new-project-btn a:hover,
  .project-navigation .project-filters .new-project-template-btn a:hover,
  .project-navigation .project-filters .new-view-btn a:hover,
  .project-navigation .project-filters .add-users-btn a:hover,
  .project-navigation .project-filters .generate-portfolio-report a:hover,
  .project-navigation .project-filters .generate-hotsheet a:hover {
    color: var(--staticWhite);
  }
  .project-navigation .project-filters .new-project-btn:hover,
  .project-navigation .project-filters .new-project-template-btn:hover,
  .project-navigation .project-filters .new-view-btn:hover,
  .project-navigation .project-filters .add-users-btn:hover,
  .project-navigation .project-filters .generate-portfolio-report:hover,
  .project-navigation .project-filters .generate-hotsheet:hover {
    cursor: pointer;
  }
  .project-navigation .project-filters .search-container {
    display: flex;
    justify-content: space-between;
    flex-shrink: 0;
    width: 100%;
  }
  .project-navigation .project-filters .search-container .search-input-wrap {
    position: relative;
  }
  .project-navigation .project-filters .search-container .search-input-wrap .fa-search {
    position: absolute;
    left: 10px;
    top: 7px;
    z-index: 1;
    color: var(--defaultIconColor);
  }
  .project-navigation .project-filters .search-container .search-input-wrap .small-width {
    display: none;
  }
  .project-navigation .project-filters .project-input {
    border: 1px solid var(--project-border);
    border-radius: 2px;
    background-color: var(--newWhiteGrayBackground);
    padding: 3px 5px;
    height: 30px;
  }
  .project-navigation .project-filters .project-input .fa-search {
    color: var(--hive-blue);
    margin: 0 5px;
  }
  .project-navigation .project-filters .project-input input {
    width: 100%;
    border: none;
    outline: none;
  }
  .project-navigation .project-filters .project-input.project-search-input {
    position: relative;
    height: 28px;
    padding: 0 15px 0 30px;
    width: 220px;
  }
  .project-navigation .project-filters .project-input.project-search-input:hover {
    border-color: var(--inputBorderPrimaryHover);
  }
  .project-navigation .project-filters .project-input.project-search-input:focus {
    border-color: var(--hive-blue);
  }
  .project-navigation .project-filters .project-input::placeholder {
    font-weight: 400;
    font-family: inherit;
    color: var(--inputPlaceholder);
  }
  .project-navigation .project-filters .project-dropdown {
    border: 1px solid var(--project-border) !important;
    border-radius: 2px;
    background-color: var(--newWhiteGrayBackground);
    width: 180px;
  }
  .project-navigation .empty-list-wrapper {
    height: calc(100% - 20px);
    display: flex;
    justify-content: center;
    background: var(--newWhiteGrayBackground);
    margin-top: 10px;
  }
  .project-navigation .last-item-observer-row td {
    border-bottom: none;
  }
  .action-view-picker .project-navigation-toggle,
  .time-tracking-page-toggle,
  .timesheets-page-toggle,
  .resourcing-page-toggle,
  .portfolio-summary-page-toggle {
    left: 0;
    top: 0;
  }
  .action-view-picker .project-navigation-toggle.agent-disabled:hover,
  .time-tracking-page-toggle.agent-disabled:hover,
  .timesheets-page-toggle.agent-disabled:hover,
  .resourcing-page-toggle.agent-disabled:hover,
  .portfolio-summary-page-toggle.agent-disabled:hover {
    cursor: not-allowed;
  }
  .home-page-toggle {
    left: 0;
    top: 0;
  }
  .home-page-toggle,
  .action-view-picker .project-navigation-toggle,
  .time-tracking-page-toggle,
  .timesheets-page-toggle,
  .resourcing-page-toggle,
  .portfolio-summary-page-toggle,
  .approvals-reporting-toggle {
    color: var(--grayBlue127);
    background-color: var(--white);
    width: 50px;
    text-align: center;
    font-size: 1.3em;
    border-right: 1px solid var(--whiteGray52);
    border-bottom: 1px solid var(--whiteGray52);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-width: 50px;
  }
  .home-page-toggle.active-toggle,
  .action-view-picker .project-navigation-toggle.active-toggle,
  .time-tracking-page-toggle.active-toggle,
  .timesheets-page-toggle.active-toggle,
  .resourcing-page-toggle.active-toggle,
  .portfolio-summary-page-toggle.active-toggle,
  .approvals-reporting-toggle.active-toggle,
  .home-page-toggle.selected,
  .action-view-picker .project-navigation-toggle.selected,
  .time-tracking-page-toggle.selected,
  .timesheets-page-toggle.selected,
  .resourcing-page-toggle.selected,
  .portfolio-summary-page-toggle.selected,
  .approvals-reporting-toggle.selected,
  .home-page-toggle:hover,
  .action-view-picker .project-navigation-toggle:hover,
  .time-tracking-page-toggle:hover,
  .timesheets-page-toggle:hover,
  .resourcing-page-toggle:hover,
  .portfolio-summary-page-toggle:hover,
  .approvals-reporting-toggle:hover {
    cursor: pointer;
    color: var(--white);
    background-color: var(--hive-blue);
    border-top-color: var(--hive-blue);
  }
  .home-page-toggle.active-toggle .approvals-reporting-icon,
  .action-view-picker .project-navigation-toggle.active-toggle .approvals-reporting-icon,
  .time-tracking-page-toggle.active-toggle .approvals-reporting-icon,
  .timesheets-page-toggle.active-toggle .approvals-reporting-icon,
  .resourcing-page-toggle.active-toggle .approvals-reporting-icon,
  .portfolio-summary-page-toggle.active-toggle .approvals-reporting-icon,
  .approvals-reporting-toggle.active-toggle .approvals-reporting-icon,
  .home-page-toggle.selected .approvals-reporting-icon,
  .action-view-picker .project-navigation-toggle.selected .approvals-reporting-icon,
  .time-tracking-page-toggle.selected .approvals-reporting-icon,
  .timesheets-page-toggle.selected .approvals-reporting-icon,
  .resourcing-page-toggle.selected .approvals-reporting-icon,
  .portfolio-summary-page-toggle.selected .approvals-reporting-icon,
  .approvals-reporting-toggle.selected .approvals-reporting-icon,
  .home-page-toggle:hover .approvals-reporting-icon,
  .action-view-picker .project-navigation-toggle:hover .approvals-reporting-icon,
  .time-tracking-page-toggle:hover .approvals-reporting-icon,
  .timesheets-page-toggle:hover .approvals-reporting-icon,
  .resourcing-page-toggle:hover .approvals-reporting-icon,
  .portfolio-summary-page-toggle:hover .approvals-reporting-icon,
  .approvals-reporting-toggle:hover .approvals-reporting-icon {
    fill-opacity: 0;
  }
  .home-page-toggle.active-toggle .approvals-reporting-icon path,
  .action-view-picker .project-navigation-toggle.active-toggle .approvals-reporting-icon path,
  .time-tracking-page-toggle.active-toggle .approvals-reporting-icon path,
  .timesheets-page-toggle.active-toggle .approvals-reporting-icon path,
  .resourcing-page-toggle.active-toggle .approvals-reporting-icon path,
  .portfolio-summary-page-toggle.active-toggle .approvals-reporting-icon path,
  .approvals-reporting-toggle.active-toggle .approvals-reporting-icon path,
  .home-page-toggle.selected .approvals-reporting-icon path,
  .action-view-picker .project-navigation-toggle.selected .approvals-reporting-icon path,
  .time-tracking-page-toggle.selected .approvals-reporting-icon path,
  .timesheets-page-toggle.selected .approvals-reporting-icon path,
  .resourcing-page-toggle.selected .approvals-reporting-icon path,
  .portfolio-summary-page-toggle.selected .approvals-reporting-icon path,
  .approvals-reporting-toggle.selected .approvals-reporting-icon path,
  .home-page-toggle:hover .approvals-reporting-icon path,
  .action-view-picker .project-navigation-toggle:hover .approvals-reporting-icon path,
  .time-tracking-page-toggle:hover .approvals-reporting-icon path,
  .timesheets-page-toggle:hover .approvals-reporting-icon path,
  .resourcing-page-toggle:hover .approvals-reporting-icon path,
  .portfolio-summary-page-toggle:hover .approvals-reporting-icon path,
  .approvals-reporting-toggle:hover .approvals-reporting-icon path {
    fill-opacity: 0;
    stroke: var(--white);
  }
  .home-page-toggle .toggle-icon,
  .action-view-picker .project-navigation-toggle .toggle-icon,
  .time-tracking-page-toggle .toggle-icon,
  .timesheets-page-toggle .toggle-icon,
  .resourcing-page-toggle .toggle-icon,
  .portfolio-summary-page-toggle .toggle-icon,
  .approvals-reporting-toggle .toggle-icon {
    vertical-align: middle;
    width: 100%;
  }
  .home-page-toggle .fa-home,
  .action-view-picker .project-navigation-toggle .fa-home,
  .time-tracking-page-toggle .fa-home,
  .timesheets-page-toggle .fa-home,
  .resourcing-page-toggle .fa-home,
  .portfolio-summary-page-toggle .fa-home,
  .approvals-reporting-toggle .fa-home {
    font-size: 1.25em;
  }
  .action-view-picker .project-navigation-toggle {
    color: var(--hive-blue);
    position: relative;
  }
  #projectNavigator .pulse {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--mediumOrange59);
    cursor: pointer;
    box-shadow: 0 0 0 var(--mediumOrange59);
    animation: pulse 2s infinite;
  }
  #projectNavigator .pulse:hover {
    animation: none;
  }
  @keyframes pulse {
    0% {
      -moz-box-shadow: 0 0 0 0 var(--mediumOrange59);
      box-shadow: 0 0 0 0 var(--mediumOrange59);
    }
    70% {
      -moz-box-shadow: 0 0 0 10px var(--color105);
      box-shadow: 0 0 0 10px var(--color105);
    }
    100% {
      -moz-box-shadow: 0 0 0 0 var(--color105);
      box-shadow: 0 0 0 0 var(--color105);
    }
  }
  .backgroundTransparentBlack {
    background-color: transparent;
    color: var(--steel);
    font-weight: 600;
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 10px;
  }
  li.active > .backgroundTransparentBlack {
    background-color: var(--dark-sky-blue);
    color: var(--white);
    font-weight: 600;
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 10px;
  }
  #project-nav-table-container {
    padding: 0 16px 0 32px;
    overflow: hidden;
    height: 100%;
    flex: 1 1;
    flex-shrink: 0;
    margin-bottom: 20px;
    position: relative;
  }
  #project-nav-table-container .project-nav-data-table {
    background: var(--newWhiteGrayBackground);
    height: 100%;
    position: relative;
    overflow: auto;
  }
  iframe.gantt_container_resize_watcher {
    display: none;
  }
  #gantt-root {
    background-color: var(--backgroundPrimary);
    height: 100%;
    width: 100%;
  }
  #gantt-root .slack {
    z-index: 1;
    position: absolute;
    opacity: 0.5;
    border-right: 1px solid var(--gray3);
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    margin-left: -2px;
    background: var(--gray3);
    background: repeating-linear-gradient(45deg, var(--staticWhite), var(--staticWhite) 5px, var(--gray3) 5px, var(--gray3) 10px);
  }
  #gantt-root.fullscreen-override {
    z-index: 1002 !important;
  }
  #gantt-root .gantt_container {
    min-height: calc(100vh - 84px);
  }
  #gantt-root .gantt_container,
  #gantt-root .gantt_layout_cell,
  #gantt-root .gantt_layout_content,
  #gantt-root .gantt_task_scale,
  #gantt-root .gantt_data_area,
  #gantt-root .gantt_grid_scale,
  #gantt-root .gantt_grid_data {
    border-color: var(--borderPrimary);
  }
  #gantt-root .gantt_container .gantt_layout_cell ::-webkit-scrollbar,
  #gantt-root .gantt_layout_cell .gantt_layout_cell ::-webkit-scrollbar,
  #gantt-root .gantt_layout_content .gantt_layout_cell ::-webkit-scrollbar,
  #gantt-root .gantt_task_scale .gantt_layout_cell ::-webkit-scrollbar,
  #gantt-root .gantt_data_area .gantt_layout_cell ::-webkit-scrollbar,
  #gantt-root .gantt_grid_scale .gantt_layout_cell ::-webkit-scrollbar,
  #gantt-root .gantt_grid_data .gantt_layout_cell ::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  #gantt-root .gantt_container .gantt_layout_cell ::-webkit-scrollbar:horizontal,
  #gantt-root .gantt_layout_cell .gantt_layout_cell ::-webkit-scrollbar:horizontal,
  #gantt-root .gantt_layout_content .gantt_layout_cell ::-webkit-scrollbar:horizontal,
  #gantt-root .gantt_task_scale .gantt_layout_cell ::-webkit-scrollbar:horizontal,
  #gantt-root .gantt_data_area .gantt_layout_cell ::-webkit-scrollbar:horizontal,
  #gantt-root .gantt_grid_scale .gantt_layout_cell ::-webkit-scrollbar:horizontal,
  #gantt-root .gantt_grid_data .gantt_layout_cell ::-webkit-scrollbar:horizontal {
    height: 11px;
  }
  #gantt-root .gantt_container .gantt_layout_cell ::-webkit-scrollbar-thumb,
  #gantt-root .gantt_layout_cell .gantt_layout_cell ::-webkit-scrollbar-thumb,
  #gantt-root .gantt_layout_content .gantt_layout_cell ::-webkit-scrollbar-thumb,
  #gantt-root .gantt_task_scale .gantt_layout_cell ::-webkit-scrollbar-thumb,
  #gantt-root .gantt_data_area .gantt_layout_cell ::-webkit-scrollbar-thumb,
  #gantt-root .gantt_grid_scale .gantt_layout_cell ::-webkit-scrollbar-thumb,
  #gantt-root .gantt_grid_data .gantt_layout_cell ::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid var(--backgroundPrimary);
    background-color: var(--gray207);
  }
  #gantt-root .gantt_layout_cell.gantt_resizer.gantt_resizer_x.gantt_layout_cell_border_right {
    height: calc(100% - 50px);
    margin-top: 50px;
  }
  #gantt-root .gantt_resizer .gantt_resizer_x {
    width: 33px;
    z-index: 3;
  }
  #gantt-root .gantt_resizer .gantt_resizer_x .gantt-resizer-tab {
    height: 100%;
    width: 10px;
    box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.2);
  }
  #gantt-root .gantt_resizer .gantt_resizer_x .gantt-resizer-tab .gantt-resizer-button {
    position: relative;
    top: 45%;
    left: 100%;
    width: 18px;
    height: 100px;
    border: 1px solid var(--backgroundPrimary);
    background-color: var(--backgroundPrimary);
    box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.2);
    border-radius: 0px 16px 16px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #gantt-root .gantt_layout_cell:focus {
    box-shadow: none;
    outline: none;
  }
  #gantt-root.gantt-with-baselines .gantt_task_line {
    margin-top: -5px;
  }
  #gantt-root.gantt-with-baselines .gantt_task_line.recurring-task {
    height: 20px !important;
    line-height: 20px !important;
    margin-top: 0;
  }
  #gantt-root.gantt-with-baselines .gantt_task_line.gantt_project {
    margin-top: 1px;
  }
  #gantt-root.gantt-with-baselines .gantt_line_wrapper {
    margin-top: -5px;
  }
  #gantt-root.gantt-with-baselines .gantt_link_arrow {
    margin-top: -8px;
  }
  #gantt-root.gantt-with-baselines .baseline {
    position: absolute;
    margin-top: -5px;
    height: 6px;
    background: var(--projectBaseline);
    border-radius: 4px;
    z-index: 1;
  }
  #gantt-root .gantt_container,
  #gantt-root .gantt_grid_scale,
  #gantt-root .gantt_task_scale,
  #gantt-root .gantt_task_vscroll,
  #gantt-root .gantt_grid_data,
  #gantt-root .gantt_row,
  #gantt-root .gantt_task_row,
  #gantt-root .gantt_row.odd {
    background-color: var(--backgroundPrimary);
  }
  #gantt-root .gantt_row {
    border-bottom-color: var(--borderPrimary);
    transition: background-color 0.1s linear;
  }
  #gantt-root .gantt_row:hover {
    background-color: var(--ganttRowHoverBackgroundColor);
  }
  #gantt-root .gantt_row:hover .project-loading {
    background-color: var(--ganttRowHoverBackgroundColor) !important;
  }
  #gantt-root .gantt_row.in-group .gantt_tree_indent:first-of-type {
    width: 0;
  }
  #gantt-root .gantt_task_row {
    border-bottom: none;
    background-color: var(--ganttLightStripesColor);
  }
  #gantt-root .gantt_grid_column_resize {
    background-color: var(--borderPrimary);
  }
  #gantt-root .gantt_cell {
    color: var(--typographyPrimary);
    padding-left: 8px;
    padding-right: 8px;
    font-size: 15px;
    font-family: 'proxima-nova', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  }
  #gantt-root .gantt_cell.highlight {
    background: var(--ganttHighlightedCellBackgroundColor);
  }
  #gantt-root .gantt_cell:not(.gantt_last_cell) {
    border-right: 1px solid var(--borderPrimary);
  }
  #gantt-root .gantt_cell .action-health-on-track i {
    font-size: 14px;
    color: #56b68b;
  }
  #gantt-root .gantt_cell .action-health-at-risk i {
    font-size: 14px;
    color: #ffd056;
  }
  #gantt-root .gantt_cell .action-health-off-track i {
    font-size: 14px;
    color: #d85228;
  }
  #gantt-root .gantt_cell .labels-cell-wrapper {
    display: flex;
  }
  #gantt-root .gantt_cell .labels-cell-wrapper .label-pill {
    color: var(--white);
    border-radius: 10px;
    height: 20px;
    margin-right: 4px;
    padding: 0 10px;
    overflow: hidden;
    max-width: 100%;
    min-width: 0;
  }
  #gantt-root .gantt_cell .labels-cell-wrapper .label-pill .label-name {
    color: #333333;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    overflow: hidden;
    line-height: 20px;
  }
  #gantt-root .gantt_cell .labels-cell-wrapper .label-pill .dark-label-font-color {
    color: #F2F2F2;
  }
  #gantt-root .gantt_cell[data-column-name="text"] {
    position: relative;
  }
  #gantt-root .gantt_cell[data-column-name="text"] .project-loading {
    position: absolute;
    top: 1px;
    right: 1px;
    height: calc(100% - 2px);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    background-color: var(--backgroundPrimary);
    transition: background-color 0.1s linear;
  }
  #gantt-root .gantt_cell[data-column-name="text"] .project-loading:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    z-index: 1;
    border-radius: 50%;
    border: 2px solid var(--hive-blue);
    border-top-color: transparent;
    border-bottom-color: transparent;
    animation: rotator 0.8s ease infinite;
  }
  @keyframes rotator {
    to {
      transform: rotate(360deg);
    }
  }
  #gantt-root .gantt_row_placeholder .gantt_cell {
    border-right: none;
  }
  #gantt-root .gantt_grid_head_cell {
    color: var(--gray198);
  }
  #gantt-root .gantt_link_control div {
    border: 1px solid var(--gray205);
    background-color: var(--whiteGray28);
  }
  #public-gantt .gantt_cell {
    font-size: 14px;
  }
  #public-gantt .gantt_task_content {
    font-size: 14px;
  }
  #gantt-wrapper {
    display: flex;
    flex: 1;
    background-color: var(--backgroundPrimary);
  }
  #gantt-wrapper.is-dragging .ai-tooltip {
    pointer-events: none;
  }
  #gantt-wrapper.is-dragging .gantt_task_drag_move {
    pointer-events: all;
  }
  .gantt_drag_marker {
    z-index: 1003;
    opacity: 0.85;
    cursor: -webkit-grabbing;
  }
  .gantt_drag_marker .gantt_tree_icon.gantt_file {
    background-image: none;
  }
  .gantt_drag_marker .fa-flag,
  .gantt_drag_marker .fa-check-circle,
  .gantt_drag_marker .fa-folder,
  .gantt_drag_marker .fa-folder-open,
  .gantt_drag_marker .fa-plus-circle {
    display: none;
  }
  .gantt_drag_marker .gantt_cell.gantt_last_cell {
    padding-left: 30px;
  }
  .exportRunning.autoHeight .gantt_tree_content {
    white-space: unset !important;
  }
  .gantt_container,
  .gantt_drag_marker {
    font-family: 'proxima-nova', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    line-height: 1.14 !important;
    border: none !important;
    font-size: 14px;
    color: var(--gray223);
  }
  .gantt_container .gantt_task_inline_color:not(.checked):before,
  .gantt_drag_marker .gantt_task_inline_color:not(.checked):before,
  .gantt_container .gantt_task_inline_color:not(.checked):after,
  .gantt_drag_marker .gantt_task_inline_color:not(.checked):after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: 10px;
  }
  .gantt_container .gantt_task_inline_color:not(.checked):after,
  .gantt_drag_marker .gantt_task_inline_color:not(.checked):after {
    background: inherit;
  }
  .gantt_container .gantt_task_progress_wrapper,
  .gantt_drag_marker .gantt_task_progress_wrapper {
    padding-left: 1px;
    background-color: #F5F5F5;
  }
  .gantt_container .gantt_task_progress_drag,
  .gantt_drag_marker .gantt_task_progress_drag {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC2SURBVHgBjY4xCoMwFIZfjUjGOLs4CTqIeAJ7g97ICwhZKziIF+hYO3mFNEMyBSRT15zAJoVKKcX6wQ+P9/733g/wg67rJifYQ9/3VEq5OA3DQDfNlNKac75orV9yddu29acHvYumaU5FUZyjKFqHGGMIgqCy/Xkcx/u6YC/HeZ5fkyTB318JIeB5XlWW5c3yODhzmqZTlmUxbMAYm5VSRz8Mw79mh40VG2Muvs0IQgjYA0KIPAGpNEaoF2umkwAAAABJRU5ErkJggg==');
    width: 12px;
    height: 8px;
    margin-left: -5px;
    z-index: 2;
  }
  .gantt_container .gantt_task_progress_drag:hover,
  .gantt_drag_marker .gantt_task_progress_drag:hover {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAYAAADN5B7xAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC2SURBVHgBjY4xCoMwFIZfjUjGOLs4CTqIeAJ7g97ICwhZKziIF+hYO3mFNEMyBSRT15zAJoVKKcX6wQ+P9/733g/wg67rJifYQ9/3VEq5OA3DQDfNlNKac75orV9yddu29acHvYumaU5FUZyjKFqHGGMIgqCy/Xkcx/u6YC/HeZ5fkyTB318JIeB5XlWW5c3yODhzmqZTlmUxbMAYm5VSRz8Mw79mh40VG2Muvs0IQgjYA0KIPAGpNEaoF2umkwAAAABJRU5ErkJggg==');
  }
  .gantt_container .gantt_grid_head_add.has-project,
  .gantt_drag_marker .gantt_grid_head_add.has-project {
    display: none;
  }
  .gantt_container .gantt_grid_column_resize_wrap,
  .gantt_drag_marker .gantt_grid_column_resize_wrap {
    color: var(--borderPrimary);
  }
  .gantt_container .gantt_task .gantt_task_scale .gantt_scale_line,
  .gantt_drag_marker .gantt_task .gantt_task_scale .gantt_scale_line {
    font-size: 11px;
    line-height: 1.17;
    border: none;
  }
  .gantt_container .gantt_task .gantt_task_scale .gantt_scale_line .gantt_scale_cell,
  .gantt_drag_marker .gantt_task .gantt_task_scale .gantt_scale_line .gantt_scale_cell {
    border: none;
    text-align: center;
    vertical-align: center;
  }
  .gantt_container .gantt_task .gantt_task_scale .gantt_scale_line .gantt_scale_cell .holiday,
  .gantt_drag_marker .gantt_task .gantt_task_scale .gantt_scale_line .gantt_scale_cell .holiday {
    display: inline;
    padding: 4px;
    border-radius: 4px;
    background-color: var(--whiteGray47);
    color: var(--orange67);
  }
  .gantt_container .gantt_task .gantt_task_scale .gantt_scale_line:not(:last-of-type),
  .gantt_drag_marker .gantt_task .gantt_task_scale .gantt_scale_line:not(:last-of-type) {
    border-bottom: 1px solid var(--borderPrimary);
  }
  .gantt_container .gantt_task .gantt_task_scale .gantt_scale_line:not(:last-of-type) .gantt_scale_cell,
  .gantt_drag_marker .gantt_task .gantt_task_scale .gantt_scale_line:not(:last-of-type) .gantt_scale_cell {
    color: var(--gray198);
  }
  .gantt_container .gantt_task .gantt_task_scale .gantt_scale_line:last-of-type .gantt_scale_cell,
  .gantt_drag_marker .gantt_task .gantt_task_scale .gantt_scale_line:last-of-type .gantt_scale_cell {
    color: var(--gray216);
  }
  .gantt_container .gantt_grid_head_cell,
  .gantt_drag_marker .gantt_grid_head_cell {
    box-shadow: none !important;
    outline: none !important;
    text-align: left;
    padding-left: 8px;
    font-size: 14px;
  }
  .gantt_container .gantt_grid_head_cell[data-column-id="text"],
  .gantt_drag_marker .gantt_grid_head_cell[data-column-id="text"] {
    padding-left: 75px;
  }
  .gantt_container .gantt_grid_head_cell[data-column-id="settings"],
  .gantt_drag_marker .gantt_grid_head_cell[data-column-id="settings"] {
    overflow: visible;
  }
  .gantt_container .gantt_grid_head_cell[data-column-id="settings"] .settings-dropdown i,
  .gantt_drag_marker .gantt_grid_head_cell[data-column-id="settings"] .settings-dropdown i {
    cursor: pointer;
  }
  .gantt_container .gantt_grid_head_cell[data-column-id="settings"] .settings-dropdown .dropdown-menu,
  .gantt_drag_marker .gantt_grid_head_cell[data-column-id="settings"] .settings-dropdown .dropdown-menu {
    margin-left: -140px !important;
    width: 110px;
  }
  .gantt_container .gantt_grid_head_cell[data-column-id="settings"] .settings-dropdown .dropdown-menu .dropdown-items,
  .gantt_drag_marker .gantt_grid_head_cell[data-column-id="settings"] .settings-dropdown .dropdown-menu .dropdown-items {
    max-height: 350px;
    overflow-y: auto;
  }
  .gantt_container .gantt_grid_head_cell[data-column-id="settings"] .settings-dropdown .dropdown-menu .column-setting-line,
  .gantt_drag_marker .gantt_grid_head_cell[data-column-id="settings"] .settings-dropdown .dropdown-menu .column-setting-line {
    line-height: 24px;
    padding: 3px 10px;
  }
  .gantt_container .gantt_grid_head_cell[data-column-id="settings"] .settings-dropdown .dropdown-menu .column-setting-line .gantt-settings-checkbox,
  .gantt_drag_marker .gantt_grid_head_cell[data-column-id="settings"] .settings-dropdown .dropdown-menu .column-setting-line .gantt-settings-checkbox {
    vertical-align: middle;
  }
  .gantt_container .gantt_grid_head_cell[data-column-id="settings"] .settings-dropdown .dropdown-menu .name-label,
  .gantt_drag_marker .gantt_grid_head_cell[data-column-id="settings"] .settings-dropdown .dropdown-menu .name-label {
    font-weight: normal;
    display: flex;
  }
  .gantt_container .gantt_grid_head_cell[data-column-id="settings"] .settings-dropdown .dropdown-menu .name-label span,
  .gantt_drag_marker .gantt_grid_head_cell[data-column-id="settings"] .settings-dropdown .dropdown-menu .name-label span {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    margin-left: 5px;
  }
  .gantt_container .gantt_grid_head_cell[data-column-id="settings"] .settings-dropdown .dropdown-menu .gantt-settings-checkbox,
  .gantt_drag_marker .gantt_grid_head_cell[data-column-id="settings"] .settings-dropdown .dropdown-menu .gantt-settings-checkbox {
    height: auto;
    margin: 5px 0;
  }
  .gantt_container .gantt_grid_head_cell[data-column-id="go_to"],
  .gantt_drag_marker .gantt_grid_head_cell[data-column-id="go_to"] {
    border-right: 1px solid var(--borderPrimary) !important;
  }
  .gantt_container .gantt_grid_scale .expand-wrapper,
  .gantt_drag_marker .gantt_grid_scale .expand-wrapper {
    display: flex;
    position: absolute;
    left: 8px;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  .gantt_container .gantt_grid_scale .expand-wrapper.no-opacity,
  .gantt_drag_marker .gantt_grid_scale .expand-wrapper.no-opacity {
    opacity: 0;
    pointer-events: none;
  }
  .gantt_container .gantt_grid_scale .expand-wrapper .expand-all-button,
  .gantt_drag_marker .gantt_grid_scale .expand-wrapper .expand-all-button {
    margin-left: 8px;
    font-size: 19px;
    cursor: pointer;
  }
  .gantt_container .gantt_grid_scale .expand-wrapper .task-level-buttons,
  .gantt_drag_marker .gantt_grid_scale .expand-wrapper .task-level-buttons {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin-right: 5px;
  }
  .gantt_container .gantt_grid_scale .expand-wrapper .task-level-buttons .gantt_tree_icon,
  .gantt_drag_marker .gantt_grid_scale .expand-wrapper .task-level-buttons .gantt_tree_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 13px;
    width: 13px;
    cursor: pointer;
    background: var(--backgroundPrimary) none;
    color: var(--gray198);
    border: 1px solid var(--gray198);
    border-radius: 2px;
    line-height: 1;
    font-size: 11px;
    font-weight: 900;
  }
  .gantt_container .gantt_grid_scale .expand-wrapper .task-level-buttons .gantt_tree_icon.gantt_open,
  .gantt_drag_marker .gantt_grid_scale .expand-wrapper .task-level-buttons .gantt_tree_icon.gantt_open {
    margin-bottom: 5px;
  }
  .gantt_container .gantt_grid_scale .expand-wrapper .task-level-buttons .gantt_tree_icon.gantt_open:after,
  .gantt_drag_marker .gantt_grid_scale .expand-wrapper .task-level-buttons .gantt_tree_icon.gantt_open:after {
    content: '+';
  }
  .gantt_container .gantt_grid_scale .expand-wrapper .task-level-buttons .gantt_tree_icon.gantt_close:after,
  .gantt_drag_marker .gantt_grid_scale .expand-wrapper .task-level-buttons .gantt_tree_icon.gantt_close:after {
    content: '−';
  }
  .gantt_container .gantt_grid_scale .gantt_grid_scale,
  .gantt_drag_marker .gantt_grid_scale .gantt_grid_scale,
  .gantt_container .gantt_grid_scale .gantt_task_scale,
  .gantt_drag_marker .gantt_grid_scale .gantt_task_scale,
  .gantt_container .gantt_grid_scale .gantt_row,
  .gantt_drag_marker .gantt_grid_scale .gantt_row,
  .gantt_container .gantt_grid_scale .gantt_task_row,
  .gantt_drag_marker .gantt_grid_scale .gantt_task_row {
    background-color: inherit;
  }
  .gantt_container .gantt_row_project .gantt_cell.gantt_cell_tree,
  .gantt_drag_marker .gantt_row_project .gantt_cell.gantt_cell_tree {
    font-size: 16px;
    font-weight: 600;
  }
  .gantt_container .gantt_grid_data .gantt_grid_editor_placeholder,
  .gantt_drag_marker .gantt_grid_data .gantt_grid_editor_placeholder {
    width: 100%;
    background-color: var(--backgroundPrimary);
    border-bottom: 1px solid var(--borderPrimary);
  }
  .gantt_container .gantt_grid_data .gantt_grid_editor_placeholder input,
  .gantt_drag_marker .gantt_grid_data .gantt_grid_editor_placeholder input,
  .gantt_container .gantt_grid_data .gantt_grid_editor_placeholder select,
  .gantt_drag_marker .gantt_grid_data .gantt_grid_editor_placeholder select {
    background-color: var(--backgroundPrimary);
    border: 1px solid var(--gray232);
    border-radius: 5%;
  }
  .gantt_container .gantt_grid_data .gantt_grid_editor_placeholder .number-custom-field-editor[type=number]::-webkit-inner-spin-button,
  .gantt_drag_marker .gantt_grid_data .gantt_grid_editor_placeholder .number-custom-field-editor[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
  .gantt_container .gantt_grid_data .gantt_grid_editor_placeholder .estimate-inputs,
  .gantt_drag_marker .gantt_grid_data .gantt_grid_editor_placeholder .estimate-inputs {
    border: none;
    height: 34px;
    font-size: 15px;
  }
  .gantt_container .gantt_grid_data .gantt_grid_editor_placeholder .estimate-inputs input,
  .gantt_drag_marker .gantt_grid_data .gantt_grid_editor_placeholder .estimate-inputs input {
    border: none;
  }
  .gantt_container .gantt_grid_data .gantt_grid_editor_placeholder .gantt-input-field-wrapper,
  .gantt_drag_marker .gantt_grid_data .gantt_grid_editor_placeholder .gantt-input-field-wrapper {
    width: 100%;
    display: flex;
  }
  .gantt_container .gantt_grid_data .gantt_grid_editor_placeholder .gantt-input-field-wrapper .input-check-icon,
  .gantt_drag_marker .gantt_grid_data .gantt_grid_editor_placeholder .gantt-input-field-wrapper .input-check-icon {
    background-image: var(--incompletedActionIcon);
    background-position: center;
    background-size: var(--actionIconSize);
    margin-top: 7px;
    opacity: 0.6;
    height: 20px;
    width: 20px;
    min-width: 18px;
  }
  .gantt_container .gantt_grid_data .gantt_grid_editor_placeholder .gantt-input-field-wrapper .gantt-input-field,
  .gantt_drag_marker .gantt_grid_data .gantt_grid_editor_placeholder .gantt-input-field-wrapper .gantt-input-field {
    padding: 0;
    margin: 6px 4px;
    resize: none;
    border: none;
    line-height: 20px;
    font-size: 13px;
    outline: none;
    color: var(--gray233);
    background-color: var(--backgroundPrimary);
    width: 100%;
    max-height: 195px;
    border-radius: 2px;
    overflow: hidden;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }
  .gantt_container .gantt_grid_data .gantt_grid_editor_placeholder .gantt-input-field-wrapper .gantt-input-field:hover,
  .gantt_drag_marker .gantt_grid_data .gantt_grid_editor_placeholder .gantt-input-field-wrapper .gantt-input-field:hover {
    cursor: text;
  }
  .gantt_container .gantt_grid_data .gantt_grid_editor_placeholder .gantt-input-field-wrapper .gantt-input-field[contenteditable=true]:empty:before,
  .gantt_drag_marker .gantt_grid_data .gantt_grid_editor_placeholder .gantt-input-field-wrapper .gantt-input-field[contenteditable=true]:empty:before {
    content: attr(placeholder);
    pointer-events: none;
    display: block;
    /* For Firefox */
    white-space: pre;
    color: var(--gray198);
  }
  .gantt_container .gantt_grid_data .gantt_grid_editor_placeholder .gantt-input-field-wrapper .gantt-input-field[contenteditable=true] *,
  .gantt_drag_marker .gantt_grid_data .gantt_grid_editor_placeholder .gantt-input-field-wrapper .gantt-input-field[contenteditable=true] * {
    background-color: transparent !important;
    line-height: 20px !important;
    font-size: 13px !important;
    color: var(--gray226) !important;
    font-family: 'Arial', sans-serif !important;
  }
  .gantt_container .gantt_grid_data .gantt_grid_editor_placeholder .gantt-grid-estimate .estimate-inputs,
  .gantt_drag_marker .gantt_grid_data .gantt_grid_editor_placeholder .gantt-grid-estimate .estimate-inputs {
    font-weight: 400;
  }
  .gantt_container .gantt_grid_data .gantt_row,
  .gantt_drag_marker .gantt_grid_data .gantt_row,
  .gantt_container .gantt_grid_data .gantt_row.odd,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected {
    line-height: 1.14 !important;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: var(--gray223);
  }
  .gantt_container .gantt_grid_data .gantt_row > .gantt_cell:not([aria-readonly="true"]),
  .gantt_drag_marker .gantt_grid_data .gantt_row > .gantt_cell:not([aria-readonly="true"]),
  .gantt_container .gantt_grid_data .gantt_row.odd > .gantt_cell:not([aria-readonly="true"]),
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd > .gantt_cell:not([aria-readonly="true"]),
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected > .gantt_cell:not([aria-readonly="true"]),
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected > .gantt_cell:not([aria-readonly="true"]),
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected > .gantt_cell:not([aria-readonly="true"]),
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected > .gantt_cell:not([aria-readonly="true"]),
  .gantt_container .gantt_grid_data .gantt_row > .gantt_cell[data-column-name="go_to"],
  .gantt_drag_marker .gantt_grid_data .gantt_row > .gantt_cell[data-column-name="go_to"],
  .gantt_container .gantt_grid_data .gantt_row.odd > .gantt_cell[data-column-name="go_to"],
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd > .gantt_cell[data-column-name="go_to"],
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected > .gantt_cell[data-column-name="go_to"],
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected > .gantt_cell[data-column-name="go_to"],
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected > .gantt_cell[data-column-name="go_to"],
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected > .gantt_cell[data-column-name="go_to"],
  .gantt_container .gantt_grid_data .gantt_row > .gantt_cell .add-action,
  .gantt_drag_marker .gantt_grid_data .gantt_row > .gantt_cell .add-action,
  .gantt_container .gantt_grid_data .gantt_row.odd > .gantt_cell .add-action,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd > .gantt_cell .add-action,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected > .gantt_cell .add-action,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected > .gantt_cell .add-action,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected > .gantt_cell .add-action,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected > .gantt_cell .add-action {
    cursor: pointer;
    color: var(--primaryIconColor);
  }
  .gantt_container .gantt_grid_data .gantt_row > .gantt_cell .add-section,
  .gantt_drag_marker .gantt_grid_data .gantt_row > .gantt_cell .add-section,
  .gantt_container .gantt_grid_data .gantt_row.odd > .gantt_cell .add-section,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd > .gantt_cell .add-section,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected > .gantt_cell .add-section,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected > .gantt_cell .add-section,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected > .gantt_cell .add-section,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected > .gantt_cell .add-section {
    cursor: pointer;
    color: var(--hive-blue);
    display: inline-flex;
    align-items: center;
    margin-right: 4px;
  }
  .gantt_container .gantt_grid_data .gantt_row:last-child,
  .gantt_drag_marker .gantt_grid_data .gantt_row:last-child,
  .gantt_container .gantt_grid_data .gantt_row.odd:last-child,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd:last-child,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected:last-child,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected:last-child,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected:last-child,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected:last-child {
    border-bottom: none;
  }
  .gantt_container .gantt_grid_data .gantt_row .select-task-checkbox-wrapper,
  .gantt_drag_marker .gantt_grid_data .gantt_row .select-task-checkbox-wrapper,
  .gantt_container .gantt_grid_data .gantt_row.odd .select-task-checkbox-wrapper,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .select-task-checkbox-wrapper,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .select-task-checkbox-wrapper,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .select-task-checkbox-wrapper,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .select-task-checkbox-wrapper,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .select-task-checkbox-wrapper {
    order: -1;
    width: 20px;
    min-width: 20px;
    margin-right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .gantt_container .gantt_grid_data .gantt_row .select-task-checkbox-wrapper .select-task-checkbox,
  .gantt_drag_marker .gantt_grid_data .gantt_row .select-task-checkbox-wrapper .select-task-checkbox,
  .gantt_container .gantt_grid_data .gantt_row.odd .select-task-checkbox-wrapper .select-task-checkbox,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .select-task-checkbox-wrapper .select-task-checkbox,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .select-task-checkbox-wrapper .select-task-checkbox,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .select-task-checkbox-wrapper .select-task-checkbox,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .select-task-checkbox-wrapper .select-task-checkbox,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .select-task-checkbox-wrapper .select-task-checkbox {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    visibility: hidden;
    width: 16px;
    height: 16px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
    background-color: var(--ganttSelectCheckboxBackgroundColor);
    border: 1px solid var(--inputBorderPrimary);
    border-radius: 4px;
  }
  .gantt_container .gantt_grid_data .gantt_row .select-task-checkbox-wrapper .select-task-checkbox:checked,
  .gantt_drag_marker .gantt_grid_data .gantt_row .select-task-checkbox-wrapper .select-task-checkbox:checked,
  .gantt_container .gantt_grid_data .gantt_row.odd .select-task-checkbox-wrapper .select-task-checkbox:checked,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .select-task-checkbox-wrapper .select-task-checkbox:checked,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .select-task-checkbox-wrapper .select-task-checkbox:checked,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .select-task-checkbox-wrapper .select-task-checkbox:checked,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .select-task-checkbox-wrapper .select-task-checkbox:checked,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .select-task-checkbox-wrapper .select-task-checkbox:checked {
    background-color: var(--hive-blue);
    border-color: var(--hive-blue);
    visibility: visible !important;
  }
  .gantt_container .gantt_grid_data .gantt_row .select-task-checkbox-wrapper .select-task-checkbox:checked::after,
  .gantt_drag_marker .gantt_grid_data .gantt_row .select-task-checkbox-wrapper .select-task-checkbox:checked::after,
  .gantt_container .gantt_grid_data .gantt_row.odd .select-task-checkbox-wrapper .select-task-checkbox:checked::after,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .select-task-checkbox-wrapper .select-task-checkbox:checked::after,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .select-task-checkbox-wrapper .select-task-checkbox:checked::after,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .select-task-checkbox-wrapper .select-task-checkbox:checked::after,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .select-task-checkbox-wrapper .select-task-checkbox:checked::after,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .select-task-checkbox-wrapper .select-task-checkbox:checked::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: url('https://hv-static-content.s3.amazonaws.com/Checkbox-Filled-Dark.svg');
  }
  .gantt_container .gantt_grid_data .gantt_row:hover,
  .gantt_drag_marker .gantt_grid_data .gantt_row:hover,
  .gantt_container .gantt_grid_data .gantt_row.odd:hover,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd:hover,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected:hover,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected:hover,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected:hover,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected:hover {
    background-color: var(--whiteGray33);
  }
  .gantt_container .gantt_grid_data .gantt_row:hover .gantt-input-field,
  .gantt_drag_marker .gantt_grid_data .gantt_row:hover .gantt-input-field,
  .gantt_container .gantt_grid_data .gantt_row.odd:hover .gantt-input-field,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd:hover .gantt-input-field,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected:hover .gantt-input-field,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected:hover .gantt-input-field,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected:hover .gantt-input-field,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected:hover .gantt-input-field {
    background-color: var(--whiteGray33) !important;
  }
  .gantt_container .gantt_grid_data .gantt_row:hover .add-action,
  .gantt_drag_marker .gantt_grid_data .gantt_row:hover .add-action,
  .gantt_container .gantt_grid_data .gantt_row.odd:hover .add-action,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd:hover .add-action,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected:hover .add-action,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected:hover .add-action,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected:hover .add-action,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected:hover .add-action {
    visibility: visible !important;
  }
  .gantt_container .gantt_grid_data .gantt_row:hover .select-task-checkbox,
  .gantt_drag_marker .gantt_grid_data .gantt_row:hover .select-task-checkbox,
  .gantt_container .gantt_grid_data .gantt_row.odd:hover .select-task-checkbox,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd:hover .select-task-checkbox,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected:hover .select-task-checkbox,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected:hover .select-task-checkbox,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected:hover .select-task-checkbox,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected:hover .select-task-checkbox {
    visibility: visible;
  }
  .gantt_container .gantt_grid_data .gantt_row.target_line,
  .gantt_drag_marker .gantt_grid_data .gantt_row.target_line,
  .gantt_container .gantt_grid_data .gantt_row.odd.target_line,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.target_line,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected.target_line,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected.target_line,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected.target_line,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected.target_line {
    border-top: 1px solid var(--hive-blue);
  }
  .gantt_container .gantt_grid_data .gantt_row.gantt_row_placeholder .gantt_tree_content,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_row_placeholder .gantt_tree_content,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_row_placeholder .gantt_tree_content,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_row_placeholder .gantt_tree_content,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected.gantt_row_placeholder .gantt_tree_content,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected.gantt_row_placeholder .gantt_tree_content,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected.gantt_row_placeholder .gantt_tree_content,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected.gantt_row_placeholder .gantt_tree_content {
    color: var(--hive-blue) !important;
  }
  .gantt_container .gantt_grid_data .gantt_row.gantt_row_placeholder div,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_row_placeholder div,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_row_placeholder div,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_row_placeholder div,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected.gantt_row_placeholder div,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected.gantt_row_placeholder div,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected.gantt_row_placeholder div,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected.gantt_row_placeholder div {
    opacity: 1;
  }
  .gantt_container .gantt_grid_data .gantt_row .gantt_cell:focus,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_cell:focus,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_cell:focus,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_cell:focus,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_cell:focus,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_cell:focus,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell:focus,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell:focus {
    outline: none;
  }
  .gantt_container .gantt_grid_data .gantt_row .gantt_cell[data-column-name="settings"],
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_cell[data-column-name="settings"],
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_cell[data-column-name="settings"],
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_cell[data-column-name="settings"],
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_cell[data-column-name="settings"],
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_cell[data-column-name="settings"],
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell[data-column-name="settings"],
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell[data-column-name="settings"] {
    box-shadow: none !important;
    outline: none !important;
  }
  .gantt_container .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_indent,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_indent,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_indent,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_indent,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_indent,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_indent,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_indent,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_indent {
    width: 20px;
  }
  .gantt_container .gantt_grid_data .gantt_row .gantt_cell.autoHeight .gantt_tree_content,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_cell.autoHeight .gantt_tree_content,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_cell.autoHeight .gantt_tree_content,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_cell.autoHeight .gantt_tree_content,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_cell.autoHeight .gantt_tree_content,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_cell.autoHeight .gantt_tree_content,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell.autoHeight .gantt_tree_content,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell.autoHeight .gantt_tree_content {
    white-space: normal;
    width: 100%;
  }
  .gantt_container .gantt_grid_data .gantt_row .gantt_cell.autoHeight .labels-cell-wrapper,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_cell.autoHeight .labels-cell-wrapper,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_cell.autoHeight .labels-cell-wrapper,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_cell.autoHeight .labels-cell-wrapper,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_cell.autoHeight .labels-cell-wrapper,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_cell.autoHeight .labels-cell-wrapper,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell.autoHeight .labels-cell-wrapper,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell.autoHeight .labels-cell-wrapper {
    width: 100%;
    flex-wrap: wrap;
  }
  .gantt_container .gantt_grid_data .gantt_row .gantt_cell.autoHeight .labels-cell-wrapper .label-pill,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_cell.autoHeight .labels-cell-wrapper .label-pill,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_cell.autoHeight .labels-cell-wrapper .label-pill,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_cell.autoHeight .labels-cell-wrapper .label-pill,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_cell.autoHeight .labels-cell-wrapper .label-pill,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_cell.autoHeight .labels-cell-wrapper .label-pill,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell.autoHeight .labels-cell-wrapper .label-pill,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell.autoHeight .labels-cell-wrapper .label-pill {
    margin-bottom: 4px;
  }
  .gantt_container .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_content,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_content,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_content,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_content,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_content,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_content,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_content,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_content {
    display: inline-flex;
    align-items: center;
    color: var(--typographyPrimary);
  }
  .gantt_container .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_content .fa-plus-circle,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_content .fa-plus-circle,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_content .fa-plus-circle,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_content .fa-plus-circle,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_content .fa-plus-circle,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_content .fa-plus-circle,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_content .fa-plus-circle,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_content .fa-plus-circle {
    font-size: 19px;
    visibility: hidden;
  }
  .gantt_container .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon.flex_wrapper,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon.flex_wrapper,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon.flex_wrapper,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon.flex_wrapper,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon.flex_wrapper,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon.flex_wrapper,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon.flex_wrapper,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon.flex_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .gantt_container .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon.gantt_open,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon.gantt_open,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon.gantt_open,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon.gantt_open,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon.gantt_open,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon.gantt_open,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon.gantt_open,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon.gantt_open,
  .gantt_container .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon.gantt_close,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon.gantt_close,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon.gantt_close,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon.gantt_close,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon.gantt_close,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon.gantt_close,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon.gantt_close,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon.gantt_close {
    height: 18px;
    display: inline-flex;
    align-self: center;
    margin-right: 2px;
    background-image: var(--caretRightSolid);
    background-size: 4px;
  }
  .gantt_container .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon.gantt_close,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon.gantt_close,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon.gantt_close,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon.gantt_close,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon.gantt_close,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon.gantt_close,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon.gantt_close,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon.gantt_close {
    transition: all 500ms;
    transform: rotate(90deg);
  }
  .gantt_container .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon .gantt_project_square,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon .gantt_project_square,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon .gantt_project_square,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon .gantt_project_square,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon .gantt_project_square,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon .gantt_project_square,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon .gantt_project_square,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon .gantt_project_square {
    height: 14px;
    width: 14px;
    border-radius: 2px;
    background-color: var(--typographyPrimary);
  }
  .gantt_container .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon.gantt_file,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon.gantt_file,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon.gantt_file,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon.gantt_file,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file {
    background-size: 21px;
  }
  .gantt_container .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon.gantt_file.action-unchecked,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon.gantt_file.action-unchecked,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon.gantt_file.action-unchecked,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon.gantt_file.action-unchecked,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.action-unchecked,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.action-unchecked,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.action-unchecked,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.action-unchecked {
    background-image: var(--incompletedActionIcon);
    background-size: var(--actionIconSize);
    opacity: 0.6;
  }
  .gantt_container .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon.gantt_file.action-unchecked.milestone,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon.gantt_file.action-unchecked.milestone,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon.gantt_file.action-unchecked.milestone,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon.gantt_file.action-unchecked.milestone,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.action-unchecked.milestone,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.action-unchecked.milestone,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.action-unchecked.milestone,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.action-unchecked.milestone {
    background-image: var(--milestoneIcon);
  }
  .gantt_container .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon.gantt_file.action-checked,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon.gantt_file.action-checked,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon.gantt_file.action-checked,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon.gantt_file.action-checked,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.action-checked,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.action-checked,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.action-checked,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.action-checked {
    background-image: var(--completedActionIcon);
    background-size: var(--actionIconSize);
  }
  .gantt_container .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon.gantt_file.action-checked.milestone,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon.gantt_file.action-checked.milestone,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon.gantt_file.action-checked.milestone,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon.gantt_file.action-checked.milestone,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.action-checked.milestone,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.action-checked.milestone,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.action-checked.milestone,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.action-checked.milestone {
    background-image: var(--milestoneDoneIcon);
  }
  .gantt_container .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon.gantt_file.recurring-action,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon.gantt_file.recurring-action,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon.gantt_file.recurring-action,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon.gantt_file.recurring-action,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.recurring-action,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.recurring-action,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.recurring-action,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.recurring-action {
    background-image: var(--syncIcon);
    background-size: 16px;
  }
  .gantt_container .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon.gantt_file.project,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_cell .gantt_tree_icon.gantt_file.project,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon.gantt_file.project,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_cell .gantt_tree_icon.gantt_file.project,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.project,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.project,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.project,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_cell .gantt_tree_icon.gantt_file.project {
    background-image: var(--closedFolderIcon);
    background-size: 14px;
  }
  .gantt_container .gantt_grid_data .gantt_row .gantt_add,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_add,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_add,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_add,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_add,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_add,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_add,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_add,
  .gantt_container .gantt_grid_data .gantt_row .gantt_grid_head_add,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_grid_head_add,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_grid_head_add,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_grid_head_add,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_grid_head_add,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_grid_head_add,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_grid_head_add,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_grid_head_add {
    background-image: url('https://hv-static-content.s3.amazonaws.com/gantt-plus.png');
    background-size: 15px;
  }
  .gantt_container .gantt_grid_data .gantt_row .gantt_tree_icon.gantt_folder_open,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_tree_icon.gantt_folder_open,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_tree_icon.gantt_folder_open,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_tree_icon.gantt_folder_open,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_tree_icon.gantt_folder_open,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_tree_icon.gantt_folder_open,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_tree_icon.gantt_folder_open,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_tree_icon.gantt_folder_open {
    background-image: var(--openedFolderIcon);
    background-size: 18px;
  }
  .gantt_container .gantt_grid_data .gantt_row .gantt_tree_icon.gantt_folder_closed,
  .gantt_drag_marker .gantt_grid_data .gantt_row .gantt_tree_icon.gantt_folder_closed,
  .gantt_container .gantt_grid_data .gantt_row.odd .gantt_tree_icon.gantt_folder_closed,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd .gantt_tree_icon.gantt_folder_closed,
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected .gantt_tree_icon.gantt_folder_closed,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected .gantt_tree_icon.gantt_folder_closed,
  .gantt_container .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_tree_icon.gantt_folder_closed,
  .gantt_drag_marker .gantt_grid_data .gantt_row.odd.gantt_selected .gantt_tree_icon.gantt_folder_closed {
    background-image: var(--closedFolderIcon);
    background-size: 16px;
  }
  .gantt_container .gantt_grid_data .gantt_row.gantt_selected,
  .gantt_drag_marker .gantt_grid_data .gantt_row.gantt_selected {
    background-color: var(--selectedActionRow) !important;
  }
  .gantt_container .gantt_grid_data .readonly.gantt_row,
  .gantt_drag_marker .gantt_grid_data .readonly.gantt_row,
  .gantt_container .gantt_grid_data .readonly.gantt_row.gantt_selected,
  .gantt_drag_marker .gantt_grid_data .readonly.gantt_row.gantt_selected {
    cursor: default;
  }
  .gantt_container .gantt_marker_area,
  .gantt_drag_marker .gantt_marker_area {
    min-height: 100%;
  }
  .gantt_container .gantt_marker_area div,
  .gantt_drag_marker .gantt_marker_area div {
    min-height: 100%;
  }
  .gantt_container .gantt_data_area.timeline_drag_mode,
  .gantt_drag_marker .gantt_data_area.timeline_drag_mode {
    cursor: move;
  }
  .gantt_container .gantt_data_area .gantt_critical_task:not(.gantt_project) .task-wrapper,
  .gantt_drag_marker .gantt_data_area .gantt_critical_task:not(.gantt_project) .task-wrapper,
  .gantt_container .gantt_data_area .gantt_critical_task:not(.gantt_project) .gantt-colored-milestone,
  .gantt_drag_marker .gantt_data_area .gantt_critical_task:not(.gantt_project) .gantt-colored-milestone {
    background-color: var(--red79) !important;
    border-color: var(--red79) !important;
  }
  .gantt_container .gantt_data_area .gantt_critical_task .gantt_task_progress .task-wrapper,
  .gantt_drag_marker .gantt_data_area .gantt_critical_task .gantt_task_progress .task-wrapper {
    background-color: var(--color20);
  }
  .gantt_container .gantt_data_area .gantt_critical_link .gantt_line_wrapper > div,
  .gantt_drag_marker .gantt_data_area .gantt_critical_link .gantt_line_wrapper > div {
    background-color: var(--red79) !important;
    z-index: 1;
  }
  .gantt_container .gantt_data_area .gantt_critical_link .gantt_link_arrow,
  .gantt_drag_marker .gantt_data_area .gantt_critical_link .gantt_link_arrow {
    border-color: var(--red79);
    z-index: 1;
  }
  .gantt_container .gantt_data_area .gantt_task_bg,
  .gantt_drag_marker .gantt_data_area .gantt_task_bg {
    min-height: 100% !important;
  }
  .gantt_container .gantt_data_area .gantt_task_bg div,
  .gantt_drag_marker .gantt_data_area .gantt_task_bg div {
    min-height: 100% !important;
    background: none;
  }
  .gantt_container .gantt_data_area .gantt_links_area,
  .gantt_drag_marker .gantt_data_area .gantt_links_area {
    z-index: 1;
  }
  .gantt_container .gantt_data_area .gantt_links_area .gantt_task_link:hover .gantt_line_wrapper div,
  .gantt_drag_marker .gantt_data_area .gantt_links_area .gantt_task_link:hover .gantt_line_wrapper div {
    background-color: var(--orange64);
  }
  .gantt_container .gantt_data_area .gantt_links_area .gantt_task_link:hover.gantt_critical_link .gantt_link_arrow,
  .gantt_drag_marker .gantt_data_area .gantt_links_area .gantt_task_link:hover.gantt_critical_link .gantt_link_arrow {
    filter: drop-shadow(0 0 3px var(--orange64)) drop-shadow(0 0 8px var(--orange64));
  }
  .gantt_container .gantt_data_area .gantt_links_area .gantt_task_link:hover:not(.gantt_critical_link) .gantt_link_arrow,
  .gantt_drag_marker .gantt_data_area .gantt_links_area .gantt_task_link:hover:not(.gantt_critical_link) .gantt_link_arrow {
    border-color: var(--orange64);
  }
  .gantt_container .gantt_data_area .gantt_links_area .gantt_task_link .gantt_line_wrapper div,
  .gantt_drag_marker .gantt_data_area .gantt_links_area .gantt_task_link .gantt_line_wrapper div {
    background-color: var(--whiteGray176);
  }
  .gantt_container .gantt_data_area .gantt_links_area .gantt_task_link:not(.gantt_critical_link) .gantt_link_arrow,
  .gantt_drag_marker .gantt_data_area .gantt_links_area .gantt_task_link:not(.gantt_critical_link) .gantt_link_arrow {
    border-color: var(--whiteGray176);
  }
  .gantt_container .gantt_data_area .gantt_bars_area .gantt_task_line.gantt_project > .gantt_task_content,
  .gantt_drag_marker .gantt_data_area .gantt_bars_area .gantt_task_line.gantt_project > .gantt_task_content {
    cursor: default !important;
  }
  .gantt_container .gantt_data_area .gantt_resource_marker,
  .gantt_drag_marker .gantt_data_area .gantt_resource_marker {
    font-size: 12px;
  }
  .gantt_container .gantt_data_area .gantt_marker,
  .gantt_drag_marker .gantt_data_area .gantt_marker {
    min-height: 100% !important;
    width: 1px;
    background-color: var(--verticalLine);
  }
  .gantt_container .gantt_data_area .gantt_marker.today-marker,
  .gantt_drag_marker .gantt_data_area .gantt_marker.today-marker {
    background-color: var(--green109);
    width: 2px;
    z-index: 1;
  }
  .gantt_container .gantt_data_area .gantt_marker.background-light,
  .gantt_drag_marker .gantt_data_area .gantt_marker.background-light {
    background-color: var(--newViewBackground);
  }
  .gantt_container .gantt_data_area .gantt_marker.workday-marker,
  .gantt_drag_marker .gantt_data_area .gantt_marker.workday-marker {
    border-right: 1px solid var(--borderPrimary);
    background-color: var(--ganttLightStripesColor);
  }
  .gantt_container .gantt_data_area .gantt_marker.weekend-marker,
  .gantt_drag_marker .gantt_data_area .gantt_marker.weekend-marker {
    background-color: var(--whiteGray33);
  }
  .gantt_container .gantt_data_area .gantt-snap-to-grid,
  .gantt_drag_marker .gantt_data_area .gantt-snap-to-grid {
    cursor: pointer;
    position: absolute;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .gantt_container .gantt_data_area .gantt-snap-to-grid::before,
  .gantt_drag_marker .gantt_data_area .gantt-snap-to-grid::before {
    content: "";
    width: 100%;
    height: 35px;
    background-color: var(--whiteGray52);
  }
  .gantt_container .gantt_data_area .gantt_task_line,
  .gantt_drag_marker .gantt_data_area .gantt_task_line {
    z-index: 2;
    border: none;
    border-radius: 8px;
    min-width: 24px;
    color: var(--typographyPrimary);
    display: flex;
    align-items: center;
  }
  .gantt_container .gantt_data_area .gantt_task_line:not(.gantt_milestone):not(.export_excel_chart),
  .gantt_drag_marker .gantt_data_area .gantt_task_line:not(.gantt_milestone):not(.export_excel_chart) {
    background-color: transparent !important;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_one_day_task .gantt_side_content.gantt_right,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_one_day_task .gantt_side_content.gantt_right {
    box-shadow: none;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_drag_move .gantt_task_content,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_drag_move .gantt_task_content {
    transition: none;
    box-shadow: 0 10px 25px 0 var(--color12);
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_project,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_project {
    height: 22px !important;
    line-height: 22px !important;
    margin-top: 6px;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_project .gantt_task_content,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_project .gantt_task_content {
    text-align: center;
    border-color: transparent;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_project .task-title,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_project .task-title {
    text-align: center;
  }
  .gantt_container .gantt_data_area .gantt_task_line > .gantt_task_drag,
  .gantt_drag_marker .gantt_data_area .gantt_task_line > .gantt_task_drag {
    display: none;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_drag_resize .gantt_task_content,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_drag_resize .gantt_task_content,
  .gantt_container .gantt_data_area .gantt_task_line.gantt_drag_move:not(.gantt_milestone):not(.gantt_project) .gantt_task_content,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_drag_move:not(.gantt_milestone):not(.gantt_project) .gantt_task_content {
    box-shadow: none !important;
    border: 1px solid var(--hive-blue);
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_drag_resize .gantt_task_content .gantt_task_drag,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_drag_resize .gantt_task_content .gantt_task_drag,
  .gantt_container .gantt_data_area .gantt_task_line.gantt_drag_move:not(.gantt_milestone):not(.gantt_project) .gantt_task_content .gantt_task_drag,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_drag_move:not(.gantt_milestone):not(.gantt_project) .gantt_task_content .gantt_task_drag {
    display: flex;
    align-items: center;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_drag_resize .gantt_task_content .task-wrapper,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_drag_resize .gantt_task_content .task-wrapper,
  .gantt_container .gantt_data_area .gantt_task_line.gantt_drag_move:not(.gantt_milestone):not(.gantt_project) .gantt_task_content .task-wrapper,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_drag_move:not(.gantt_milestone):not(.gantt_project) .gantt_task_content .task-wrapper {
    border: none !important;
  }
  .gantt_container .gantt_data_area .gantt_task_line:not(.readonly):not(.gantt_project):not(.gantt_milestone) .gantt_task_content:hover,
  .gantt_drag_marker .gantt_data_area .gantt_task_line:not(.readonly):not(.gantt_project):not(.gantt_milestone) .gantt_task_content:hover {
    border: 1px solid var(--hive-blue);
    box-shadow: 0 10px 25px 0 var(--color12);
  }
  .gantt_container .gantt_data_area .gantt_task_line:not(.readonly):not(.gantt_project):not(.gantt_milestone) .gantt_task_content:hover .gantt_task_drag,
  .gantt_drag_marker .gantt_data_area .gantt_task_line:not(.readonly):not(.gantt_project):not(.gantt_milestone) .gantt_task_content:hover .gantt_task_drag {
    display: flex;
    align-items: center;
  }
  .gantt_container .gantt_data_area .gantt_task_line:not(.readonly):not(.gantt_project):not(.gantt_milestone) .gantt_task_content:hover .task-wrapper,
  .gantt_drag_marker .gantt_data_area .gantt_task_line:not(.readonly):not(.gantt_project):not(.gantt_milestone) .gantt_task_content:hover .task-wrapper {
    border: none !important;
  }
  .gantt_container .gantt_data_area .gantt_task_line:not(.readonly):not(.gantt_project):not(.gantt_milestone) .gantt_task_content .task-wrapper,
  .gantt_drag_marker .gantt_data_area .gantt_task_line:not(.readonly):not(.gantt_project):not(.gantt_milestone) .gantt_task_content .task-wrapper {
    text-overflow: ellipsis;
  }
  .gantt_container .gantt_data_area .gantt_task_line .recurring-task,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .recurring-task {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: var(--newGrayToDarkGrayBorder);
  }
  .gantt_container .gantt_data_area .gantt_task_line .gantt_task_content,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .gantt_task_content,
  .gantt_container .gantt_data_area .gantt_task_line .recurring-task,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .recurring-task {
    height: 29px;
    transition: box-shadow 0.2s;
    text-align: left;
    overflow: visible;
    box-shadow: 0 1px 3px 0 var(--color9);
    cursor: pointer;
    border-radius: 8px;
    font-size: 14px;
    font-family: 'proxima-nova', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    top: unset;
  }
  .gantt_container .gantt_data_area .gantt_task_line .gantt_task_content:hover,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .gantt_task_content:hover,
  .gantt_container .gantt_data_area .gantt_task_line .recurring-task:hover,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .recurring-task:hover {
    height: 27px;
    box-shadow: 0 10px 25px 0 var(--color12);
  }
  .gantt_container .gantt_data_area .gantt_task_line .gantt_task_content:hover .task-wrapper.min-width-task,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .gantt_task_content:hover .task-wrapper.min-width-task,
  .gantt_container .gantt_data_area .gantt_task_line .recurring-task:hover .task-wrapper.min-width-task,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .recurring-task:hover .task-wrapper.min-width-task {
    height: 25px;
  }
  .gantt_container .gantt_data_area .gantt_task_line .gantt_task_content .gantt_task_drag,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .gantt_task_content .gantt_task_drag,
  .gantt_container .gantt_data_area .gantt_task_line .recurring-task .gantt_task_drag,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .recurring-task .gantt_task_drag {
    display: none;
    top: -1px;
    height: calc(100% + 2px);
    width: 7px;
    background-color: var(--hive-blue);
    cursor: col-resize;
    justify-content: center;
    color: var(--staticWhite);
    font-size: 10px;
    font-weight: bold;
  }
  .gantt_container .gantt_data_area .gantt_task_line .gantt_task_content .gantt_task_drag.task_left,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .gantt_task_content .gantt_task_drag.task_left,
  .gantt_container .gantt_data_area .gantt_task_line .recurring-task .gantt_task_drag.task_left,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .recurring-task .gantt_task_drag.task_left {
    left: -2px;
    border-radius: 8px 0 0 8px;
  }
  .gantt_container .gantt_data_area .gantt_task_line .gantt_task_content .gantt_task_drag.task_right,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .gantt_task_content .gantt_task_drag.task_right,
  .gantt_container .gantt_data_area .gantt_task_line .recurring-task .gantt_task_drag.task_right,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .recurring-task .gantt_task_drag.task_right {
    right: -2px;
    border-radius: 0 8px 8px 0;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_milestone .gantt_task_content,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_milestone .gantt_task_content {
    height: 21px;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_project .gantt_task_content,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_project .gantt_task_content {
    height: 22px;
    box-shadow: none;
  }
  .gantt_container .gantt_data_area .gantt_task_line .task-wrapper,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .task-wrapper {
    padding: 0 8px;
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    width: 100%;
    background: var(--newWhiteGray60);
  }
  .gantt_container .gantt_data_area .gantt_task_line .task-wrapper:after,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .task-wrapper:after {
    content: "";
    pointer-events: none;
    position: absolute;
    width: 10px;
    height: 100%;
    top: 0;
    right: 0;
    background-image: -webkit-linear-gradient(right, var(--background-color-var) 50%, var(--color69) 5%);
    background-image: -moz-linear-gradient(right, var(--background-color-var) 50%, var(--gray228));
    background-image: -ms-linear-gradient(right, var(--background-color-var) 50%, var(--gray228));
    background-image: -o-linear-gradient(right, var(--background-color-var) 50%, var(--gray228));
    background-image: linear-gradient(to left, var(--background-color-var) 50%, var(--color69) 5%);
  }
  .gantt_container .gantt_data_area .gantt_task_line .task-wrapper .task-title,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .task-wrapper .task-title {
    max-width: 100%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .gantt_container .gantt_data_area .gantt_task_line .task-wrapper .task-title .left-title,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .task-wrapper .task-title .left-title {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    text-overflow: ellipsis;
    font-size: 16px;
  }
  .gantt_container .gantt_data_area .gantt_task_line .task-wrapper .task-title .task-progress,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .task-wrapper .task-title .task-progress {
    font-size: 13px;
    font-weight: 600;
    margin-right: 8px;
    line-height: 1;
    vertical-align: middle;
  }
  .gantt_container .gantt_data_area .gantt_task_line .task-wrapper .task-title .action-health-icon i,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .task-wrapper .task-title .action-health-icon i {
    font-size: 14px;
  }
  .gantt_container .gantt_data_area .gantt_task_line .task-wrapper .task-title .project-overdue-count,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .task-wrapper .task-title .project-overdue-count {
    display: inline-block;
    align-items: center;
    margin-left: 10px;
  }
  .gantt_container .gantt_data_area .gantt_task_line .task-wrapper .task-title .project-overdue-count .overdue,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .task-wrapper .task-title .project-overdue-count .overdue {
    font-weight: 800;
  }
  .gantt_container .gantt_data_area .gantt_task_line .task-wrapper .task-title .project-overdue-count .img-icon,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .task-wrapper .task-title .project-overdue-count .img-icon {
    margin-left: 2px;
    margin-bottom: 2px;
    height: 10px;
  }
  .gantt_container .gantt_data_area .gantt_task_line .task-wrapper .task-title .img-icon,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .task-wrapper .task-title .img-icon {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
  }
  .gantt_container .gantt_data_area .gantt_task_line .task-wrapper.min-width-task,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .task-wrapper.min-width-task {
    padding: 0;
    height: inherit;
    display: flex;
    justify-content: center;
  }
  .gantt_container .gantt_data_area .gantt_task_line .task-wrapper.min-width-task .task-title .left-title,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .task-wrapper.min-width-task .task-title .left-title {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .gantt_container .gantt_data_area .gantt_task_line .task-wrapper:not(.min-width-task) .img-icon,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .task-wrapper:not(.min-width-task) .img-icon {
    margin-right: 5px;
  }
  .gantt_container .gantt_data_area .gantt_task_line .task-wrapper.jira .task-checked-icon,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .task-wrapper.jira .task-checked-icon {
    margin-left: 10px;
  }
  .gantt_container .gantt_data_area .gantt_task_line .task-wrapper.jira .jira-linked-issue,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .task-wrapper.jira .jira-linked-issue {
    margin-top: 6px;
    margin-left: 3px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background-color: var(--blue138);
    color: var(--white);
    border-radius: 2px;
    height: 17px;
    width: 20px;
  }
  .gantt_container .gantt_data_area .gantt_task_line .task-wrapper.jira .jira-linked-issue .fab,
  .gantt_drag_marker .gantt_data_area .gantt_task_line .task-wrapper.jira .jira-linked-issue .fab {
    font-size: 10px;
    line-height: 11px;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_project .task-wrapper,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_project .task-wrapper {
    margin-top: -1px;
  }
  .gantt_container .gantt_data_area .gantt_task_line:not(.gantt_project):not(.gantt_milestone):not(.assignees-hidden) .gantt_link_control,
  .gantt_drag_marker .gantt_data_area .gantt_task_line:not(.gantt_project):not(.gantt_milestone):not(.assignees-hidden) .gantt_link_control {
    z-index: 0;
    width: 20px !important;
  }
  .gantt_container .gantt_data_area .gantt_task_line:not(.gantt_project):not(.gantt_milestone):not(.assignees-hidden) .gantt_link_control.task_left,
  .gantt_drag_marker .gantt_data_area .gantt_task_line:not(.gantt_project):not(.gantt_milestone):not(.assignees-hidden) .gantt_link_control.task_left {
    left: -57px;
  }
  .gantt_container .gantt_data_area .gantt_task_line:not(.gantt_project):not(.gantt_milestone):not(.assignees-hidden) .gantt_link_control.task_right,
  .gantt_drag_marker .gantt_data_area .gantt_task_line:not(.gantt_project):not(.gantt_milestone):not(.assignees-hidden) .gantt_link_control.task_right {
    right: -21px;
  }
  .gantt_container .gantt_data_area .gantt_task_line:not(.gantt_project):not(.gantt_milestone):not(.assignees-hidden) .gantt_link_control .gantt_link_point,
  .gantt_drag_marker .gantt_data_area .gantt_task_line:not(.gantt_project):not(.gantt_milestone):not(.assignees-hidden) .gantt_link_control .gantt_link_point {
    margin-left: 4px;
  }
  .gantt_container .gantt_data_area .gantt_task_line:not(.gantt_project):not(.gantt_milestone):not(.assignees-hidden).assignees-multi .gantt_link_control.task_left,
  .gantt_drag_marker .gantt_data_area .gantt_task_line:not(.gantt_project):not(.gantt_milestone):not(.assignees-hidden).assignees-multi .gantt_link_control.task_left {
    left: -95px;
  }
  .gantt_container .gantt_data_area .gantt_task_line.phase .gantt_link_control,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.phase .gantt_link_control,
  .gantt_container .gantt_data_area .gantt_task_line.gantt_project .gantt_link_control,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_project .gantt_link_control {
    display: none;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_recurring_milestone,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_recurring_milestone {
    transform: rotate(45deg);
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_recurring_milestone .gantt_task_content,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_recurring_milestone .gantt_task_content {
    transform: rotate(0);
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_recurring_milestone .task-title,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_recurring_milestone .task-title {
    margin-top: 0 !important;
    position: absolute;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_recurring_milestone .task-title img,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_recurring_milestone .task-title img {
    margin-bottom: 2px;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_milestone,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_milestone {
    min-width: 21px;
    width: 21px !important;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_milestone.milestone-week-scale,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_milestone.milestone-week-scale {
    margin-left: 9px;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_milestone.milestone-week-scale.gantt_milestone_with_non_zero_duration,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_milestone.milestone-week-scale.gantt_milestone_with_non_zero_duration {
    margin-left: 4px;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_milestone.milestone-month-scale,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_milestone.milestone-month-scale {
    margin-left: 1px;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_milestone.milestone-year-scale,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_milestone.milestone-year-scale {
    margin-left: 1px;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_milestone .gantt_task_content,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_milestone .gantt_task_content {
    border-radius: 4px;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_milestone .task-checked-icon,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_milestone .task-checked-icon {
    transform: rotate(-45deg);
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_milestone .task-title,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_milestone .task-title {
    text-align: center;
    line-height: 25px;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_milestone .task-title .completed-milestone,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_milestone .task-title .completed-milestone {
    color: var(--white);
    font-weight: 600;
    font-size: 12px;
    transform: rotate(-45deg);
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_milestone .gantt_side_content,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_milestone .gantt_side_content {
    color: var(--typographyPrimary);
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_milestone .gantt_side_content.gantt_right,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_milestone .gantt_side_content.gantt_right {
    padding-left: 0;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_milestone .gantt_side_content.gantt_right.gantt_link_crossing,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_milestone .gantt_side_content.gantt_right.gantt_link_crossing {
    bottom: auto;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_milestone .gantt_side_content.gantt_right .milestone-title,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_milestone .gantt_side_content.gantt_right .milestone-title {
    font-size: 14px;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_milestone .gantt_side_content.gantt_right .with-dependencies,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_milestone .gantt_side_content.gantt_right .with-dependencies {
    margin-left: 20px;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_milestone .gantt_side_content.gantt_right .without-dependencies,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_milestone .gantt_side_content.gantt_right .without-dependencies {
    margin-left: 8px;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_selected:not(:hover):not(.gantt_drag_progress) .gantt_task_progress_drag,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_selected:not(:hover):not(.gantt_drag_progress) .gantt_task_progress_drag {
    display: none;
  }
  .gantt_container .gantt_data_area .gantt_task_line.checked .gantt_task_progress_wrapper,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.checked .gantt_task_progress_wrapper,
  .gantt_container .gantt_data_area .gantt_task_line.gantt_milestone .gantt_task_progress_wrapper,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_milestone .gantt_task_progress_wrapper,
  .gantt_container .gantt_data_area .gantt_task_line.label .gantt_task_progress_wrapper,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.label .gantt_task_progress_wrapper,
  .gantt_container .gantt_data_area .gantt_task_line.phase .gantt_task_progress_wrapper,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.phase .gantt_task_progress_wrapper,
  .gantt_container .gantt_data_area .gantt_task_line.checked .gantt_task_progress_drag,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.checked .gantt_task_progress_drag,
  .gantt_container .gantt_data_area .gantt_task_line.gantt_milestone .gantt_task_progress_drag,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_milestone .gantt_task_progress_drag,
  .gantt_container .gantt_data_area .gantt_task_line.label .gantt_task_progress_drag,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.label .gantt_task_progress_drag,
  .gantt_container .gantt_data_area .gantt_task_line.phase .gantt_task_progress_drag,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.phase .gantt_task_progress_drag {
    display: none;
  }
  .gantt_container .gantt_data_area .gantt_task_line.phase,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.phase {
    background-color: var(--newWhiteGray60);
  }
  .gantt_container .gantt_data_area .gantt_task_line:not(.gantt_milestone) .gantt_side_content,
  .gantt_drag_marker .gantt_data_area .gantt_task_line:not(.gantt_milestone) .gantt_side_content {
    top: unset;
    bottom: unset;
  }
  .gantt_container .gantt_data_area .gantt_task_line:not(.gantt_milestone) .gantt_side_content .milestone-title,
  .gantt_drag_marker .gantt_data_area .gantt_task_line:not(.gantt_milestone) .gantt_side_content .milestone-title {
    font-size: 14px;
  }
  .gantt_container .gantt_data_area .gantt_task_line:not(.gantt_milestone) .gantt_side_content.gantt_left,
  .gantt_drag_marker .gantt_data_area .gantt_task_line:not(.gantt_milestone) .gantt_side_content.gantt_left {
    padding: 0;
    margin-right: 2px;
    height: fit-content;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_selected,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_selected {
    box-shadow: none;
  }
  .gantt_container .gantt_data_area .gantt_task_line.gantt_selected .gantt_task_content,
  .gantt_drag_marker .gantt_data_area .gantt_task_line.gantt_selected .gantt_task_content {
    box-shadow: 0 0 5px #999999;
  }
  .gantt_container .gantt_data_area .hide_progress_drag .gantt_task_progress_drag,
  .gantt_drag_marker .gantt_data_area .hide_progress_drag .gantt_task_progress_drag {
    display: none !important;
  }
  .gantt_container .gantt_data_area .gantt-colored-milestone,
  .gantt_drag_marker .gantt_data_area .gantt-colored-milestone {
    border-radius: 4px !important;
  }
  .column_overload .gantt_histogram_fill {
    background-color: var(--whitePink84);
  }
  .gantt_resource_time_off {
    background-color: var(--whiteGray175);
  }
  .gantt_resource_time_off .gantt_histogram_fill {
    background-color: var(--whiteGray175);
  }
  .gantt_side_content .gantt-people-picker.readonly .sharing-with-flex-container,
  .gantt_side_content .gantt-people-picker.readonly .member-display {
    cursor: default;
  }
  .gantt-people-picker {
    margin-right: 3px;
    cursor: pointer;
    display: flex;
  }
  .gantt-people-picker.readonly {
    cursor: default;
  }
  .gantt-people-picker div {
    display: flex;
  }
  .gantt-people-picker .people-picker-element:not(.assignees-count) {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: var(--textAvatarGrayBackground);
    color: var(--textAvatarWhiteTypography);
    font-weight: 700;
    line-height: 13px;
    font-size: 12px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    border-radius: 50%;
  }
  .gantt-people-picker .people-picker-element:not(.assignees-count).icon-with-border {
    border: 1px solid var(--white);
  }
  .gantt-people-picker.multiple-people-selected {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 15px;
  }
  .gantt-people-picker.multiple-people-selected .people-picker-element:first-child {
    position: absolute;
    left: -15px;
  }
  .gantt-people-picker.multiple-people-selected .people-picker-element:last-child {
    margin-right: 2px;
  }
  .gantt-people-picker .assignees-count {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.14px;
    padding-left: 1px;
    color: var(--gray203);
  }
  .gantt-people-picker .new-team-badge {
    position: absolute;
    top: 0;
    right: 0;
    width: 10px !important;
    height: 11px !important;
  }
  #gantt-fs {
    position: absolute;
    z-index: 2;
    bottom: 60px;
    right: 0;
    display: flex;
  }
  #gantt-fs.fullscreen {
    z-index: 1002;
    bottom: 30px;
  }
  #gantt-fs > div {
    margin-right: 15px;
  }
  .gantt_side_content {
    color: var(--typographyPrimary) !important;
  }
  .shared-view .gantt_cell:focus {
    box-shadow: none;
  }
  .shared-view .select-task-checkbox {
    visibility: hidden !important;
  }
  .gantt_task_cell {
    border-right: none;
  }
  .gantt_task_cell.weekend {
    border-right: none !important;
    background: var(--whiteGray33) !important;
  }
  .gantt_task_cell.workday {
    border-right: 1px solid var(--borderPrimary) !important;
    background: var(--ganttLightStripesColor) !important;
  }
  .gantt_task_cell.dark-background {
    border-right: none;
  }
  .gantt_task_cell.light-background {
    border-right: none;
    background: var(--newViewBackground) !important;
  }
  .gantt-row-height-measurement-element {
    font-size: 15px;
    font-family: 'proxima-nova', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    line-height: 17px;
    padding: 8px;
    position: absolute;
    white-space: normal;
    visibility: hidden;
  }
  .gantt-row-height-measurement-element .labels-cell-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .gantt-row-height-measurement-element .labels-cell-wrapper .label-pill {
    height: 20px;
    margin-bottom: 4px;
    margin-right: 4px;
    padding: 0 10px;
  }
  #home-page {
    padding: 32px 16px 32px 32px;
    overflow-y: auto;
    height: 100%;
  }
  #home-page .page-title {
    margin: 0;
  }
  #home-page .bg-banner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    position: absolute;
    top: 0;
    height: 200px;
    left: 0;
  }
  #home-page #news-header {
    width: calc(100% - 275px);
    min-width: 450px;
    display: flex;
    margin-bottom: 16px;
    align-items: center;
    float: left;
  }
  #home-page #news-header .title-btns {
    margin-left: auto;
    display: flex;
  }
  #home-page #news-header .title-btns .title-btn {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    position: relative;
    cursor: pointer;
    height: 34px;
    border-radius: 4px;
    border: 1px solid var(--gray4);
    color: var(--typographyPrimary);
    width: 100px;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    padding: 8px 16px;
    margin-left: 10px;
  }
  #home-page #news-header .title-btns .title-btn.link-dropdown > span {
    width: 100%;
    height: 100%;
    display: block;
  }
  #home-page #news-header .title-btns .link-dropdown {
    display: none;
  }
  #home-page #news-header .new-post-btn .new-post-icon {
    font-size: 8px;
    margin-right: 3px;
  }
  #home-page .page-title-links {
    font-weight: 600;
    font-size: 20px;
    height: 40px;
  }
  #home-page #posts {
    width: calc(100% - 275px);
    min-width: 450px;
    margin-right: 15px;
    float: left;
  }
  #home-page #posts .post-form-wrap {
    background-color: var(--white);
    padding: 15px 20px;
    border: 1px solid var(--whiteGray52);
  }
  #home-page #posts .post-form-wrap #post-form {
    display: flex;
    border: 1px solid var(--whiteGray52);
    padding: 10px;
    background-color: var(--item-hovered);
  }
  #home-page #posts .posts-loader {
    padding-left: 20px;
    padding-bottom: 20px;
  }
  #home-page #posts .posts-loader.loading:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4, end) 1200ms infinite;
    animation: ellipsis steps(4, end) 1200ms infinite;
    content: "\2026";
    /* ascii code for the ellipsis character */
    width: 0px;
  }
  @keyframes ellipsis {
    to {
      width: 1.25em;
    }
  }
  @-webkit-keyframes ellipsis {
    to {
      width: 1.25em;
    }
  }
  #home-page.small-hp {
    padding: 15px;
  }
  #home-page.small-hp #news-header {
    width: 100%;
  }
  #home-page.small-hp #news-header .link-dropdown {
    display: block;
  }
  #home-page.small-hp #posts {
    width: 100%;
    margin-bottom: 15px;
    margin-right: 0;
  }
  #home-page.small-hp #links-sidebar {
    display: none;
  }
  #home-page.small-hp .title-btns .title-btn.link-dropdown {
    display: flex;
  }
  #home-page .help-center {
    margin-top: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    color: var(--typographyPrimary);
  }
  #home-page .help-center a {
    text-decoration: underline !important;
    text-decoration-thickness: 0.05rem !important;
    text-underline-offset: 0.1rem;
    color: var(--hive-blue);
  }
  #home-page .links-sidebar-container {
    display: flex;
    flex-direction: column;
  }
  .contenteditable-form {
    display: flex;
    border: 1px solid var(--whiteGray52);
    padding: 10px 15px;
    background-color: var(--newLightGrayToDarkGray);
  }
  .contenteditable-form .img {
    flex-shrink: 0;
  }
  .contenteditable-form .input-wrap {
    display: flex;
    width: 100%;
    min-width: 80%;
    margin-left: 15px;
    border: 1px solid var(--inputBorderPrimary);
    align-items: center;
    background-color: var(--newWhiteGrayBackground);
  }
  .contenteditable-form .input-wrap:focus {
    border-color: var(--inputBorderPrimaryActive);
  }
  .contenteditable-form .input-wrap .editable-input {
    border: none;
    margin-left: 0;
  }
  .contenteditable-form .input-wrap .submit-input {
    width: 60px;
    color: var(--hive-blue);
    text-align: center;
  }
  .contenteditable-form .input-wrap .submit-input:hover {
    cursor: pointer;
  }
  .contenteditable-form .editable-input {
    position: relative;
    background-color: var(--newWhiteGrayBackground);
    border: 1px solid var(--inputBorderPrimary);
    border-radius: 2px;
    outline: none;
    padding: 7px 10px;
    min-height: 30px;
    margin-left: 15px;
    flex-grow: 1;
    flex-basis: 100%;
    max-width: 100%;
    overflow-x: hidden;
    max-height: 100px;
    overflow-y: auto;
    word-wrap: break-word;
  }
  .contenteditable-form .editable-input:focus {
    border-color: var(--inputBorderPrimaryActive);
  }
  .post-item {
    width: 100%;
    max-width: 100%;
    background-color: var(--newWhiteGrayBackground);
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 2px;
    margin-bottom: 30px;
    box-sizing: border-box;
    box-shadow: 0 1px 2px 0 var(--color72), 0 1px 4px 0 var(--color9);
  }
  .post-item .allow-select {
    user-select: text;
  }
  .post-item .author-section .img {
    margin-left: 0px;
  }
  .post-item .author-section .author-info {
    display: inline-block;
    vertical-align: middle;
  }
  .post-item .author-section .author-info span {
    display: block;
  }
  .post-item .author-section .author-name {
    font-size: 15px;
    font-weight: 700;
  }
  .post-item .author-section .created-at {
    color: var(--gray194);
    font-size: 90%;
    display: inline;
  }
  .post-item .edit-buttons {
    margin-top: 10px;
  }
  .post-item .edit-buttons .btn {
    border: none;
  }
  .post-item .edit-buttons .btn-default {
    color: var(--section-title);
  }
  .post-item .edit-buttons .btn-default:hover {
    background-color: transparent;
  }
  .post-item .post-icons {
    z-index: 1;
    display: flex;
    background: var(--newWhiteGrayBackground);
    position: absolute;
    border: 1px solid var(--color-medium-rare);
    border-radius: 6px;
    opacity: 0;
    top: 6px;
    right: 10px;
  }
  .post-item .post-owner {
    width: 30px;
    height: 30px;
  }
  .post-item > .img {
    flex-shrink: 0;
  }
  .post-item .post-header .post-category {
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: bold;
    background: var(--whiteBlue152);
    color: var(--newWhiteGrayBackground);
    padding-left: 15px;
    border-radius: 3px 3px 0 0;
    font-size: 16px;
  }
  .post-item .post-data {
    margin: 10px 20px;
  }
  .post-item .post-data .post-body {
    flex: 1;
    line-height: 1.2;
    max-width: 100%;
    margin: 10px 0px;
    user-select: text;
  }
  .post-item .post-data .post-body a {
    word-break: break-word;
  }
  .post-item .post-data .post-body-wrapper {
    margin: 4px 0px;
  }
  .post-item .post-data .post-body-wrapper .post-img {
    background: var(--whiteGray37);
    margin-top: 15px;
    margin-bottom: 4px;
  }
  .post-item .post-data .post-body-wrapper .post-img .file-item {
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
  }
  .post-item .post-data .post-body-wrapper .post-img .file-item .preview-wrap {
    background: var(--whiteGray37);
  }
  .post-item .post-data .post-body-wrapper .post-img .file-item .preview-wrap .preview-box,
  .post-item .post-data .post-body-wrapper .post-img .file-item .preview-wrap video,
  .post-item .post-data .post-body-wrapper .post-img .file-item .preview-wrap document {
    max-width: 400px;
    max-height: 400px;
    overflow: hidden;
  }
  .post-item .post-data .owner-name {
    color: var(--hive-blue);
    margin-right: 10px;
    font-weight: 600;
  }
  .post-item:hover .post-icons {
    opacity: 1;
  }
  .post-item + .contenteditable-form {
    border-top: none;
  }
  .post-item .reactions {
    padding: 8px 0;
    display: flex;
    flex-wrap: wrap;
  }
  .post-item .reaction {
    height: 24px;
    border-radius: 6px;
    background-color: var(--newWhiteGrayBackground);
    border: solid 1px var(--color-rare);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    color: var(--section-title);
  }
  .post-item .reaction:hover {
    cursor: pointer;
  }
  .post-item .reaction.user-reaction {
    border-color: var(--hive-blue-fade-20);
    color: var(--hive-blue);
    background-color: var(--hive-blue-fade-10);
  }
  .post-item .reaction.add-reaction {
    opacity: 0;
    margin-left: 5px;
  }
  .post-item .reaction.add-reaction:hover {
    border-color: var(--hive-blue-fade-20);
    color: var(--hive-blue);
  }
  .post-item .reaction .reaction-count {
    margin-left: 4px;
  }
  .post-item .post-footer {
    border-top: 1px solid var(--whiteGray52);
    background: var(--whiteGray37);
    padding: 5px 20px;
  }
  .post-item .post-footer .comments-count {
    font-size: 12px;
  }
  .edit-post-form {
    background-color: var(--newWhiteGrayBackground);
    padding: 0;
    border: none;
  }
  .edit-post-form .editable-input {
    margin-left: 0;
  }
  .post-comments-list {
    border-top: 1px solid var(--whiteGray52);
    background: var(--whiteGray37);
  }
  .post-comments-list .post-comment-item {
    padding-left: 16px;
    padding-top: 4px;
  }
  .post-comments-list .post-comment-item.message {
    margin: 0;
  }
  .post-comments-list .post-comment-item.message:hover {
    background-color: var(--whiteGray37);
  }
  .post-comments-list .post-comment-item .message-content-block {
    margin-left: 10px;
  }
  .post-comments-list .post-comment-item .sender-name {
    color: var(--gray226);
    margin-right: 10px;
    font-weight: 600;
  }
  .post-comments-list .post-comment-item .message-menu-wrapper {
    top: 10px;
    right: 10px;
  }
  .post-comments-list .post-comment-item .edit-buttons {
    margin-top: 10px;
  }
  .post-comments-list .post-comment-item .edit-buttons .btn {
    border: none;
  }
  .post-comments-list .post-comment-item .edit-buttons .btn-default {
    color: var(--section-title);
    background-color: transparent;
  }
  .post-comments-list .post-comment-item .reactions {
    padding-left: 10px;
  }
  #links-sidebar {
    max-width: 260px;
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--gray4);
    border-radius: 4px;
  }
  #links-sidebar .links-title {
    position: relative;
    display: flex;
    background: var(--newWhiteGrayBackground);
    color: var(--typographyPrimary);
    padding: 10px 16px;
    height: 40px;
    border-radius: 3px 3px 0 0;
  }
  #links-sidebar .links-title .title-text {
    display: flex;
    flex: 1 1 auto;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
  }
  #links-sidebar hr {
    border: 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: var(--borderPrimary);
    margin-block-start: 0;
    margin-block-end: 0;
    width: calc(100% - 16px);
  }
  #links-sidebar .link-form-wrap {
    padding: 10px 16px;
  }
  #links-sidebar .link-form-wrap .add-new-link {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: var(--hive-blue);
  }
  #links-sidebar .links-list {
    margin-top: 4px;
    border-top: 0;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: var(--newWhiteGrayBackground);
  }
  #links-sidebar .link-form input {
    width: 100%;
    margin-top: 3px;
    border: 1px solid var(--whiteGray52);
    padding: 2px 4px;
    font-weight: normal;
  }
  #links-sidebar .link-form input:focus {
    border: 1px solid var(--hive-blue);
  }
  #links-sidebar .link-form-buttons {
    text-align: right;
    margin-top: 10px;
  }
  #links-sidebar .link-form-buttons .btn {
    border: none;
  }
  #links-sidebar .link-form-buttons .btn-default {
    color: var(--section-title);
    background-color: transparent;
  }
  #links-sidebar .link-item {
    position: relative;
    padding: 4px 45px 4px 16px;
  }
  #links-sidebar .link-item .link-title {
    color: var(--typographyPrimary);
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    display: block;
    max-width: 100%;
  }
  #links-sidebar .link-item .link-title:hover {
    text-decoration: underline !important;
    text-decoration-thickness: 0.05rem !important;
    text-underline-offset: 0.1rem;
  }
  #links-sidebar .link-item .link-menu-wrap {
    position: absolute;
    top: 0;
    right: 16px;
    display: flex;
    border: 1px solid var(--color-medium-rare);
    border-radius: 6px;
    opacity: 0;
  }
  #links-sidebar .link-item:hover .link-menu-wrap {
    opacity: 1;
  }
  #postItemModal .error {
    padding: 20px;
    color: var(--color-negative);
  }
  #postItemModal .modal-dialog {
    top: 15%;
    max-height: 75% !important;
    border-radius: 5px;
    width: 600px;
  }
  #postItemModal .modal-dialog .modal-content {
    border-radius: 0;
    border: none;
    cursor: default;
  }
  #postItemModal .modal-dialog .modal-content .modal-header {
    height: 50px;
    background-color: var(--whiteBlue7);
    font-size: 17px;
    font-weight: 600;
    cursor: default;
  }
  #postItemModal .modal-dialog .modal-content .modal-header .close-modal {
    cursor: pointer;
    position: absolute;
    font-size: 20px;
    right: 20px;
  }
  #postItemModal .modal-dialog .modal-content .post-item-modal {
    border-radius: 0;
    padding: 0px;
    border: none;
    max-width: inherit;
  }
  #postItemModal .modal-dialog .modal-content .post-item-modal .post-item-body .post-input {
    overflow-x: auto;
    min-height: 150px;
    padding: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: 0.3px;
    color: var(--gray226);
    width: 100%;
    display: block;
    cursor: text;
    outline: none !important;
    -webkit-user-select: text;
  }
  #postItemModal .modal-dialog .modal-content .post-item-modal .post-item-body .post-input:focus {
    outline: none !important;
  }
  #postItemModal .modal-dialog .modal-content .post-item-modal .post-item-body .attachments {
    width: 100%;
    margin: 0;
    padding: 10px;
    border-bottom: 0.7px solid var(--borderPrimary);
    border-top: 0.7px solid var(--borderPrimary);
  }
  #postItemModal .modal-dialog .modal-content .post-item-modal .post-item-categories {
    background-color: var(--newWhiteGrayBackground);
    height: 35px;
    align-items: center;
    display: flex;
    border-bottom: 0.7px solid var(--borderPrimary);
    cursor: default;
  }
  #postItemModal .modal-dialog .modal-content .post-item-modal .post-item-categories .category-dropdown {
    border: none;
    margin-left: 15px;
  }
  #postItemModal .modal-dialog .modal-content .post-item-modal .modal-header {
    padding: 15px;
  }
  #postItemModal .modal-dialog .modal-content .post-item-modal .modal-footer {
    border: none;
    cursor: default;
    padding: 15px;
  }
  #postItemModal .modal-dialog .modal-content .post-item-modal .modal-footer .modal-buttons {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0;
  }
  #postItemModal .modal-dialog .modal-content .post-item-modal .modal-footer .modal-buttons .submit-btn {
    position: absolute;
    bottom: 17px;
    right: 20px;
    width: 120px;
    border: none;
    border-radius: 5px;
    font-weight: bold;
  }
  #postItemModal .modal-dialog .modal-content .post-item-modal .modal-footer .modal-buttons .emoji-btn {
    color: var(--defaultIconColor);
    height: 36px;
    display: flex;
    align-items: center;
  }
  #postItemModal .modal-dialog .modal-content .post-item-modal .modal-footer .modal-buttons .emoji-btn .fa-smile {
    font-size: 18px;
  }
  #postItemModal .modal-dialog .modal-content .post-item-modal .modal-footer .modal-buttons .emoji-btn:hover {
    color: var(--primary-blue);
  }
  #postItemModal .modal-dialog .modal-content .post-item-modal .modal-footer .modal-buttons .attach-files {
    margin-left: 10px;
  }
  #postItemModal .modal-dialog .modal-content .post-item-modal .modal-footer .modal-buttons .attach-files .dropdown .dropdown-menu {
    top: auto;
    bottom: 0;
    left: 25px;
    min-width: unset;
    padding: 0;
  }
  #postItemModal .modal-dialog .modal-content .post-item-modal .modal-footer .modal-buttons .attach-files .dropdown .dropdown-menu .fileUpload {
    margin: 0;
    padding: 5px 0;
    cursor: pointer;
  }
  #postItemModal .modal-dialog .modal-content .post-item-modal .modal-footer .modal-buttons .attach-files .dropdown .dropdown-menu .fileUpload input[type=file],
  #postItemModal .modal-dialog .modal-content .post-item-modal .modal-footer .modal-buttons .attach-files .dropdown .dropdown-menu .fileUpload input[type=file]::-webkit-file-upload-button {
    cursor: pointer;
    max-width: 105px;
  }
  #postItemModal .modal-dialog .modal-content .post-item-modal .modal-footer .modal-buttons .attach-files .dropdown .dropdown-menu .fileUpload:hover {
    background-color: var(--backgroundPrimaryHover);
  }
  #postItemModal .modal-dialog .modal-content .post-item-modal .modal-footer .modal-buttons .attach-files i {
    transform: scale(1, -1);
    font-size: 18px;
  }
  #postItemModal .category-picker-container span,
  #postItemModal .category-picker-container .caret {
    color: var(--white) !important;
  }
  .progress-section {
    background-color: inherit;
  }
  .progress-section.file-upload {
    background-color: var(--color-raw);
  }
  .progress-section.file-upload .progress-bar {
    position: relative;
    bottom: 4px;
  }
  .progress-section .progress-bar {
    height: 5px;
  }
  .progress-section .progress-bar[aria-valuenow="100"] {
    background-color: var(--green103);
    opacity: 0;
    transition: opacity 0.2s 1s ease;
  }
  .progress-section .error {
    color: red;
  }
  .progress-section .center {
    text-align: center;
  }
  .zoom-link {
    box-shadow: 0 1px 2px var(--color12);
    border-radius: 3px;
    background: var(--white);
    border-width: 1px;
    border-color: var(--color-raw);
    border-style: solid;
    padding: 10px;
    margin: 6px 0;
  }
  .zoom-link img.zoom-logo {
    height: 25px;
    margin-right: 5px;
  }
  .zoom-link hr {
    margin: 10px;
  }
  .dropdown-menu .fileUploadOption {
    display: block;
    margin: 0;
    line-height: 1.429;
  }
  .dropdown-menu .fileUploadOption:hover {
    background-color: var(--backgroundPrimaryHover);
  }
  .ag-dnd-ghost {
    display: none;
  }
  .table-view-container {
    height: 100%;
    position: relative;
    background-color: var(--backgroundPrimary);
  }
  .table-view-container .table-view {
    height: 100%;
    display: flex;
    flex: 1;
    /*
    * <span.ag-row-indent-0>
    *   <span.ag-group-extended && !.ag-hidden>
        <span.ag-group-value> <<-- this holds the title, and gets the styling applied
    */
  }
  .table-view-container .table-view .ag-cell-edit-input,
  .table-view-container .table-view .datepicker-input {
    padding-left: 11px;
    padding-right: 11px;
  }
  .table-view-container .table-view .hover-over {
    background-color: var(--whiteBlue1);
  }
  .table-view-container .table-view .new-column-highlight {
    background-color: rgba(225, 162, 255, 0.1);
  }
  .table-view-container .table-view .action-colors-enabled .ag-row.tablerow-action-completed {
    background-color: var(--completedActionRow);
  }
  .table-view-container .table-view .action-colors-enabled .ag-row.tablerow-action-completed:hover {
    background-color: var(--completedActionRowHover);
  }
  .table-view-container .table-view .action-colors-enabled .ag-row.tablerow-action-overdue {
    background-color: var(--overdueActionRow);
  }
  .table-view-container .table-view .action-colors-enabled .ag-row.tablerow-action-overdue:hover {
    background-color: var(--overdueActionRowHover);
  }
  .table-view-container .table-view .action-colors-enabled .ag-row.tablerow-action-due-today {
    background-color: var(--dueTodayActionRow);
  }
  .table-view-container .table-view .action-colors-enabled .ag-row.tablerow-action-due-today:hover {
    background-color: var(--dueTodayActionRowHover);
  }
  .table-view-container .table-view .action-colors-enabled .ag-row.tablerow-action-milestone:not(.tablerow-action-completed) {
    background-color: var(--milestoneActionRow);
  }
  .table-view-container .table-view .action-colors-enabled .ag-row-hover.ag-row.tablerow-action-milestone:not(.tablerow-action-completed) {
    background-color: var(--milestoneActionRowHover);
  }
  .table-view-container .table-view .tablerow-is-parent-action.ag-row-level-0 .ag-group-value {
    font-weight: bold;
  }
  .table-view-container .table-view .ag-cell-highlight {
    background-color: transparent !important;
  }
  .table-view-container .table-view .ag-theme-balham {
    font: inherit;
    color: inherit;
  }
  .table-view-container .table-view .ag-theme-balham .ag-root-wrapper {
    border: none;
    background-color: var(--white);
  }
  .table-view-container .table-view .ag-theme-balham .ag-overlay .ag-overlay-loading-wrapper {
    background-color: var(--backgroundPrimary);
  }
  .table-view-container .table-view .ag-theme-balham .ag-checkbox-input-wrapper {
    font-size: 14px;
    line-height: 14px;
    width: 14px;
    height: 14px;
    box-shadow: none;
    background-color: var(--backgroundPrimary);
  }
  .table-view-container .table-view .ag-theme-balham .ag-checkbox-input-wrapper:active {
    box-shadow: none;
  }
  .table-view-container .table-view .ag-theme-balham .ag-checkbox-input-wrapper:after {
    color: var(--gray216);
  }
  .table-view-container .table-view .ag-theme-balham .add-status-container {
    top: -3px;
    display: inline;
  }
  .table-view-container .table-view .ag-theme-balham .cell-render-dropdown {
    margin-left: -2px;
    margin-top: -2px;
  }
  .table-view-container .table-view .ag-theme-balham .ag-virtual-list-container .list-item-position {
    position: static;
  }
  .table-view-container .table-view .ag-theme-balham .ag-virtual-list-container .new-item-container {
    position: static;
    height: auto;
  }
  .table-view-container .table-view .ag-theme-balham .ag-virtual-list-container .add-new-item {
    margin-bottom: 5px;
  }
  .table-view-container .table-view .ag-theme-balham .ag-virtual-list-container .add-new-item a {
    color: var(--gray224);
    cursor: default;
  }
  .table-view-container .table-view .ag-theme-balham .ag-virtual-list-container .cell-render-dropdown-items:hover,
  .table-view-container .table-view .ag-theme-balham .ag-virtual-list-container .add-new-item:hover {
    background-color: var(--backgroundPrimaryHover);
  }
  .table-view-container .table-view .ag-theme-balham .ag-virtual-list-container .focused {
    background-color: var(--whiteBlue153);
  }
  .table-view-container .table-view .ag-theme-balham .ag-virtual-list-container .new-item-above-line {
    height: 1px;
    margin-bottom: 5px;
    margin-top: 5px;
    background-color: var(--whiteGray184);
    border: none;
  }
  .table-view-container .table-view .ag-theme-balham .ag-virtual-list-container .update-multiply-actions {
    display: flex;
    align-items: center;
    font-weight: normal;
    padding-left: 10px;
    height: 28px;
  }
  .table-view-container .table-view .ag-theme-balham .ag-virtual-list-container .update-multiply-actions input {
    margin-top: 0px;
    margin-right: 5px;
  }
  .table-view-container .table-view .ag-theme-balham .ag-popup-editor:focus {
    outline: none;
  }
  .table-view-container .table-view .ag-theme-balham .lebel-modal-background {
    z-index: 0;
  }
  .table-view-container .table-view .ag-theme-balham .modal-dialog-label {
    z-index: 1;
    color: var(--gray224);
    top: 140px;
    max-width: 450px;
  }
  .table-view-container .table-view .ag-theme-balham .custom-field-select-dropdown .select-dropdown {
    width: 100%;
  }
  .table-view-container .table-view .ag-theme-balham .custom-field-select-dropdown .select-dropdown .select-component-dropdown {
    border: none !important;
    width: 100%;
  }
  .table-view-container .table-view .ag-theme-balham .ag-side-bar-right,
  .table-view-container .table-view .ag-theme-balham .ag-floating-bottom {
    border-color: var(--newGrayToDarkGrayBorder);
  }
  .table-view-container .table-view .ag-theme-balham .ag-side-bar-right .ag-row,
  .table-view-container .table-view .ag-theme-balham .ag-floating-bottom .ag-row {
    border-bottom: none;
  }
  .table-view-container .table-view .ag-theme-balham .ag-header-row .ag-header-cell:hover,
  .table-view-container .table-view .ag-theme-balham .ag-header-row .ag-header-group-cell:hover {
    background-color: var(--newWhiteGrayBackgroundHover);
  }
  .table-view-container .table-view .ag-theme-balham .ag-header-row .ag-header-cell:after,
  .table-view-container .table-view .ag-theme-balham .ag-header-row .ag-header-group-cell:after {
    top: 0;
    height: 100%;
  }
  .table-view-container .table-view .ag-theme-balham .ag-row {
    border-color: var(--newGrayToDarkGrayBorder);
    background-color: var(--backgroundPrimary);
  }
  .table-view-container .table-view .ag-theme-balham .ag-header-cell:after,
  .table-view-container .table-view .ag-theme-balham .ag-header-group-cell:after {
    background-color: var(--newGrayToDarkGrayBorder);
  }
  .table-view-container .table-view .ag-theme-balham .ag-header-cell-moving {
    background-color: var(--backgroundPrimary);
  }
  .table-view-container .table-view .ag-theme-balham .ag-keyboard-focus .ag-header-cell:focus:after {
    background-color: transparent;
  }
  .table-view-container .table-view .ag-theme-balham .ag-tooltip {
    word-break: break-word;
    border-radius: 4px;
    font-size: 13px;
    border-color: var(--tooltipBackground);
    background-color: var(--tooltipBackground);
    max-width: 500px;
    color: var(--white);
    padding: 8px 14px;
    font-weight: 400;
    font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
    opacity: 0.9;
    transition: opacity 0.3s;
    z-index: 100000;
  }
  .table-view-container .table-view .ag-cell-wrapper.ag-cell-expandable.ag-row-group .ag-group-contracted,
  .table-view-container .table-view .ag-cell-wrapper.ag-cell-expandable.ag-row-group .ag-group-expanded {
    height: 35px;
    color: var(--gray216);
  }
  .table-view-container .table-view .ag-icon.ag-icon-menu {
    font-size: 15px;
  }
  .table-view-container .table-view #selectAllContainer {
    margin-top: 10px;
  }
  .table-view-container .table-view .ag-column-panel-center {
    border-left: 1px solid var(--whiteGray184);
  }
  .table-view-container .table-view .ag-menu-option-text,
  .table-view-container .table-view .ag-column-select-label {
    font-weight: normal;
    color: var(--gray224);
  }
  .table-view-container .table-view .ag-menu {
    background-color: var(--dropdownBackgroundPrimary);
    box-shadow: 0 4px 10px var(--color11);
    border-radius: 4px;
    border: unset;
  }
  .table-view-container .table-view .ag-menu .ag-menu-option {
    cursor: pointer;
  }
  .table-view-container .table-view .ag-menu .ag-menu-option .ag-menu-option-icon {
    padding: 9px 0 9px 16px;
  }
  .table-view-container .table-view .ag-menu .ag-menu-option .ag-menu-option-icon svg {
    color: var(--secondaryIconColor);
  }
  .table-view-container .table-view .ag-menu .ag-menu-option-active {
    background-color: var(--dropdownBackgroundPrimaryHover);
  }
  .table-view-container .table-view .ag-menu .ag-menu-option-active.danger .ag-menu-option-text,
  .table-view-container .table-view .ag-menu .ag-menu-option-active.danger .ag-menu-option-icon svg {
    color: var(--red76);
  }
  .table-view-container .table-view .ag-menu .ag-menu-separator-part::after {
    border-color: var(--inputBorderPrimary);
  }
  .table-view-container .table-view .ag-menu .ag-input-field-input.ag-text-field-input {
    background-color: var(--backgroundPrimary);
    border: 1px solid var(--borderPrimary);
  }
  .table-view-container .table-view .ag-menu .ag-tabs-header.ag-menu-header {
    background-color: var(--gray567);
  }
  .table-view-container .table-view .ag-menu .ag-tabs-header.ag-menu-header .ag-tab {
    color: var(--typographyPrimary);
    background-color: var(--backgroundPrimary);
  }
  .table-view-container .table-view .ag-menu .ag-tabs-header.ag-menu-header .ag-tab[aria-label="columns"]::after {
    margin-left: 4px;
    content: 'Show columns';
  }
  .table-view-container .table-view .ag-menu .ag-tabs-header.ag-menu-header .ag-tab[aria-label="general"]::after {
    margin-left: 4px;
    content: 'Pin / Autosize';
  }
  .table-view-container .table-view .ag-theme-balham .ag-root {
    padding-right: var(--scrollbarSpacing);
    padding-bottom: var(--scrollbarSpacing);
    border: none;
  }
  .table-view-container .table-view .ag-center-cols-viewport {
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
  }
  .table-view-container .table-view .ag-center-cols-viewport::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
  }
  .table-view-container .table-view .ag-tool-panel,
  .table-view-container .table-view .ag-theme-balham [ref="north"] .ag-column-drop {
    border-right: none;
  }
  .table-view-container .table-view .ag-rich-select {
    background-color: var(--backgroundPrimary);
    color: var(--typographyPrimary);
  }
  .table-view-container .table-view .ag-rich-select .ag-rich-select-row {
    background-color: var(--backgroundPrimary);
    color: var(--gray224);
  }
  .table-view-container .table-view .ag-rich-select .ag-rich-select-row-selected {
    background-color: var(--whiteBlue153);
  }
  .table-view-container .table-view .grid-empty-state {
    text-align: center;
    width: 100%;
    margin-top: 50px;
  }
  .table-view-container .table-view .grid-empty-state i {
    font-size: 30px;
    color: var(--typographyPrimary);
  }
  .table-view-container .table-view .grid-empty-state img {
    width: 400px;
  }
  .table-view-container .table-view .grid-empty-state .empty-state-label {
    color: var(--typographyPrimary);
    font-size: 24px;
  }
  .table-view-container .table-view .ag-theme-balham .ag-header {
    font: inherit;
    height: 40px !important;
    min-height: 40px !important;
    border-color: var(--newGrayToDarkGrayBorder);
    background-color: var(--backgroundPrimary);
  }
  .table-view-container .table-view .ag-theme-balham .ag-header .ag-header-row-column {
    height: 40px !important;
  }
  .table-view-container .table-view .ag-theme-balham .ag-header-row .ag-header-cell {
    overflow: hidden;
  }
  .table-view-container .table-view .ag-theme-balham .ag-header-row .ag-header-cell:hover .right-icons {
    background-color: var(--newWhiteGrayBackgroundHover);
  }
  .table-view-container .table-view .ag-theme-balham .ag-header-row .ag-header-cell .ag-react-container {
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .table-view-container .table-view .ag-theme-balham .ag-header-row .ag-column-hover .right-icons {
    opacity: 1;
    transition: opacity 0.2s ease 0s;
    background-color: var(--backgroundPrimary);
  }
  .table-view-container .table-view .ag-theme-balham .ag-header-row .ag-column-hover .right-icons > div {
    opacity: 1;
  }
  .table-view-container .table-view .ag-theme-balham .ag-popup-editor {
    z-index: 3;
    border-color: var(--gray354);
  }
  .table-view-container .table-view .ag-theme-balham .ag-popup-editor .ag-rich-select {
    width: 220px;
  }
  .table-view-container .table-view .ag-theme-balham .ag-popup-editor .ag-rich-select .ag-rich-select-list {
    width: 220px;
  }
  .table-view-container .table-view .ag-theme-balham .ag-popup-editor .ag-rich-select .ag-rich-select-list .ag-virtual-list-container .ag-virtual-list-item .ag-rich-select-row {
    height: 100%;
  }
  .table-view-container .table-view .ag-theme-balham .ag-popup-editor .ag-rich-select .ag-rich-select-list .ag-virtual-list-container .ag-virtual-list-item .add-new-item {
    height: 28px;
  }
  .table-view-container .table-view .ag-theme-balham .ag-popup-editor .ag-rich-select .ag-rich-select-value,
  .table-view-container .table-view .ag-theme-balham .ag-popup-editor .ag-rich-select .ag-rich-select-row {
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .table-view-container .table-view .ag-theme-balham .ag-popup-editor .ag-rich-select .ag-rich-select-value {
    padding-right: 20px;
    border-color: var(--gray354);
  }
  .table-view-container .table-view .ag-theme-balham .ag-popup-editor .ag-react-container .estimate-editor {
    margin-bottom: 0px !important;
    border: none !important;
    color: var(--gray224);
    background: var(--newWhiteGrayBackground);
  }
  .table-view-container .table-view .ag-theme-balham .ag-row-selected {
    border-bottom-color: var(--newGrayToDarkGrayBorder);
    background: var(--selectedActionRow) !important;
  }
  .table-view-container .table-view .ag-theme-balham .ag-header-row:not(:first-child) .ag-header-cell,
  .table-view-container .table-view .ag-theme-balham .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
    border-top: none;
  }
  .table-view-container .table-view .ag-theme-balham .ag-column-select-header,
  .table-view-container .table-view .ag-theme-balham .ag-tab-selected {
    border-color: var(--gray354);
  }
  .table-view-container .table-view .ag-cell {
    color: var(--typographyPrimary);
    line-height: 35px;
    -webkit-font-smoothing: unset;
    -moz-osx-font-smoothing: unset;
  }
  .table-view-container .table-view .ag-cell[col-id="labels"],
  .table-view-container .table-view .ag-cell[col-id="priorityLevelId"],
  .table-view-container .table-view .ag-cell[col-id="project"],
  .table-view-container .table-view .ag-cell[col-id="parentProject"],
  .table-view-container .table-view .ag-cell[col-id="attachments"] {
    display: flex;
    align-items: center;
  }
  .table-view-container .table-view .ag-cell .ag-cell-wrapper .ag-row-drag {
    color: var(--gray203);
  }
  .table-view-container .table-view .ag-cell .ag-cell-wrapper .ag-row-drag.ag-hidden {
    display: flex !important;
    pointer-events: none;
  }
  .table-view-container .table-view .ag-cell .ag-cell-wrapper .ag-row-drag.ag-hidden svg {
    color: var(--gray4) !important;
  }
  .table-view-container .table-view .ag-cell .fa-external-link-alt {
    color: var(--blue141);
    cursor: pointer;
  }
  .table-view-container .table-view .ag-cell .fa-thumbtack {
    color: var(--grayBlue127);
  }
  .table-view-container .table-view .ag-cell .fa-thumbtack.active {
    color: var(--blue141);
  }
  .table-view-container .table-view .ag-cell:focus {
    box-shadow: 0 0 0 1px var(--blue120);
    border-radius: 1px;
    outline: initial;
  }
  .table-view-container .table-view .ag-cell .fa-exclamation-circle.urgent-red {
    font-size: 16px;
    color: var(--red72);
  }
  .table-view-container .table-view .ag-cell .labels-tags {
    display: flex;
    margin-top: 0;
  }
  .table-view-container .table-view .ag-cell .labels-tags .tag {
    min-width: 0;
    height: 17px;
    margin-right: 4px;
  }
  .table-view-container .table-view .ag-cell .labels-tags .tag p {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .table-view-container .table-view .ag-cell i.disabled {
    opacity: 0.5;
  }
  .table-view-container .table-view .ag-cell:not(.ag-selection-fill-left):not(.ag-selection-fill-right):not(.ag-selection-fill-top):not(.ag-selection-fill-bottom) {
    border: none;
    border-right: 1px solid var(--newGrayToDarkGrayBorder);
  }
  .table-view-container .table-view .ag-cell:focus,
  .table-view-container .table-view .ag-cell-focus {
    z-index: 2;
    box-shadow: inset 0 0 0 1px var(--blue120);
    border-radius: 1px;
    outline: initial;
  }
  .table-view-container .table-view .ag-inline-editing {
    border: 1px solid transparent;
  }
  .table-view-container .table-view .ag-row-focus {
    z-index: 2;
  }
  .table-view-container .table-view .ag-cell-wrap-text {
    word-break: break-word;
  }
  .table-view-container .table-view .ag-cell:not(.ag-cell-wrap-text) .cell-renderer {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .table-view-container .table-view .ag-row .ag-cell[style*="left: 0px;"],
  .table-view-container .table-view .ag-header-row .ag-header-cell[style*="left: 0px;"] {
    z-index: 3;
    left: 1px !important;
  }
  .table-view-container .table-view .ag-center-cols-container,
  .table-view-container .table-view .ag-pinned-left-cols-container,
  .table-view-container .table-view .ag-pinned-right-cols-container {
    display: block;
  }
  .table-view-container .table-view .ag-center-cols-container .ag-row,
  .table-view-container .table-view .ag-pinned-left-cols-container .ag-row,
  .table-view-container .table-view .ag-pinned-right-cols-container .ag-row {
    color: inherit;
  }
  .table-view-container .table-view .ag-center-cols-container {
    z-index: 1;
  }
  .table-view-container .table-view .ag-pinned-right-cols-container {
    border-left: 1px solid var(--newGrayToDarkGrayBorder);
    margin-left: 1px;
  }
  .table-view-container .table-view .ag-pinned-left-cols-container {
    border-right: 1px solid var(--newGrayToDarkGrayBorder);
  }
  .table-view-container .table-view .ag-pinned-right-header .ag-header-row,
  .table-view-container .table-view .ag-pinned-left-header .ag-header-row {
    border-bottom: 1px solid var(--newGrayToDarkGrayBorder);
  }
  .table-view-container .table-view .ag-pinned-right-header {
    border-left: none;
    margin-left: 1px;
  }
  .table-view-container .table-view .ag-pinned-right-header .ag-header-row:before {
    content: "";
    position: absolute;
    z-index: 1;
    display: block;
    width: 1px;
    height: 50%;
    top: calc(50% - 25%);
    background-color: var(--color79);
  }
  .table-view-container .table-view .table-view-add-row {
    width: 100%;
    height: 36px;
    padding-left: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: var(--gray224);
    background-color: var(--backgroundPrimary);
  }
  .table-view-container .table-view .table-view-add-row.disabled {
    color: var(--gray203);
    cursor: not-allowed;
  }
  .table-view-container .table-view .table-view-add-row .ai-tooltip {
    display: flex;
    gap: 8px;
  }
  .table-view-container .table-view .table-view-add-row .ai-tooltip > div {
    order: -1;
  }
  .table-view-container .table-view .table-row-dnd-marker {
    z-index: 10000;
    position: absolute;
    width: 100%;
  }
  .table-view-container .table-view .table-row-dnd-marker.center {
    height: 37px;
    border: 1px solid var(--primary-blue);
  }
  .table-view-container .table-view .table-row-dnd-marker.top,
  .table-view-container .table-view .table-row-dnd-marker.bottom {
    height: 2px;
    min-height: 2px;
    background-color: var(--primary-blue);
  }
  .table-view-container .table-view .table-row-dnd-marker.top::before,
  .table-view-container .table-view .table-row-dnd-marker.bottom::before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 1px solid var(--primary-blue);
    background: var(--staticWhite);
    top: -3px;
    left: -5px;
  }
  .table-view-container .table-view .ag-tool-panel-wrapper .table-view-add-field {
    margin-top: 7px;
  }
  .table-view-container .table-view .table-view-add-field {
    cursor: pointer;
    text-align: center;
    display: block;
  }
  .table-view-container .table-view .table-view-add-field.disabled {
    color: var(--gray203);
    cursor: not-allowed;
  }
  .table-view-container .table-view .add-custom-field-header {
    height: 40px;
    width: 30px;
    border-bottom: 1px solid var(--newGrayToDarkGrayBorder);
  }
  .table-view-container .table-view .ag-tool-panel-wrapper {
    width: 31px !important;
    max-width: 31px !important;
    background-color: var(--backgroundPrimary);
    border: none !important;
  }
  .table-view-container .table-view .ag-side-buttons {
    display: none !important;
  }
  .table-view-container .table-view .ag-row-hover.ag-row {
    background-color: var(--newWhiteGrayBackgroundHover);
  }
  .table-view-container .table-view .text-input {
    width: 100%;
    height: 35px;
    padding: 0 11px;
    border: 1px solid transparent;
  }
  .table-view-container .table-view .project-square:before {
    margin-right: 10px;
  }
  .table-view-container .table-view .ag-cell-inline-editing {
    border-color: var(--newGrayToDarkGrayBorder) !important;
    background-color: var(--backgroundPrimary);
  }
  .table-view-container .table-view .ag-cell-inline-editing input {
    background-color: var(--backgroundPrimary);
    height: 35px;
    border: 0;
    display: block;
    margin: 0 auto;
  }
  .table-view-container .table-view .ag-row .ag-cell.project-cell {
    padding: 0;
  }
  .table-view-container .table-view .ag-row .ag-cell.project-cell .ag-react-container {
    width: 100%;
  }
  .table-view-container .table-view .ag-row .ag-cell.project-cell .ag-react-container .project-cell-editor-wrapper .dropdown-selection-container {
    padding: 0 11px;
    width: 100%;
    border: none;
  }
  .table-view-container .table-view .ag-row .ag-cell.project-custom-field-cell {
    padding: 0;
    height: 100%;
  }
  .table-view-container .table-view .ag-row .ag-cell.project-custom-field-cell .cell-renderer {
    padding: 0 11px;
  }
  .table-view-container .table-view .ag-row .ag-cell.project-custom-field-cell .ag-react-container {
    background-color: var(--white);
  }
  .table-view-container .table-view .ag-row .ag-cell.project-custom-field-cell div {
    height: 100%;
  }
  .table-view-container .table-view .ag-row .ag-cell {
    min-height: 36px;
  }
  .bb-custom-field .modal-title {
    text-align: left;
  }
  .bb-custom-field .bootbox-input {
    margin-top: -20px;
    border: var(--blue146) solid 1px !important;
  }
  .signin-scrollable {
    height: 100vh;
    overflow-y: auto;
  }
  .signin-scrollable .login-card {
    top: 0;
    margin: 50px auto;
  }
  .login-card {
    text-align: center;
    max-width: 600px;
    top: 50px;
    margin: 0 auto;
    position: relative;
    background: var(--white);
    box-shadow: 0 1px 4px var(--color9);
  }
  .login-card .wrapper-auth {
    width: 65%;
    margin: 20px auto 0 auto;
  }
  .login-card .wrapper-auth .logo {
    width: 160px;
    margin-bottom: 40px;
  }
  .login-card .wrapper-auth .header {
    margin: 30px 5px;
  }
  .login-card .wrapper-auth .header h2 {
    font-weight: 600;
  }
  .login-card .wrapper-auth form .input-symbol {
    width: 100%;
    margin-bottom: 1px;
  }
  .login-card .wrapper-auth form .btn-primary {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    padding: 1em 1.25em;
    font-weight: 600;
  }
  .login-card .wrapper-auth form .btn-primary.inactive {
    background-color: var(--color-background) !important;
    color: var(--tabbed-grey);
  }
  .login-card .wrapper-auth form .btn-primary:first-of-type {
    margin-top: 40px;
    margin-bottom: 5px;
  }
  .link-auth-alt,
  #forgot-password {
    display: block;
    font-size: 13px;
    color: var(--tabbed-grey);
  }
  .link-auth-alt:hover {
    text-decoration: underline;
  }
  .signin-form {
    font-size: 16px;
    margin-top: 10px;
  }
  #forgot-password {
    float: right;
  }
  #forgot-password:hover {
    color: var(--hive-blue);
  }
  .connect-wrapper > div:not(:first-child):not(.connect-or-text):not(.ob-divider) {
    margin-top: 15px;
  }
  .connect-wrapper .connect-google,
  .connect-wrapper .connect-slack,
  .connect-wrapper .connect-microsoft,
  .connect-wrapper .sso-signin-button {
    display: flex;
    align-items: center;
    width: 70%;
    max-width: 254px;
    height: 44px;
    text-align: left;
    border: 1px solid var(--color-medium-rare);
    background: transparent;
    margin: 0 auto;
  }
  .connect-wrapper .connect-google:hover,
  .connect-wrapper .connect-slack:hover,
  .connect-wrapper .connect-microsoft:hover,
  .connect-wrapper .sso-signin-button:hover {
    background-color: var(--whiteGray37);
    cursor: pointer;
  }
  .connect-wrapper .connect-google .connect-icon-wrapper,
  .connect-wrapper .connect-slack .connect-icon-wrapper,
  .connect-wrapper .connect-microsoft .connect-icon-wrapper,
  .connect-wrapper .sso-signin-button .connect-icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    width: 44px;
    margin-left: 15px;
    margin-right: 5px;
  }
  .connect-wrapper .connect-google .connect-icon-wrapper .google-icon,
  .connect-wrapper .connect-slack .connect-icon-wrapper .google-icon,
  .connect-wrapper .connect-microsoft .connect-icon-wrapper .google-icon,
  .connect-wrapper .sso-signin-button .connect-icon-wrapper .google-icon,
  .connect-wrapper .connect-google .connect-icon-wrapper .microsoft-icon,
  .connect-wrapper .connect-slack .connect-icon-wrapper .microsoft-icon,
  .connect-wrapper .connect-microsoft .connect-icon-wrapper .microsoft-icon,
  .connect-wrapper .sso-signin-button .connect-icon-wrapper .microsoft-icon {
    height: 24px;
  }
  .connect-wrapper .connect-google .connect-icon-wrapper .slack-icon,
  .connect-wrapper .connect-slack .connect-icon-wrapper .slack-icon,
  .connect-wrapper .connect-microsoft .connect-icon-wrapper .slack-icon,
  .connect-wrapper .sso-signin-button .connect-icon-wrapper .slack-icon {
    height: 50px;
  }
  .connect-wrapper .connect-google .button-text,
  .connect-wrapper .connect-slack .button-text,
  .connect-wrapper .connect-microsoft .button-text,
  .connect-wrapper .sso-signin-button .button-text {
    font-weight: 600;
    color: var(--tabbed-grey);
  }
  .connect-wrapper .sso-signin-button .button-text {
    margin-left: 64px;
  }
  .connect-or-hr {
    margin: 20px 0 40px;
    border: 0;
    border-top: 1px solid var(--color-rareish);
  }
  .connect-or-text {
    margin-top: -50px;
    text-align: center;
    color: var(--color-medium-rare);
  }
  .connect-or-text span {
    background: var(--white);
    border: 10px solid var(--white);
    text-transform: uppercase;
  }
  #action-panel {
    overflow: hidden;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: var(--white);
    box-shadow: none;
  }
  #action-panel #portfolio-summary-container,
  #action-panel #approvals-reporting-container {
    width: 100%;
    min-height: 100%;
    overflow-y: auto;
    flex-basis: 0;
  }
  #action-panel #action-list-view-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: white;
    overflow-y: auto;
    padding: 0px 40px 0 8px;
    background-color: var(--white);
  }
  #action-panel #action-list-view-wrapper::-webkit-scrollbar {
    width: 12px;
  }
  #action-panel #action-list-view-wrapper::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--scrollbarColor);
    border: 3px solid var(--scrollbarBackgroundColor);
  }
  #action-panel #action-list-view-wrapper::-webkit-scrollbar-track {
    background-color: var(--transparent);
  }
  #action-panel #action-list-view-wrapper .my-actions-list-container {
    display: flex;
    flex-direction: column;
    overflow-y: visible;
    max-width: 1200px;
    padding-bottom: 24px;
  }
  #action-panel #action-list-view-wrapper .my-actions-list-container > *:not(:empty) {
    margin-top: 32px;
    max-width: 1200px;
  }
  #action-panel #action-list-view-wrapper .my-actions-list-container > *:not(:empty)#new-action {
    max-width: 1168px;
  }
  #action-panel #action-list-view-wrapper .my-actions-list-container > *:not(:empty):first-of-type {
    margin-top: 24px;
  }
  #action-panel .welcome-placeholder {
    margin: 40px 50px;
  }
  #hive-apps-page {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background: var(--white);
    z-index: 7;
  }
  #calendar-view-container {
    height: 100%;
    width: 100%;
  }
  #action-list-view {
    flex: 1;
    height: 100%;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 5px 0;
  }
  #action-list-view .tab-content {
    height: 100%;
  }
  #action-list-view .tab-content .tab-pane {
    height: 100%;
  }
  #notebook-view-container {
    height: calc(100% - 46px);
  }
  #page-view-container.hiddenTab {
    height: 100%;
  }
  #page-view-container:not(.hiddenTab) {
    height: calc(100% - 46px);
  }
  #appWorkflow-view-container {
    height: calc(100% - 46px);
  }
  #timeline-view {
    height: calc(100% - 46px);
    width: 100%;
  }
  .dropdown-menu.bold-left a {
    position: relative;
    padding-left: 25px;
  }
  .dropdown-menu.bold-left .fa.fa-check,
  .dropdown-menu.bold-left .far.fa-check,
  .dropdown-menu.bold-left .fas.fa-check,
  .dropdown-menu.bold-left .fal.fa-check {
    position: absolute;
    left: 5px;
    top: 6px;
    color: var(--blue144);
  }
  .dropdown-menu.bold-left .dropdown-header {
    text-align: left !important;
    padding: 3px 10px;
    margin-bottom: 2px;
    margin-left: 15px;
    font-weight: bold;
    color: var(--gray224);
  }
  .assigned-day-label {
    padding-top: 10px;
    margin-top: 8px;
    margin-bottom: 5px;
    cursor: default;
    color: var(--color-medium);
    font-weight: normal;
    line-height: 1;
    font-size: 14px;
    text-transform: uppercase;
  }
  .assigned-day-label.first-assigned-day-label {
    padding-top: 0px;
  }
  .actionListItems {
    padding-top: 1px;
    min-height: 10px;
    width: 100%;
    height: 100%;
  }
  .actionListItems .spinner-container {
    position: relative;
  }
  .action-item-flex-container {
    display: flex;
    flex-direction: row;
  }
  .empty-bucket {
    text-align: center;
    border: dashed 1px var(--whiteGray52);
  }
  .empty-bucket .empty-bucket__message {
    margin: 0;
    color: var(--tabbed-grey);
    line-height: 40px;
    font-size: 14px;
  }
  .new-dropdown .dropdown-menu {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .new-dropdown .dropdown-menu .divider {
    color: var(--whiteGray52);
    margin: 13px 0;
  }
  .new-dropdown .dropdown-menu .dropdown-header {
    color: var(--gray217);
    font-weight: bold;
  }
  .new-dropdown .dropdown-menu li > a {
    font-size: 14px;
  }
  .new-dropdown .dropdown-menu li > a.checked {
    font-weight: 600;
  }
  .new-dropdown .dropdown-menu li > a.checked i.fa-check {
    visibility: visible;
  }
  .new-dropdown .dropdown-menu li > a i.fa-check {
    visibility: hidden;
    position: static !important;
  }
  .new-dropdown .dropdown-menu li.selectable-item > a {
    padding-left: 25px;
  }
  .new-dropdown .dropdown-menu li.selectable-item > a > i {
    left: 26px !important;
    padding-right: 5px;
  }
  .buckets-tab {
    border-bottom: none;
    position: relative;
  }
  .buckets-tab.pull-right {
    display: flex;
    height: 22px;
    margin-left: 16px;
  }
  .buckets-tab.pull-right .new-dropdown:last-child {
    margin-right: 0px;
  }
  .buckets-tab.pull-right .new-dropdown:last-child a {
    height: 22px;
  }
  .buckets-tab > li.active > a {
    border: solid 1px var(--blue141);
    color: var(--staticWhite) !important;
    background-color: var(--dark-sky-blue) !important;
  }
  .buckets-tab > li:not(.bucket-completed):not(.new-dropdown) {
    margin-right: 5px;
  }
  .buckets-tab > li > a {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    color: var(--steel);
    border: none !important;
    padding: 3px 10px;
    border-radius: 10px;
    margin-right: 0;
  }
  .buckets-tab > li > a:not(.dropdown-toggle) {
    text-transform: uppercase;
  }
  .buckets-tab > li > a:hover {
    background-color: var(--whiteGray24);
  }
  .buckets-tab > li > a .fa-ellipsis-v {
    margin-right: 5px;
    font-weight: bold;
  }
  .buckets-tab > li > a .fa-filter {
    margin-right: 5px;
  }
  .buckets-tab > li > a .fa-filter.fill-filter {
    font-weight: bold;
  }
  .buckets-tab .left-tab {
    position: absolute;
    top: 0;
    right: 10px;
  }
  .buckets-tab .filter-dropdown li > a {
    padding-left: 8px;
  }
  .buckets-tab .filter-dropdown .fa-check {
    color: var(--blue144);
    visibility: hidden;
  }
  .buckets-tab .filter-dropdown .fa-check.checked {
    visibility: visible;
  }
  .buckets-tab .filter-dropdown .dropdown-header {
    text-align: left;
    margin-bottom: 5px;
  }
  .new-assignees:not(.active) {
    position: relative;
  }
  .new-assignees:not(.active):before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 12px;
    border: 2px solid var(--navbar-background);
    border-radius: 50%;
    background-color: var(--dark-orange);
    transition: 0.4s ease all;
  }
  .action-icons {
    min-width: 76px;
  }
  .labels-tags {
    display: block;
    margin-top: 5px;
  }
  .labels-tags.project-on-top {
    margin: 0px;
    background-color: var(--whiteGray24);
  }
  .labels-tags.project-on-top .tag.dropdown-toggle {
    min-height: 20px;
    font-weight: 600;
  }
  .labels-tags.project-on-top .tag.dropdown-toggle span {
    color: var(--white) !important;
  }
  .labels-tags.project-on-top.no-project .tag.dropdown-toggle {
    min-height: 20px;
    font-weight: 600;
  }
  .labels-tags.project-on-top.no-project .tag.dropdown-toggle span {
    color: var(--grayBlue127) !important;
  }
  .tag {
    display: inline-block;
    height: 20px;
    color: var(--color-tag);
    background-color: var(--whiteGray52);
    font-weight: normal;
    padding: 0 10px;
    margin-right: 10px;
    border-radius: 10px;
    white-space: nowrap;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }
  .tag.project-tag {
    border-radius: 3px;
  }
  .tag.is-blocked,
  .tag.dependency-blocked-tag {
    border: 1px solid var(--gray232);
  }
  .tag.dependency-blocked-tag {
    padding-top: 0;
  }
  .kanban-list-item .tag {
    font-size: 12px;
    height: 17px;
    padding-top: 1px;
    margin-right: 5px;
    margin-top: 8px;
    max-width: calc(100% - 56px);
  }
  .section-title {
    margin-bottom: 5px;
    font-size: 12px;
    color: var(--section-title);
  }
  .section-title:not(:first-child) {
    margin-top: 10px;
  }
  .no-actions {
    text-align: center;
    line-height: 40px;
    border: 1px dashed var(--whiteGray52);
  }
  .completed-bucket {
    text-align: center;
  }
  .completed-bucket .giant-check-circle {
    display: inline-block;
    padding: 15px;
    background-color: var(--checked-green);
    border-radius: 50%;
    margin: 20px auto;
    animation: giantCheckShow 0.6s ease-in-out;
  }
  .completed-bucket .giant-check-circle .fa,
  .completed-bucket .giant-check-circle .far,
  .completed-bucket .giant-check-circle .fas,
  .completed-bucket .giant-check-circle .fal {
    color: var(--white);
    font-size: 50px;
  }
  .completed-bucket h3 {
    font-size: 1.3em;
  }
  @keyframes giantCheckShow {
    0% {
      transform: scale(0);
    }
    25% {
      transform: scale(0.8);
    }
    50% {
      transform: scale(1.2);
    }
    100% {
      transform: scale(1);
    }
  }
  .subaction-status {
    color: var(--color-medium);
  }
  .listView-section {
    height: calc(100% - 46px);
  }
  .listView-section.listView-section-my-actions {
    height: calc(100% - 125px);
  }
  label.fileUpload {
    color: var(--typographyPrimary);
    font-weight: normal;
    padding: 3px 20px;
    width: 100%;
    cursor: pointer;
  }
  #new-action {
    border: solid 1px var(--inputBorderPrimary);
    border-radius: 8px;
    margin-top: 32px;
    padding: 8px;
  }
  #new-action .hive-select-container,
  #new-action .hive-select {
    border-radius: 4px;
  }
  #new-action #newFiles {
    cursor: pointer;
    overflow: hidden;
    width: 0px;
    height: 0px;
  }
  #new-action .action-input {
    width: 100%;
    line-height: 30px;
    padding-left: 48px;
  }
  #new-action .action-input:before {
    font-size: 16px;
  }
  #new-action .additional-details {
    visibility: hidden;
    transform: translate3d(0, -25%, 0);
    opacity: 0;
    transition: transform 0.3s ease;
    position: absolute;
    left: inherit;
    align-items: center;
  }
  #new-action .additional-details .urgent-red i {
    font-weight: bold;
    color: var(--intercom-red);
  }
  #new-action .actionFiles {
    display: none;
  }
  #new-action.interactable {
    background-color: var(--white);
    border-color: #2B74D9;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  }
  #new-action.interactable .new-action-form {
    grid-template-rows: 1fr;
    transition: grid-template-rows 100ms ease-out;
  }
  #new-action.interactable .additional-details {
    visibility: visible;
    transform: translate3d(0, 0, 0);
    opacity: 1;
    transition: transform 0.3s ease;
    position: static;
    left: inherit;
  }
  #new-action.interactable .plus-icon {
    opacity: 0;
    z-index: -1;
    transition: opacity 0.1s ease-in;
  }
  #new-action.interactable .action-input {
    border: 1px solid var(--inputBorderPrimary);
    border-radius: 4px !important;
    padding: 8px 45px 8px 10px;
    margin-bottom: 8px;
    line-height: 18px;
    min-height: 36px;
  }
  #new-action.interactable .actionFiles {
    display: block;
  }
  #new-action.interactable .clear-action-form {
    position: absolute;
    top: 15px;
    right: 16px;
    cursor: pointer;
    font-size: 15px;
    display: block;
  }
  #new-action.interactable .clear-text {
    color: var(--color-link);
    align-content: center;
    display: flex;
  }
  #new-action.interactable .new-action-form-row {
    opacity: 1;
  }
  #new-action.interactable .new-action-form-row .clear-action-form {
    display: block;
  }
  #new-action .new-action-form-row {
    display: flex;
    align-items: baseline;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    opacity: 0;
  }
  #new-action .new-action-form-row span.text {
    margin-right: 5px;
  }
  #new-action .new-action-form-row .clear-action-form {
    display: none;
  }
  #new-action .new-action-form-row .member-display {
    position: relative;
    color: var(--textAvatarGrayTypography);
  }
  #new-action .new-action-form-row .member-display:after {
    padding: 0 2px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    font-size: 12px;
    content: "\f0d7";
    color: #8E8E8E;
  }
  #new-action .new-action-form-row .action-form-icon {
    padding: 0;
    margin-left: 7px;
    margin-right: 7px;
  }
  #new-action .new-action-form-row .action-form-icon:first-of-type {
    margin-left: 5px;
  }
  #new-action .new-action-form-row .action-form-icon.btn-aside {
    margin-right: 0px;
  }
  #new-action .new-action-form-row .action-form-icon.private .fa,
  #new-action .new-action-form-row .action-form-icon.private .far,
  #new-action .new-action-form-row .action-form-icon.private .fas,
  #new-action .new-action-form-row .action-form-icon.private .fal {
    color: var(--hive-orange);
  }
  #new-action .new-action-form-row .action-form-icon.selected .fa,
  #new-action .new-action-form-row .action-form-icon.selected .far,
  #new-action .new-action-form-row .action-form-icon.selected .fas,
  #new-action .new-action-form-row .action-form-icon.selected .fal {
    color: var(--dark-sky-blue);
  }
  #new-action .new-action-form-row .action-form-icon.right {
    margin-left: auto;
  }
  #new-action .new-action-form-row .action-form-icon.right .btn.btn-primary {
    margin-right: 0;
    background-color: var(--primary-blue) !important;
    border-radius: 4px;
    padding: 7px 10px;
  }
  #new-action .new-action-form-row .action-form-icon .person-pick .person-thumb {
    border-radius: 2px;
    min-width: 30px;
    min-height: 30px;
  }
  #new-action .new-action-form-row .action-form-icon.urgent-red .fa,
  #new-action .new-action-form-row .action-form-icon.urgent-red .far,
  #new-action .new-action-form-row .action-form-icon.urgent-red .fas,
  #new-action .new-action-form-row .action-form-icon.urgent-red .fal {
    color: var(--intercom-red);
  }
  #new-action .new-action-form-row .add-labels {
    display: inherit;
    margin: 0 0 0 8px;
    height: 18px;
  }
  #new-action .new-action-form-row .add-labels .label-picker {
    left: 5px;
    top: 0px !important;
    padding-top: 0px !important;
  }
  #new-action .new-action-form-row .dropdown-attachment {
    padding-left: 5px;
    padding-right: 10px;
    position: relative;
  }
  #new-action .new-action-form-row .dropdown-attachment .fa,
  #new-action .new-action-form-row .dropdown-attachment .far,
  #new-action .new-action-form-row .dropdown-attachment .fas,
  #new-action .new-action-form-row .dropdown-attachment .fal {
    font-size: 14px;
  }
  #new-action .new-action-form-row .fa,
  #new-action .new-action-form-row .far,
  #new-action .new-action-form-row .fas,
  #new-action .new-action-form-row .fal,
  #new-action .new-action-form-row .caret {
    color: var(--steel);
  }
  #new-action .new-action-form-row .additional-toggle {
    display: inline-block;
  }
  #new-action .new-action-form-row .additional-toggle .date-selector-label {
    position: absolute;
    width: 24px;
    height: 24px;
  }
  #new-action .new-action-form-row .additional-toggle .fa,
  #new-action .new-action-form-row .additional-toggle .far,
  #new-action .new-action-form-row .additional-toggle .fas,
  #new-action .new-action-form-row .additional-toggle .fal {
    vertical-align: baseline;
    font-size: 14px !important;
  }
  #new-action .new-action-form-row .action-template-picker {
    background-color: var(--white);
    padding-left: 0px;
  }
  #new-action .new-action-form-row .action-template-picker .dropdown {
    padding: 3px 8px;
    border: 1px solid var(--inputBorderPrimary);
    height: 31px;
  }
  #new-action .new-action-form-row .label-filter {
    color: var(--steel);
  }
  #new-action .new-action-form-row .project-tags.no-project {
    background-color: var(--white);
  }
  #new-action .new-action-form-row .project-tags .dropdown {
    background-color: inherit;
    padding-bottom: 6px !important;
  }
  #new-action .new-action-form-row .project-tags .dropdown .tag {
    margin: -5px 0 !important;
    padding: 3px 0 !important;
    font-weight: 500 !important;
  }
  .action-new {
    position: relative;
    margin-left: 32px;
  }
  .action-new.attach-hover {
    color: var(--yellow93);
    transition: 0.6s ease all;
    border: var(--yellow93) 1px dashed;
  }
  .action-new .btn-aside {
    padding: 2px 0 0 0;
    margin-right: 0px;
  }
  .action-new .btn-aside .btn-primary {
    background-color: var(--blue141);
    margin-right: 10px;
    border: none;
    font-size: 100%;
  }
  .action-new .additional-details {
    padding: 4px 0 3px 0;
  }
  .action-new .additional-details .label-picker {
    left: 0;
    top: 0;
    margin-right: 10px;
  }
  .action-new .additional-details .ai-aside:not(.btn-primary):hover {
    transition: 0.4s ease all;
    color: var(--color-medium-well);
  }
  .action-new .additional-details .ai-aside:not(.btn-primary):hover .dropdown-label-color {
    color: var(--color-medium-well);
  }
  .action-new .additional-details .ai-aside:not(.btn-primary):hover .caret {
    color: var(--color-medium-well);
  }
  .action-new .actionFiles {
    width: 100%;
    margin-bottom: 0px;
  }
  .add-new-action .action-new {
    border-color: var(--white);
  }
  .myActionsDatePicker {
    display: flex;
    align-items: center;
  }
  .new-action-form {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 100ms ease-in;
  }
  .dropdown-submenu {
    position: relative;
  }
  .dropdown-submenu > .dropdown-menu {
    margin-top: -6px;
    margin-left: -1px;
  }
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
  .dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-width: 5px 0 5px 5px;
    border-left-color: var(--whiteGray175);
    margin-top: 5px;
    margin-right: -10px;
  }
  .dropdown-submenu:hover > a:after {
    border-left-color: var(--white);
  }
  .dropdown-submenu.pull-left {
    float: none;
  }
  .dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
  }
  .button-wrap {
    text-align: right;
  }
  .button-wrap button[type="button"] {
    font-weight: 600;
    padding: 8px 15px;
    border-radius: 2px;
    background-color: var(--dark-sky-blue);
    color: var(--staticWhite);
    margin: 5px 0px 0px auto;
  }
  .button-wrap button[type="button"]:not(:last-of-type) {
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .button-wrap button[type="button"].secondary {
    color: var(--whiteGray175);
    background-color: transparent;
  }
  .button-wrap button[type="button"].secondary:hover {
    color: var(--dark-sky-blue) !important;
    background-color: var(--whiteGray13);
  }
  .ui-pnotify:not(.hv):not(.ui-pnotify-center-mobile):not(.pnotify-note-notifications):not(.pnotify-recover-item):not(.stop-watch-notification).hv-new .ui-pnotify-container {
    background-color: var(--gray236);
    color: var(--white);
    border-radius: 3px;
    box-shadow: 0 0 2px var(--color56), 0 2px 4px var(--gray107);
    line-height: 20px;
    font-size: 14px;
    text-align: left;
    display: flex;
    align-items: center;
  }
  .ui-pnotify:not(.hv):not(.ui-pnotify-center-mobile):not(.pnotify-note-notifications):not(.pnotify-recover-item):not(.stop-watch-notification).hv-new .ui-pnotify-container.alert-warning {
    border-color: transparent;
  }
  .ui-pnotify:not(.hv):not(.ui-pnotify-center-mobile):not(.pnotify-note-notifications):not(.pnotify-recover-item):not(.stop-watch-notification).hv-new .ui-pnotify-container .ui-pnotify-title {
    color: var(--white);
    font-size: 14px;
    padding-top: 0;
    display: flex;
    position: relative;
    right: 20px;
    margin-bottom: 0;
    line-height: 1;
  }
  .ui-pnotify:not(.hv):not(.ui-pnotify-center-mobile):not(.pnotify-note-notifications):not(.pnotify-recover-item):not(.stop-watch-notification).hv-new .ui-pnotify-container .ui-pnotify-action-bar {
    padding-left: 5px;
    position: relative;
    right: 20px;
    margin-top: 0 !important;
  }
  .ui-pnotify:not(.hv):not(.ui-pnotify-center-mobile):not(.pnotify-note-notifications):not(.pnotify-recover-item):not(.stop-watch-notification).hv-new .ui-pnotify-container .ui-pnotify-closer {
    position: relative;
    left: calc(100% - 20px);
    margin-top: 0;
    color: var(--white);
  }
  .ui-pnotify:not(.hv):not(.ui-pnotify-center-mobile):not(.pnotify-note-notifications):not(.pnotify-recover-item):not(.stop-watch-notification).hv-new .ui-pnotify-container .ui-pnotify-sticker {
    display: none;
  }
  .ui-pnotify:not(.hv):not(.ui-pnotify-center-mobile):not(.pnotify-note-notifications):not(.pnotify-recover-item):not(.stop-watch-notification).hv-new .ui-pnotify-container .ui-pnotify-action-button {
    width: 64px;
    margin-left: 2.5px;
    display: flex;
    background-color: var(--gray236);
    color: var(--hive-orange);
    font-size: 14px;
    border: none;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .ui-pnotify.hv-new {
    top: calc(100% - 100px);
    right: 17px;
  }
  .contenteditable-wrapper {
    width: 100%;
  }
  .contenteditable-wrapper .button-wrap {
    margin-left: 5px;
    text-align: left;
  }
  .contenteditable-wrapper .action-item-input,
  .contenteditable-wrapper .input {
    outline: none;
    user-select: initial;
    cursor: auto;
    border-radius: 3px;
    border: solid 1px var(--whiteGray52);
    overflow-x: auto;
    min-height: 30px;
    padding: 5px 10px;
    margin-right: 0px;
  }
  .contenteditable-wrapper .action-item-input:hover,
  .contenteditable-wrapper .input:hover {
    cursor: text;
  }
  .action-item .button-wrap {
    padding: 10px 10px 10px 0;
  }
  .mobile-description {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .placeholder-text {
    content: attr(placeholder);
    cursor: text;
    color: var(--gray194);
    display: block;
  }
  .mobile-description img {
    max-width: 100%;
  }
  .subactions-count {
    line-height: 0;
    font-weight: normal;
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: baseline;
    -webkit-align-items: baseline;
  }
  .padding-sub {
    padding: 0px 10px 0px 10px;
  }
  .padding {
    padding: 10px 10px 0px 10px;
  }
  .padding-sides {
    padding: 0px 10px 10px;
    min-height: 1px;
  }
  .sticky {
    z-index: 2;
    position: fixed;
    width: 100%;
    display: flex;
    align-items: center;
    color: var(--white);
  }
  .sticky.head {
    top: 0;
    left: 0;
    height: 40px;
    background-color: var(--dark-sky-blue);
    justify-content: flex-end;
  }
  .sticky.head span {
    padding: 0 20px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.1px;
    height: 100%;
    line-height: 40px;
  }
  .sticky.remove {
    position: inherit;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 50px;
    background-color: var(--hive-orange);
    margin-top: auto;
  }
  .sticky.remove span {
    font-size: 16px;
    font-weight: 600;
    margin-left: 10px;
  }
  .sticky.remove .fa,
  .sticky.remove .far,
  .sticky.remove .fas,
  .sticky.remove .fal {
    font-size: 22px;
    color: var(--white);
  }
  .label-tags-container {
    margin: 10px 32px;
  }
  .mav-label-tags {
    display: flex;
    width: fit-content;
  }
  .attachments-head,
  .labels-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--gray226);
    margin: 10px 8px;
  }
  .attachments-head .fa,
  .labels-head .fa,
  .attachments-head .far,
  .labels-head .far,
  .attachments-head .fas,
  .labels-head .fas,
  .attachments-head .fal,
  .labels-head .fal {
    color: var(--gray226);
  }
  .attachments-head > *,
  .labels-head > * {
    margin-left: 6px;
  }
  .attachments-head #secondAttachmentsDropdown,
  .labels-head #secondAttachmentsDropdown {
    display: flex;
  }
  .labels-head {
    margin-bottom: 0;
    margin-top: 0;
  }
  .actionFiles {
    width: 90%;
    padding-left: 13px;
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .actionFiles .file-item,
  .actionFiles .list-group-item.file-item {
    padding: 6px 0px;
    margin: 2px 0px;
    border: none;
  }
  .actionFiles .file-item:hover,
  .actionFiles .list-group-item.file-item:hover {
    background-color: inherit;
  }
  .actionFiles .file-item .dropdown-toggle,
  .actionFiles .list-group-item.file-item .dropdown-toggle {
    margin-left: 30px !important;
  }
  .actionFiles .file-item.no-permission .file-title,
  .actionFiles .list-group-item.file-item.no-permission .file-title {
    color: var(--tabbed-grey);
  }
  .actionFiles .icon-box,
  .actionFiles .preview-box {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 2px;
    content: '';
  }
  .actionFiles .icon-box:not(.popup, .note, .drive),
  .actionFiles .preview-box:not(.popup, .note, .drive) {
    background-color: var(--dark-sky-blue);
  }
  .actionFiles .icon-box .file-ext,
  .actionFiles .preview-box .file-ext {
    font-size: 8px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    text-align: center;
    color: var(--white);
    align-self: center;
    width: 100%;
  }
  .actionFiles .icon-box.empty,
  .actionFiles .preview-box.empty {
    border: none;
    background-color: inherit;
  }
  .actionFiles .icon-box.empty .hv-img-thumbnail,
  .actionFiles .preview-box.empty .hv-img-thumbnail {
    height: 24px;
    width: 24px;
    margin: 0px;
  }
  .actionFiles .file-details {
    display: flex;
    margin: 0;
    padding: 0 14px;
    width: initial;
    max-width: 80%;
    align-items: baseline;
    word-wrap: break-word;
    word-break: break-word;
  }
  .actionFiles .file-details .file-title {
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: var(--dark-sky-blue);
    font-size: 12px;
    margin: 0;
    word-break: break-word;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
  }
  .actionFiles .file-details p.small-details {
    margin: 0;
    margin-left: 20px;
    font-size: 90%;
    color: var(--color-medium);
    line-height: 1.1;
  }
  .dependency-blocked:not(.expanded) {
    background-color: var(--whiteGray33) !important;
  }
  .dependency-blocked:not(.expanded):hover {
    background-color: var(--newGrayToDarkGrayBorder) !important;
  }
  .hide-modal {
    display: none !important;
  }
  .comment-body-preview {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: break-spaces;
    overflow: hidden;
  }
  .action-item {
    display: flex;
    flex-direction: column;
    border-color: var(--whiteGray52);
    position: relative;
    padding: 5px 3px 5px 5px;
    border-radius: 3px;
    clear: both;
    overflow: hidden;
    background-color: var(--newWhiteGrayBackground);
  }
  .action-item .urgent-red {
    font-weight: bold;
    color: var(--intercom-red) !important;
  }
  .action-item .subactions-title-container {
    display: flex;
  }
  .action-item .subactions-title-container .subaction-sort {
    margin-left: auto;
  }
  .action-item .caret {
    color: var(--tabbed-grey) !important;
  }
  .action-item .description {
    margin: 10px 10px 10px 23px;
  }
  .action-item .description .js-expand-add-description {
    max-width: 550px;
  }
  .action-item .description .description-input {
    padding: 11px 11px 13px 11px;
    line-height: 1.36;
    letter-spacing: 0.3px;
    outline: none;
  }
  .action-item .description .description-input.IE-input {
    padding: 11px 10px 27px 11px;
    -ms-word-wrap: break-word;
    max-width: 100%;
    display: inline-block;
  }
  .action-item .description .description-input pre {
    max-width: 100%;
  }
  .action-item .description .description-input pre a {
    white-space: pre-wrap;
  }
  .action-item .description .description-input ul {
    padding: 20px;
  }
  .action-item .description .description-input ul li {
    margin: 0 10px;
    padding: 0 10px;
  }
  .action-item .description .description-placeholder:empty:before {
    display: inline;
    content: 'Add description';
    position: relative;
    color: var(--color-medium);
    top: 0px;
    left: 0px;
  }
  .action-item .description .description-placeholder:focus {
    overflow: hidden;
  }
  .action-item .description .description-placeholder:focus:before {
    content: '' !important;
  }
  .action-item .description .create-description-text {
    border-radius: 3px;
    border: solid 1px var(--whiteGray52);
    overflow-x: auto;
    margin-bottom: 7px;
  }
  .action-item .description .create-description-text .description-input {
    overflow-x: auto;
    min-height: 30px;
    padding: 10px 10px 0px 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
    letter-spacing: 0.3px;
    color: var(--gray226);
    width: 100%;
  }
  .action-item .description .create-description-text .description-input:focus {
    outline: none !important;
  }
  .action-item .description .add-description {
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    font-stretch: normal;
    letter-spacing: 0.3px;
    color: var(--whiteGray175);
  }
  .action-item .proofing-root {
    padding: 15px;
  }
  .action-item #proofing-file {
    display: none;
  }
  .action-item .empty-proofing-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px;
    border-bottom: 1px solid var(--color-rare);
  }
  .action-item .empty-proofing-row .proofing-label {
    font-size: 15px;
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .action-item .empty-proofing-row .proofing-button-wrapper {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .action-item .approvals-wrapper {
    position: relative;
    min-height: 43px;
  }
  .action-item .approvals-wrapper .action-row-button {
    padding-left: 14px;
    padding-right: 14px;
    margin-left: -14px;
    margin-right: -14px;
    border-bottom: 1px solid var(--color-rare);
  }
  .action-item .mail-message-list-items .action-mail-row {
    padding: 0 15px;
    margin-top: 40px;
  }
  .action-item .expand-subactions {
    color: var(--hive-blue);
    cursor: pointer;
    background-color: var(--whiteBlue8);
    text-align: center;
    padding-top: 5px;
    height: 30px;
  }
  .action-item .padding-item-container {
    padding: 10px;
  }
  .action-item .move {
    cursor: pointer;
    margin: 0 5px;
  }
  .action-item .modal-icon {
    font-size: 16px;
    color: var(--section-title);
    margin-left: 15px;
  }
  .action-item .modal-icon.disabled {
    opacity: 0.5;
  }
  .action-item .modal-icon.disabled i:hover {
    color: var(--gray203);
  }
  .action-item .modal-icon .dropdown-toggle {
    color: var(--section-title);
  }
  .action-item .modal-icon:not(.disabled):hover {
    cursor: pointer;
  }
  .action-item .modal-icon:not(.disabled):hover i {
    color: var(--typographyPrimary);
  }
  .action-item .modal-buttons {
    align-items: baseline;
    margin: 5px 20px 25px 20px;
  }
  .action-item .modal-buttons .bottom--row {
    display: flex;
    justify-content: space-between;
  }
  .action-item .modal-buttons .bottom--row .details-left {
    font-size: 12px;
    color: var(--color-medium);
  }
  .action-item .modal-buttons .action-history {
    display: block;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: var(--color-medium);
  }
  .action-item .modal-buttons .action-history hr {
    margin: 3px 0;
  }
  .action-item .modal-buttons .action-history ul {
    padding-bottom: 5px;
  }
  .action-item .modal-buttons .action-history .toggle-history {
    display: inline-block;
    cursor: pointer;
  }
  .action-item .modal-buttons .action-history .toggle-less {
    color: var(--blue135);
  }
  .action-item .modal-buttons .left-bottom-icons {
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    align-items: center;
    -webkit-align-items: center;
    padding-top: 15px;
  }
  .action-item .modal-buttons .left-bottom-icons .modal-icon:first-of-type {
    margin-left: 0;
  }
  .action-item .modal-buttons .left-bottom-icons .modal-icon + .js-modal-confirm-trash {
    margin-left: 15px;
  }
  .action-item .modal-buttons .left-bottom-icons .modal-icon .snooze-dropdown img {
    margin-top: -2px;
  }
  .action-item .modal-buttons .left-bottom-icons .buttons {
    max-height: 24px;
    margin: 5px 0px 5px auto;
    display: inline-flex;
    align-items: center;
  }
  .action-item .modal-buttons .left-bottom-icons .buttons .js-modal-close {
    border-radius: 2px;
    margin-left: 30px;
    height: 44.7px;
    padding: 0px 20px;
    background-color: var(--dark-sky-blue) !important;
  }
  .action-item .modal-buttons .left-bottom-icons .confirm-trash {
    margin-left: 10px;
  }
  .action-item .expand-comments {
    color: var(--hive-blue);
    cursor: pointer;
    text-align: center;
    padding: 11px 0;
  }
  .action-item .action-notes {
    font-size: 12px;
    color: var(--color-medium);
  }
  .action-item .action-notes .note-title {
    color: var(--hive-blue);
  }
  .action-item .expand-comments:hover {
    color: var(--color-emphasis-hover);
  }
  .action-item .top-section {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: flex-start;
    -webkit-align-items: flex-start;
  }
  .action-item .top-section .side-section {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
  }
  .action-item .top-section .icon-section {
    color: var(--color-minor);
  }
  .action-item .top-section .icon-section > i,
  .action-item .top-section .icon-section span,
  .action-item .top-section .icon-section div {
    margin: 0 3px;
  }
  .action-item .label-marker {
    width: 6px;
  }
  .action-item .action-item-input {
    min-height: 18px;
    font-size: 18px;
    line-height: 1.3;
    color: var(--gray226);
  }
  .action-item .action-item-input a {
    min-width: 140px;
  }
  .action-item .action-item-input:focus {
    outline: none;
  }
  .action-item .action-title {
    word-break: break-word;
    word-wrap: break-word;
  }
  .action-item .people-picker-aside {
    margin-right: auto;
    padding-right: 7px !important;
  }
  .action-item .people-picker-aside .people-picker .img {
    height: 30px !important;
    width: 30px !important;
    border-radius: 2px;
  }
  .action-item .people-picker-aside .people-picker .img .caret {
    background-color: var(--tabbed-grey);
  }
  .action-item .img.img-rounded-square.small {
    float: left;
  }
  .action-item .subaction-title-change,
  .action-item .people-picker-subaction .people-picker:not(.active),
  .action-item .calendarStackIcon {
    visibility: hidden;
  }
  .action-item .people-picker-subaction {
    float: left !important;
    cursor: pointer;
    padding: 0 !important;
  }
  .action-item .people-picker-subaction .fa,
  .action-item .people-picker-subaction .far,
  .action-item .people-picker-subaction .fas,
  .action-item .people-picker-subaction .fal {
    cursor: pointer !important;
  }
  .action-item .people-picker-subaction .people-picker i {
    cursor: pointer !important;
    font-size: 22px;
    transition: none;
  }
  .action-item .people-picker-subaction .people-picker .icomoon-subaction-user-outline:hover {
    color: var(--dark-sky-blue) !important;
  }
  .action-item .people-picker-subaction .people-picker .icomoon-subaction-user {
    visibility: visible;
    color: var(--dark-sky-blue) !important;
  }
  .action-item .people-picker-subaction i.fa-pencil-alt {
    transition: none;
  }
  .action-item .people-picker-subaction i.fa-pencil-alt:hover {
    color: var(--dark-sky-blue) !important;
  }
  .action-item .people-picker-subaction .caret {
    display: none;
  }
  .action-item .add-sub-task {
    cursor: text;
    margin-left: 18px;
    padding: 10px 0 10px 8px;
    border: 1px solid var(--white);
    border-radius: 3px;
    width: calc(100% - 28px);
  }
  .action-item .add-sub-task:hover {
    background-color: var(--whiteGray37);
    border: 1px solid var(--borderPrimary);
  }
  .action-item .add-sub-task .create-subaction-text {
    width: 100%;
  }
  .action-item .add-sub-task .create-subaction-text .js-subaction-new-text {
    cursor: text;
    outline: none;
  }
  .action-item .subtasks {
    padding: 0px 10px 0px 18px;
  }
  .action-item .subtasks .additional-assignees {
    width: 22px;
    height: 22px;
    display: inline-block;
    position: relative;
    background-color: var(--white170);
    font-size: 12px;
    border-radius: 3px;
    color: var(--grayBlue127);
    top: -1px;
  }
  .action-item .subtasks .action-item {
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: baseline;
    -webkit-align-items: baseline;
  }
  .action-item .subtasks .action-item .ai-icons {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    margin-left: auto;
    flex: 1 0 auto;
    -webkit-box-flex: 1 0 auto;
  }
  .action-item .subtasks .action-item .ai-icons .people-picker-subaction div,
  .action-item .subtasks .action-item .ai-icons .suppress-blue div,
  .action-item .subtasks .action-item .ai-icons .person-thumb div,
  .action-item .subtasks .action-item .ai-icons .people-picker-subaction button,
  .action-item .subtasks .action-item .ai-icons .suppress-blue button,
  .action-item .subtasks .action-item .ai-icons .person-thumb button {
    transition: none !important;
  }
  .action-item .subtasks .action-item .ai-icons .subaction-assignee-picker {
    padding: 0px !important;
    display: block;
  }
  .action-item .subtasks .action-item .action-item-input {
    margin-left: 5px;
    font-size: 15px;
    letter-spacing: 0.3px;
    color: var(--gray226);
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
  }
  .action-item .subtasks .action-item .completed {
    color: var(--gray201);
  }
  .action-item .subtasks .action-item:hover:not(.new):not(.titleEdit) {
    background-color: var(--whiteGray37);
    transition: 0.4s ease background-color;
  }
  .action-item .subtasks .action-item:hover:not(.new):not(.titleEdit) .people-picker-subaction .people-picker,
  .action-item .subtasks .action-item:hover:not(.new):not(.titleEdit) .subaction-title-change,
  .action-item .subtasks .action-item:hover:not(.new):not(.titleEdit) .calendarStackIcon,
  .action-item .subtasks .action-item:hover:not(.new):not(.titleEdit) .subaction-deadline {
    visibility: visible;
  }
  .action-item .action-comments {
    margin: 10px 0 5px;
    background-color: var(--whiteGray37);
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    position: relative;
  }
  .action-item .action-comments .action-comment-wrapper:not(:last-of-type) {
    margin-bottom: 8px;
  }
  .action-item .action-comments .img {
    border-radius: 2px;
    margin-right: 9px;
    margin-top: 0px;
    margin-bottom: 0px;
    min-width: 30px;
  }
  .action-item .action-comments .img.user-avatar {
    min-width: 20px;
  }
  .action-item .action-comments .message .action-item {
    margin: 6px auto;
  }
  .action-item .action-comments .message:first-of-type {
    margin-top: 10px;
  }
  .action-item .action-comments .message:last-of-type {
    margin-bottom: 0px;
  }
  .action-item .action-comments .message .message-time {
    font-size: 12px;
    color: var(--tabbed-grey);
  }
  .action-item .action-comments .message .message-body {
    font-size: 14px;
    color: var(--gray226);
  }
  .action-item .action-comments .message .sender-name {
    margin-right: 10px;
    font-size: 13px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: var(--gray226);
  }
  .action-item .action-comments .reactions {
    margin-left: 48px;
  }
  .action-item .action-comments .comment-post-button-wrapper {
    background-color: var(--white);
    padding: 5px;
  }
  .action-item .action-comments .comment-post-button-wrapper > button {
    line-height: 18px;
  }
  .action-item .attached-files {
    align-self: flex-start;
    -webkit-align-self: flex-start;
    width: calc(100% - 58px);
    margin-left: 48px;
  }
  .action-item .attached-files .list-group-item.file-item {
    border: solid 1px var(--whiteGray52);
  }
  .action-item .attached-files .list-group-item.file-item:first-of-type {
    border-top: 0px;
  }
  .action-item .attached-files .file-details .file-title {
    color: var(--blue144);
    font-size: 13px;
  }
  .action-item .attached-files .icon-box,
  .action-item .attached-files .preview-box {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
  }
  .action-item .attached-files .preview-box.popup .file-preview {
    max-width: 40px;
    max-height: 40px;
    height: 40px;
    width: 40px;
  }
  .action-item .message .attached-files {
    margin-left: 0px;
    width: 100%;
  }
  .action-item .message .attached-files .list-group-item.file-item {
    margin: 10px 0px;
    padding: 0px;
    background-color: transparent;
    border: 0px;
  }
  .action-item .message .attached-files .list-group-item.file-item:first-of-type {
    margin-top: 5px;
  }
  .action-item.ui-sortable-helper,
  .action-item.ui-draggable-helper {
    box-shadow: 1px 1px 2px var(--dark257);
    border-radius: 3px;
    background: var(--white);
    border-width: 0px;
    border-color: var(--white);
    border-style: solid;
    padding: 3px;
    cursor: -webkit-grabbing;
    opacity: 0.8;
  }
  .action-item.ui-sortable-helper .move,
  .action-item.ui-draggable-helper .move {
    cursor: -webkit-grabbing;
  }
  .action-item.ui-sortable-helper .snooze-icons,
  .action-item.ui-draggable-helper .snooze-icons {
    display: none;
  }
  .action-item:not(.expanded) {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .action-item:not(.expanded) .fa-eye-slash {
    font-size: 15px;
  }
  .action-item:not(.expanded):not(.action-card) .action-icons *:not(.action-item-priority-level *) {
    color: var(--gray195);
  }
  .action-item:not(.expanded):not(.action-card) .subactions-count {
    display: flex;
    display: -webkit-flex;
    align-items: baseline;
    -webkit-align-items: baseline;
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
  }
  .action-item:not(.expanded):not(.action-card) .subactions-count span {
    margin-right: 3px;
    font-weight: 600;
    color: var(--gray195);
  }
  .action-item.attach-hover::after {
    content: '';
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    border: 1.5px dashed var(--blue135);
    pointer-events: none;
  }
  .action-item.expanded .subtasks .ai-icons i,
  .action-item.expanded .subtasks .move i {
    color: var(--color-medium-rare);
  }
  .action-item.dropped {
    display: none;
  }
  .action-item .dependency-blocked-tag {
    border-radius: 10px;
    border-color: var(--gray232);
    color: var(--gray232);
    border-style: solid;
    border-width: 1px;
    padding-left: 7px;
    padding-right: 7px;
    max-height: 20px;
    background-color: transparent;
    box-sizing: border-box;
    padding-top: 0;
    margin: 4px;
  }
  .action-item .dependency-blocked-tag i {
    color: var(--gray232) !important;
  }
  .action-item .dependency-blocked-tag.blocked-tag-hidden {
    display: none !important;
  }
  .action-item .ai-icons {
    display: inline-block;
  }
  .action-item .ai-icons .labels-tags {
    margin-top: 0;
    align-items: center;
  }
  .action-item .ai-icons .labels-tags .project-tag {
    margin: 4px;
  }
  .action-item .ai-icons .action-icons {
    margin-top: 0;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    flex-grow: 1;
    -webkit-flex-grow: 1;
  }
  .action-item .ai-icons .action-icons .calendarStackIcon {
    width: 15px;
    height: 20px;
  }
  .action-item .ai-icons .action-icons .calendarStackIcon .fa-exclamation {
    height: 19px;
  }
  .action-item .ai-icons .action-icons > * {
    width: fit-content;
    height: fit-content;
    margin: 0 5px;
  }
  .action-item .ai-icons .action-icons > *:first-child {
    margin-left: 0;
  }
  .action-item .ai-icons .action-icons > *:last-child {
    margin-right: 0;
  }
  .action-item .ai-icons .action-icons .subaction-deadline {
    display: flex;
    display: -webkit-flex;
  }
  .action-item .ai-icons .action-icons .subaction-deadline .fa-calendar-alt {
    cursor: pointer !important;
  }
  .action-item .ai-icons .action-icons .subaction-deadline:not(.subaction-has-deadline) {
    visibility: hidden;
  }
  .action-item .ai-icons .action-icons .subaction-deadline:not(.subaction-has-deadline) .datePickerBtn:hover .fa-calendar-alt {
    color: var(--blue144);
  }
  .action-item .ai-icons .action-icons .subaction-deadline.adjusted-deadline .datePickerBtn {
    color: var(--blue144);
  }
  .action-item .ai-icons .action-icons .adjust-subactions-icon i {
    color: var(--blue144) !important;
    margin-left: 10px;
    margin-top: 3px;
  }
  .action-item .ai-icons .action-icons .action-item-info-icon,
  .action-item .ai-icons .action-icons .subactions-count {
    float: left;
  }
  .action-item .ai-icons .action-icons .calendarStackIcon {
    top: 0px;
  }
  .action-item .ai-icons .action-icons .datePickerBtn {
    padding: 0px;
  }
  .action-item .ai-icons .action-icons .fa-exclamation-circle {
    font-size: 20px;
  }
  .action-item .ai-icons .subaction-title-change .fa,
  .action-item .ai-icons .subaction-title-change .far,
  .action-item .ai-icons .subaction-title-change .fas,
  .action-item .ai-icons .subaction-title-change .fal {
    margin-top: 5px;
  }
  .action-item .ai-icons.expanded {
    cursor: pointer;
  }
  .action-item .ai-row {
    padding-left: 0;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .action-item .ai-row.actionFiles {
    width: 100%;
    padding: 0 16px 0 18px;
  }
  .action-item .ai-row.actionFiles .file-item {
    padding: 8px 0px;
    border: none;
  }
  .action-item .ai-row.actionFiles .file-item:hover {
    background-color: inherit;
  }
  .action-item .ai-row.actionFiles .file-item .dropdown-toggle {
    margin-left: 30px !important;
  }
  .action-item .ai-row.actionFiles .file-unattach {
    color: var(--intercom-red);
    cursor: pointer;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    opacity: 0;
    vertical-align: middle;
    font-size: 16px;
    transition: 0.4s all ease;
  }
  .action-item .ai-row.actionFiles .file-unattach {
    opacity: 1;
    transition: 0.4s all ease;
  }
  .action-item .ai-row.actionFiles .file-unattach:hover {
    color: var(--intercom-red-hover);
  }
  .action-item .ai-aside {
    float: left;
    padding: 0 2px;
  }
  .action-item .ai-aside .dropdown {
    padding: 6px 12px;
  }
  .action-item .ai-aside .dropdown .caret,
  .action-item .ai-aside .dropdown i {
    color: var(--color-action-nav);
  }
  .action-item .ai-aside .dropdown:hover .caret,
  .action-item .ai-aside .dropdown:hover i {
    color: var(--color-full);
    transition: 0.6s ease color;
  }
  .action-item .ai-aside i {
    color: var(--color-action-nav);
  }
  .action-item .ai-aside i:hover {
    color: var(--color-full);
    transition: 0.6s ease color;
  }
  .action-item .people-picker-aside {
    padding: 5px;
  }
  .action-item .comment-attachments {
    background-color: var(--newWhiteGrayBackground);
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
  }
  .action-item .comment-attachments i.fa,
  .action-item .comment-attachments i.far,
  .action-item .comment-attachments i.fas,
  .action-item .comment-attachments i.fal {
    color: var(--typographyPrimary);
  }
  .action-item .labels-container {
    margin: 0px 30px 0px 24px;
  }
  .star-icon {
    margin-left: 10px;
    font-size: 20px;
    width: 20px;
    height: 20px;
    color: var(--dark-sky-blue);
  }
  .star-icon:hover > :before {
    content: "\e903";
  }
  .star-icon.silver {
    color: var(--gray203);
  }
  .star-icon.silver:hover {
    color: var(--gray224);
  }
  .star-icon.silver:hover > :before {
    content: "\e903";
  }
  .star-icon.active > :before {
    color: var(--dark-sky-blue);
    content: "\e903";
  }
  .snooze-icon {
    font-size: 20px;
    width: 20px;
    height: 20px;
    color: var(--dark-sky-blue);
  }
  .snooze-icon-active {
    width: 20px;
    height: 20px;
    color: var(--dark-sky-blue);
  }
  .snooze-icon-active:hover {
    color: var(--gray224);
    cursor: pointer;
  }
  .snooze-icon-silver {
    width: 20px;
    height: 20px;
    color: var(--gray203);
  }
  .snooze-icon-silver:hover {
    color: var(--gray224);
    cursor: pointer;
  }
  .title-wrapper {
    display: flex;
    display: -webkit-flex;
  }
  .title-wrapper .action-item-input {
    flex: 0 1 auto;
  }
  #action-panel .content-scrollable[data-bucket="To-do"] .actionListItems .action-item-flex-container .title-wrapper {
    max-width: calc(100% - 50px);
  }
  #action-panel .content-scrollable[data-bucket="To-do"] .actionListItems .action-item-flex-container .icons-container {
    margin-right: 27px;
  }
  #action-panel .content-scrollable[data-bucket="Snoozed"] .actionListItems .action-item-flex-container .title-wrapper {
    max-width: calc(100% - 85px);
  }
  #action-panel .content-scrollable[data-bucket="Snoozed"] .actionListItems .action-item-flex-container .icons-container {
    margin-right: 62px;
  }
  #action-panel .content-scrollable[data-bucket="Snoozed"] .actionListItems .action-footer .footer-left-side {
    max-width: calc(100% - 140px);
  }
  #action-panel .content-scrollable[data-bucket="Snoozed"] .actionListItems .action-footer .footer-right-side {
    display: flex;
  }
  #action-panel .content-scrollable[data-bucket="Snoozed"] .actionListItems .action-footer .footer-right-side .agile-on-card {
    display: flex;
    font-size: 13px;
    margin-right: 10px;
    align-self: center;
    color: var(--gray203);
  }
  #action-panel .content-scrollable[data-bucket="Snoozed"] .actionListItems .action-footer .footer-right-side .agile-on-card .fa-clock {
    margin-right: 5px;
    color: var(--blue136);
  }
  #action-panel .content-scrollable[data-bucket="Completed"] .actionListItems .action-item-flex-container .title-wrapper {
    max-width: calc(100% - 30px);
  }
  #action-panel .content-scrollable[data-bucket="Completed"] .actionListItems .action-item-flex-container .icons-container {
    margin-right: 0px;
  }
  #action-panel .content-scrollable[data-bucket="Assigned by me"] .actionListItems .action-item-flex-container .title-wrapper {
    max-width: calc(100% - 30px);
  }
  #action-panel .content-scrollable[data-bucket="Assigned by me"] .actionListItems .action-item-flex-container .icons-container {
    margin-right: 0px;
  }
  #action-panel .content-scrollable[data-bucket="Assigned by me"] .actionListItems .action-item-flex-container .icons-container .assignees {
    margin-left: 10px;
  }
  .actionListItems .action-item-wrapper,
  .SortableHelper .action-item-wrapper {
    border-bottom: 1px solid var(--newGrayToDarkGrayBorder);
    font-weight: normal;
  }
  .actionListItems .action-item-wrapper:first-of-type,
  .SortableHelper .action-item-wrapper:first-of-type {
    border-top: solid 1px var(--newGrayToDarkGrayBorder);
  }
  .actionListItems .action-item-wrapper .action-item,
  .SortableHelper .action-item-wrapper .action-item {
    background-color: transparent;
  }
  .actionListItems .action-item,
  .SortableHelper .action-item {
    border-radius: 0px;
    margin: 0px;
    background-color: var(--white);
    padding: 0px 10px 5px 10px;
    min-height: 41px;
    transition: 0.2s ease background-color;
    transition: 0.2s ease border-color;
  }
  .actionListItems .action-item .action-item-flex-container,
  .SortableHelper .action-item .action-item-flex-container {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    height: 100%;
    align-items: center;
  }
  .actionListItems .action-item .action-item-flex-container .ai-aside,
  .SortableHelper .action-item .action-item-flex-container .ai-aside {
    margin-top: 10px;
  }
  .actionListItems .action-item .action-item-flex-container .ai-aside .checkbox-custom,
  .SortableHelper .action-item .action-item-flex-container .ai-aside .checkbox-custom {
    max-width: 19px;
    max-height: 19px;
  }
  .actionListItems .action-item .action-item-flex-container .ai-aside .checkbox-custom i,
  .SortableHelper .action-item .action-item-flex-container .ai-aside .checkbox-custom i {
    margin-top: 1px;
  }
  .actionListItems .action-item .action-item-flex-container .add-button-container,
  .SortableHelper .action-item .action-item-flex-container .add-button-container {
    width: 20px;
    margin-right: 2px;
  }
  .actionListItems .action-item .action-item-flex-container .title-wrapper,
  .SortableHelper .action-item .action-item-flex-container .title-wrapper {
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    margin-top: 8px;
    align-items: center;
  }
  .actionListItems .action-item .action-item-flex-container .right,
  .SortableHelper .action-item .action-item-flex-container .right {
    margin-left: 10px;
    margin-right: 0px;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
  }
  .actionListItems .action-item .action-item-flex-container .contenteditable-wrapper,
  .SortableHelper .action-item .action-item-flex-container .contenteditable-wrapper {
    margin-top: 10px;
    width: calc(100% - 24px);
  }
  .actionListItems .action-item.no-left-border,
  .SortableHelper .action-item.no-left-border {
    border-left: none;
  }
  .actionListItems .action-item .action-item-input,
  .SortableHelper .action-item .action-item-input {
    font-size: 15px;
    line-height: 1.3;
    flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
  }
  .actionListItems .action-item .ai-icons,
  .SortableHelper .action-item .ai-icons {
    font-size: 14px;
    margin-left: 25px;
    margin-top: 0px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    min-height: 30px;
  }
  .actionListItems .action-item .ai-icons .right-icons,
  .SortableHelper .action-item .ai-icons .right-icons {
    margin-left: auto;
  }
  .actionListItems .action-item .ai-icons .right-icons .dropdown-toggle,
  .SortableHelper .action-item .ai-icons .right-icons .dropdown-toggle {
    color: var(--color-modal-title);
  }
  .actionListItems .action-item .ai-icons .action-icons.my-action-view,
  .SortableHelper .action-item .ai-icons .action-icons.my-action-view {
    min-width: 1px;
    display: flex;
    min-width: auto;
  }
  .actionListItems .action-item .ai-icons .action-icons.my-action-view .fa,
  .SortableHelper .action-item .ai-icons .action-icons.my-action-view .fa,
  .actionListItems .action-item .ai-icons .action-icons.my-action-view .action-item-info-icon,
  .SortableHelper .action-item .ai-icons .action-icons.my-action-view .action-item-info-icon {
    margin: 0 5px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    position: inherit;
  }
  .actionListItems .action-item .ai-icons .action-icons.my-action-view .fa-envelope,
  .SortableHelper .action-item .ai-icons .action-icons.my-action-view .fa-envelope {
    font-size: 17px;
  }
  .actionListItems .action-item .ai-icons .action-icons.my-action-view .subactions-count,
  .SortableHelper .action-item .ai-icons .action-icons.my-action-view .subactions-count {
    margin-right: 0;
  }
  .actionListItems .action-item .ai-icons .labels-tags,
  .SortableHelper .action-item .ai-icons .labels-tags {
    margin-top: 0px;
    display: flex;
    flex-wrap: wrap;
  }
  .actionListItems .action-item .ai-icons .labels-tags > *.dependency-blocked-tag,
  .SortableHelper .action-item .ai-icons .labels-tags > *.dependency-blocked-tag {
    line-height: 20px;
  }
  .actionListItems .action-item.selected,
  .SortableHelper .action-item.selected {
    z-index: 1;
    box-shadow: 0px 4px 8px 0 var(--color14);
  }
  .actionListItems .action-item span.completed,
  .SortableHelper .action-item span.completed {
    z-index: 1;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px 6px 6px;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: var(--dark-sky-blue-fade-50);
    background-image: linear-gradient(90deg, var(--color58) 0%, var(--white) 40%);
    padding-left: 80px;
  }
  .actionListItems .action-item.checked .action-item-input,
  .SortableHelper .action-item.checked .action-item-input {
    opacity: 0.5;
  }
  .actionListItems .action-item.checked .icons-container .right,
  .SortableHelper .action-item.checked .icons-container .right {
    opacity: 0.5;
  }
  .actionListItems .action-item.checked input[type="checkbox"]:checked + span:before,
  .SortableHelper .action-item.checked input[type="checkbox"]:checked + span:before {
    background-color: var(--green105);
    border: solid 1px var(--green105);
  }
  .actionListItems .action-item .snooze-icons,
  .SortableHelper .action-item .snooze-icons {
    margin-left: 10px;
  }
  .actionListItems .action-item .icons-container,
  .SortableHelper .action-item .icons-container {
    margin-top: 5px;
    align-items: center;
    -webkit-align-items: center;
    display: flex;
    display: -webkit-flex;
    flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    min-height: 27px;
    margin-left: auto;
  }
  .actionListItems .action-item .icons-container .snooze-icons,
  .SortableHelper .action-item .icons-container .snooze-icons {
    opacity: 0;
    margin-left: 0px;
    position: absolute;
    top: 9px;
    right: 7px;
  }
  .actionListItems .action-item .icons-container .snooze-icons .snooze-dropdown,
  .SortableHelper .action-item .icons-container .snooze-icons .snooze-dropdown {
    margin-left: 10px;
  }
  .actionListItems .action-item .icons-container .snooze-icons > div,
  .SortableHelper .action-item .icons-container .snooze-icons > div {
    display: inline-block;
    vertical-align: top;
  }
  .actionListItems .action-item .icons-container .snooze-icons > div img,
  .SortableHelper .action-item .icons-container .snooze-icons > div img {
    width: 20px;
    height: 20px;
  }
  .actionListItems .action-item .icons-container .snooze-icons > div .dropdown-toggle img,
  .SortableHelper .action-item .icons-container .snooze-icons > div .dropdown-toggle img {
    margin-top: -3px;
  }
  .actionListItems .action-item.titleEdit .icons-container,
  .SortableHelper .action-item.titleEdit .icons-container {
    display: none;
  }
  .actionListItems .action-item.titleEdit .action-item-input,
  .SortableHelper .action-item.titleEdit .action-item-input {
    margin-left: 11px;
  }
  .actionListItems .action-item.titleEdit .button-wrap,
  .SortableHelper .action-item.titleEdit .button-wrap {
    margin-left: 2px;
    padding-bottom: 0px;
  }
  .actionListItems .action-item .label-marker,
  .SortableHelper .action-item .label-marker {
    width: 3px;
  }
  .actionListItems .action-item .action-footer,
  .SortableHelper .action-item .action-footer {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
  }
  .actionListItems .action-item .action-footer .footer-left-side,
  .SortableHelper .action-item .action-footer .footer-left-side {
    max-width: 100%;
  }
  .actionListItems .action-item .action-footer .footer-left-side .action-icons .action-item-info-icon,
  .SortableHelper .action-item .action-footer .footer-left-side .action-icons .action-item-info-icon {
    margin-top: 5px;
    margin-left: 36px;
  }
  .actionListItems .action-item .action-footer .footer-left-side .action-icons .action-item-info-icon .my-actions-tracking-row,
  .SortableHelper .action-item .action-footer .footer-left-side .action-icons .action-item-info-icon .my-actions-tracking-row {
    align-items: center;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
  }
  .actionListItems .action-item .action-footer .footer-left-side .action-icons .action-item-info-icon .my-actions-tracking-row .time-tracking-icon,
  .SortableHelper .action-item .action-footer .footer-left-side .action-icons .action-item-info-icon .my-actions-tracking-row .time-tracking-icon {
    margin-top: 1px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
  }
  .actionListItems .action-item .action-footer .footer-left-side .action-icons .action-item-info-icon .my-actions-tracking-row .time,
  .SortableHelper .action-item .action-footer .footer-left-side .action-icons .action-item-info-icon .my-actions-tracking-row .time {
    margin-left: 5px;
    font-size: 13px;
    font-weight: 600;
  }
  .actionListItems .action-item .action-footer .footer-left-side .parent-on-card,
  .SortableHelper .action-item .action-footer .footer-left-side .parent-on-card {
    margin-left: 34px;
    margin-top: 10px;
    font-size: 14px;
  }
  .actionListItems .action-item .action-footer .footer-right-side,
  .SortableHelper .action-item .action-footer .footer-right-side {
    display: flex;
    gap: 8px;
  }
  .actionListItems .action-item .action-footer .footer-right-side .agile-on-card,
  .SortableHelper .action-item .action-footer .footer-right-side .agile-on-card {
    display: flex;
    font-size: 13px;
    align-self: center;
    color: var(--gray203);
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .actionListItems .action-item .action-footer .footer-right-side .agile-on-card .fa-clock,
  .SortableHelper .action-item .action-footer .footer-right-side .agile-on-card .fa-clock {
    margin-right: 5px;
    color: var(--blue136);
  }
  .actionListItems .action-item .action-footer .footer-right-side .action-approval-status-on-card,
  .SortableHelper .action-item .action-footer .footer-right-side .action-approval-status-on-card {
    display: flex;
    align-items: center;
  }
  .actionListItems .action-item .action-footer .footer-right-side .right-icons .dropdown-toggle,
  .SortableHelper .action-item .action-footer .footer-right-side .right-icons .dropdown-toggle {
    color: var(--gray195);
  }
  .actionListItems .action-item .action-footer .footer-right-side .right-icons.snooze-text,
  .SortableHelper .action-item .action-footer .footer-right-side .right-icons.snooze-text {
    font-size: 14px;
    padding-bottom: 9px;
    margin-top: 10px;
    float: right;
    display: inline-block;
  }
  .actionListItems .action-item:hover .snooze-icons,
  .SortableHelper .action-item:hover .snooze-icons {
    display: block;
    opacity: 1;
  }
  .actionListItems .action-item:hover .action-footer .footer-right-side,
  .SortableHelper .action-item:hover .action-footer .footer-right-side {
    display: flex;
  }
  .actionListItems .action-item:hover .action-footer .footer-right-side .agile-on-card,
  .SortableHelper .action-item:hover .action-footer .footer-right-side .agile-on-card {
    display: flex;
    font-size: 13px;
    align-self: center;
    color: var(--gray203);
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .actionListItems .action-item:hover .action-footer .footer-right-side .agile-on-card .fa-clock,
  .SortableHelper .action-item:hover .action-footer .footer-right-side .agile-on-card .fa-clock {
    margin-right: 5px;
    color: var(--blue136);
  }
  .actionListItems .action-item:hover .action-footer .footer-right-side .right-icons .dropdown-toggle,
  .SortableHelper .action-item:hover .action-footer .footer-right-side .right-icons .dropdown-toggle {
    color: var(--color-full);
    transition: 0.6s ease all;
  }
  .additional-details {
    padding: 0px;
    margin: 5px 13px;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: baseline;
    -webkit-align-items: baseline;
    display: flex;
    display: -webkit-flex;
  }
  .additional-details .calendarStackIcon {
    visibility: visible;
  }
  .additional-details .select-dropdown {
    display: flex;
    display: -webkit-flex;
    align-items: baseline;
    -webkit-align-items: baseline;
  }
  .additional-details .select-dropdown .pipeline-dropdown {
    padding: 5px;
  }
  .additional-details .select-dropdown .dropdown > a {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
  }
  .additional-details .select-dropdown .templates-dropdown {
    margin: 0px 5px;
  }
  .additional-details .line {
    display: flex;
    display: -webkit-flex;
    align-items: baseline;
    -webkit-align-items: baseline;
    justify-content: center;
    -webkit-justify-content: center;
  }
  .additional-details .line .select {
    display: flex;
    display: -webkit-flex;
    align-items: baseline;
    -webkit-align-items: baseline;
    justify-content: center;
    -webkit-justify-content: center;
  }
  .additional-details .line .select.toggles {
    align-items: center;
    -webkit-align-items: center;
  }
  .additional-details .line .select.status {
    min-width: 25%;
    max-width: 45%;
    margin-right: 5px;
  }
  .additional-details .line .select.status .agent-disabled {
    padding: 3px 8px;
    border: 1px solid var(--whiteGray52);
    border-radius: 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .additional-details .line .select .modal-menu-icon {
    margin-left: 10px;
  }
  .additional-details .line .select .modal-menu-icon:empty {
    margin-left: 0px !important;
  }
  .additional-details .line .select .modal-menu-icon.jira-dropdown {
    margin-bottom: 2px;
  }
  .additional-details .line .select .modal-menu-icon.subaction-menu {
    margin: 0px;
  }
  .additional-details .line .select .modal-menu-icon.subaction-menu .dropdown {
    margin-left: 5px;
  }
  .additional-details .line .select .modal-menu-icon.subaction-menu .dropdown .dropdown-toggle {
    display: flex;
  }
  .additional-details .line .select .modal-menu-icon.subaction-menu .dropdown .dropdown-toggle i.fa-ellipsis-v {
    width: 15px;
  }
  .additional-details .line .select .modal-menu-icon i.fa,
  .additional-details .line .select .modal-menu-icon i.far,
  .additional-details .line .select .modal-menu-icon i.fas,
  .additional-details .line .select .modal-menu-icon i.fal {
    font-size: 16px !important;
    padding: 0px !important;
    color: var(--section-title);
  }
  .additional-details .line .select .modal-menu-icon .dropdown {
    padding: 0px;
  }
  .additional-details .line .select i.fa.fa-code-branch,
  .additional-details .line .select i.far.fa-code-branch,
  .additional-details .line .select i.fas.fa-code-branch,
  .additional-details .line .select i.fal.fa-code-branch {
    cursor: pointer;
    padding-left: 2px;
    position: relative;
  }
  .additional-details .line .select i.fa.fa-paperclip,
  .additional-details .line .select i.far.fa-paperclip,
  .additional-details .line .select i.fas.fa-paperclip,
  .additional-details .line .select i.fal.fa-paperclip {
    line-height: 14px;
  }
  .additional-details .line .select i.fa.fal.fa-paperclip,
  .additional-details .line .select i.far.fal.fa-paperclip,
  .additional-details .line .select i.fas.fal.fa-paperclip,
  .additional-details .line .select i.fal.fal.fa-paperclip {
    font-weight: 300;
  }
  .additional-details .line .select i.fa.fa-stack-1x,
  .additional-details .line .select i.far.fa-stack-1x,
  .additional-details .line .select i.fas.fa-stack-1x,
  .additional-details .line .select i.fal.fa-stack-1x {
    font-size: 7px;
  }
  .additional-details .line .select .recurring-icon .fa,
  .additional-details .line .select .recurring-icon .far,
  .additional-details .line .select .recurring-icon .fas,
  .additional-details .line .select .recurring-icon .fal {
    font-size: 14px;
    color: var(--white);
  }
  .additional-details .label-picker {
    width: auto;
  }
  .additional-details .ai-aside-medium {
    flex: 0.4;
    text-align: center;
  }
  .additional-details .ai-aside {
    text-align: center;
    flex: 1;
  }
  .additional-details .ai-aside-half {
    text-align: center;
    flex: 0.5;
  }
  .additional-details .ai-aside-half.btn {
    padding: 5px 7px;
  }
  .additional-details .ai-aside-half .dropdown .caret,
  .additional-details .ai-aside-half .dropdown i {
    color: var(--color-action-nav);
  }
  .additional-details .ai-aside-half .dropdown:hover .caret,
  .additional-details .ai-aside-half .dropdown:hover i {
    color: var(--color-full);
    transition: 0.6s ease color;
  }
  .additional-details .ai-aside-half i {
    color: var(--color-action-nav);
  }
  .additional-details .ai-aside-half i:hover {
    color: var(--color-full);
    transition: 0.6s ease color;
  }
  .additional-details .people-picker-aside {
    flex: 0.5;
    padding: 0 10px;
  }
  .additional-details .action-status .dropdown {
    padding-top: 5px;
  }
  .additional-details .dropdown {
    display: flex;
    padding-left: 5px;
    justify-content: center;
  }
  .additional-details .dropdown a {
    color: var(--color-medium-rare);
  }
  .additional-details .dropdown a:hover {
    color: var(--color-full);
    transition: 0.6s ease color;
  }
  .action-card {
    transition: 0.4s ease background-color;
  }
  .action-card.action-item-clone {
    width: 166px;
  }
  .action-card.action-item-clone,
  .action-card.action-item {
    max-width: 30em;
    box-shadow: 0 1px 2px var(--color12);
    border-radius: 3px;
    background: var(--white);
    border-width: 1px;
    border-color: var(--color-raw);
    border-style: solid;
    white-space: normal;
    margin: 6px 0;
    padding: 9px 13px 0;
    cursor: pointer;
  }
  .action-card.action-item-clone .action-item-title,
  .action-card.action-item .action-item-title {
    font-size: 15px;
    color: var(--gray224);
    line-height: 1.3;
    word-break: break-word;
  }
  .action-card.action-item-clone .action-item-title.archived,
  .action-card.action-item .action-item-title.archived {
    max-width: calc(100% - 18px);
  }
  .action-card.action-item-clone .action-first-image,
  .action-card.action-item .action-first-image {
    width: 100%;
    height: 120px;
    border-radius: 3px;
    background-size: contain;
    background-color: var(--whiteBlue8);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 10px;
  }
  .action-card.action-item-clone .action-item-info-icons,
  .action-card.action-item .action-item-info-icons {
    display: inline-block;
    margin-top: 5px;
    line-height: 25px;
    color: var(--icon-resting);
  }
  .action-card.action-item-clone .action-item-info-icons .subactions-count,
  .action-card.action-item .action-item-info-icons .subactions-count {
    margin-right: 5px;
  }
  .action-card.action-item-clone .action-item-info-icons .action-item-info-icon,
  .action-card.action-item .action-item-info-icons .action-item-info-icon {
    height: 13px;
    line-height: 10px;
    margin: 0 5px 0 0;
    white-space: nowrap;
  }
  .action-card.action-item-clone .action-item-info-icons .action-item-info-icon.fa-exclamation-circle,
  .action-card.action-item .action-item-info-icons .action-item-info-icon.fa-exclamation-circle {
    font-size: 16px;
  }
  .action-card.action-item-clone .action-item-info-icons .action-item-info-icon.fa-envelope,
  .action-card.action-item .action-item-info-icons .action-item-info-icon.fa-envelope {
    position: relative;
    top: 1px;
    font-size: 17px;
  }
  .action-card.action-item-clone .action-item-info-icons .action-item-info-icon:first-child,
  .action-card.action-item .action-item-info-icons .action-item-info-icon:first-child {
    margin-left: 0;
  }
  .action-card.action-item-clone .action-item-info-icons .pull-right .people-picker .first-char,
  .action-card.action-item .action-item-info-icons .pull-right .people-picker .first-char {
    cursor: pointer;
  }
  .action-card.action-item-clone .label-marker,
  .action-card.action-item .label-marker {
    left: 0px;
    width: 4px;
    border-radius: 3px 0px 0px 3px;
  }
  .action-card.action-item-clone .urgent-red,
  .action-card.action-item .urgent-red {
    font-weight: bold;
    color: var(--intercom-red);
  }
  .action-card.action-item-clone .thumb-tiny,
  .action-card.action-item .thumb-tiny {
    bottom: 2px;
  }
  .action-card.action-item-clone.color-on-top,
  .action-card.action-item.color-on-top {
    padding-top: 0px !important;
  }
  .action-card .archive-action {
    position: absolute;
    right: 15px;
    top: 5px;
  }
  .action-card .archive-action i {
    color: var(--steel);
  }
  .action-card .additional-assignees {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    background-color: var(--white170);
    font-size: 12px;
    top: 1px;
    border-radius: 3px;
    color: var(--grayBlue127);
  }
  .archive-action:hover i,
  .archive-action.active i {
    color: var(--dark-sky-blue) !important;
  }
  .toggle-milestone {
    color: var(--gray203);
    display: flex;
  }
  .toggle-milestone:hover i {
    cursor: pointer;
    color: var(--typographyPrimary) !important;
  }
  .toggle-milestone.active i {
    color: var(--dark-sky-blue) !important;
  }
  .additional-details {
    padding: 0px;
    justify-content: space-between;
    display: flex;
    flex-flow: row wrap;
  }
  .additional-details .ai-aside-medium {
    flex: 0.4;
    text-align: center;
  }
  .additional-details .ai-aside {
    text-align: center;
    flex: 1;
  }
  .additional-details .ai-aside-half {
    justify-content: center;
    text-align: center;
    flex: 0.5;
  }
  .additional-details .ai-aside-half.btn {
    padding: 5px 7px;
  }
  .additional-details .people-picker-aside {
    flex: 0.5;
    padding: 0 10px;
  }
  .additional-details i.fa,
  .additional-details i.far,
  .additional-details i.fas,
  .additional-details i.fal {
    font-size: 13px;
  }
  #actionKanbanItemModal,
  #new-action {
    border-radius: 8px;
  }
  #actionKanbanItemModal .action-dates,
  #new-action .action-dates {
    float: left;
    display: flex;
    padding: 0;
    align-items: center;
  }
  #actionKanbanItemModal .action-item.slim-card,
  #new-action .action-item.slim-card {
    margin: 0;
  }
  #actionKanbanItemModal .modal-dialog,
  #new-action .modal-dialog {
    height: 90%;
    pointer-events: none;
  }
  #actionKanbanItemModal .modal-content,
  #new-action .modal-content,
  #actionKanbanItemModal .modal-body,
  #new-action .modal-body {
    height: 100%;
    pointer-events: none;
  }
  #actionKanbanItemModal .modal-body > *,
  #new-action .modal-body > * {
    pointer-events: auto;
  }
  #actionKanbanItemModal .action-item.expanded,
  #new-action .action-item.expanded {
    max-height: 100%;
    height: auto;
  }
  #actionKanbanItemModal .action-item-body-content,
  #new-action .action-item-body-content {
    overflow: hidden;
    display: flex;
  }
  #actionKanbanItemModal .action-item-body-content .left-container-wrapper,
  #new-action .action-item-body-content .left-container-wrapper {
    position: relative;
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
  }
  #actionKanbanItemModal .action-item-body-content .left-container-wrapper .comment-input-container-wrapper .comment-container,
  #new-action .action-item-body-content .left-container-wrapper .comment-input-container-wrapper .comment-container {
    padding: 16px 32px;
    z-index: 1;
    background: var(--defaultCommentInputWrapperBackground);
    border-top: 1px solid var(--borderPrimary);
    margin-top: 0;
  }
  #actionKanbanItemModal .action-item-body-content .left-container-wrapper .comment-input-container-wrapper .slate-input-wrapper,
  #new-action .action-item-body-content .left-container-wrapper .comment-input-container-wrapper .slate-input-wrapper {
    max-height: 320px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container-wrapper .comment-input-container-wrapper .slate-input-wrapper .slate-editor.comment-input,
  #new-action .action-item-body-content .left-container-wrapper .comment-input-container-wrapper .slate-input-wrapper .slate-editor.comment-input {
    overflow-y: auto;
    padding: 12px 10px 10px 0;
  }
  #actionKanbanItemModal .action-item-body-content .left-container-wrapper .comment-input-container-wrapper .slate-input-wrapper .slate-editor.comment-input::-webkit-scrollbar,
  #new-action .action-item-body-content .left-container-wrapper .comment-input-container-wrapper .slate-input-wrapper .slate-editor.comment-input::-webkit-scrollbar {
    width: 12px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container-wrapper .comment-input-container-wrapper .slate-input-wrapper .slate-editor.comment-input::-webkit-scrollbar-thumb,
  #new-action .action-item-body-content .left-container-wrapper .comment-input-container-wrapper .slate-input-wrapper .slate-editor.comment-input::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--scrollbarColor);
    border: 3px solid var(--scrollbarBackgroundColor);
  }
  #actionKanbanItemModal .action-item-body-content .left-container-wrapper .comment-input-container-wrapper .slate-input-wrapper .slate-editor.comment-input::-webkit-scrollbar-track,
  #new-action .action-item-body-content .left-container-wrapper .comment-input-container-wrapper .slate-input-wrapper .slate-editor.comment-input::-webkit-scrollbar-track {
    background-color: var(--transparent);
  }
  #actionKanbanItemModal .action-item-body-content .left-container-wrapper .comment-input-container-wrapper .slate-input-wrapper .slate-editor.comment-input p.slate-block,
  #new-action .action-item-body-content .left-container-wrapper .comment-input-container-wrapper .slate-input-wrapper .slate-editor.comment-input p.slate-block {
    margin: 0;
  }
  #actionKanbanItemModal .action-item-body-content .left-container-wrapper .comment-input-container-wrapper .slate-input-wrapper .custom-controls,
  #new-action .action-item-body-content .left-container-wrapper .comment-input-container-wrapper .slate-input-wrapper .custom-controls {
    min-height: 38px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container-wrapper .comment-input-container-wrapper.private-comment,
  #new-action .action-item-body-content .left-container-wrapper .comment-input-container-wrapper.private-comment {
    background: var(--privateCommentInputWrapperBackground);
  }
  #actionKanbanItemModal .action-item-body-content .left-container-wrapper .comment-input-wrapper,
  #new-action .action-item-body-content .left-container-wrapper .comment-input-wrapper {
    margin: 0;
  }
  #actionKanbanItemModal .action-item-body-content .left-container,
  #new-action .action-item-body-content .left-container {
    height: 100%;
    overflow-y: auto;
  }
  #actionKanbanItemModal .action-item-body-content .left-container .slate-wrapper .description-editing,
  #new-action .action-item-body-content .left-container .slate-wrapper .description-editing {
    margin: 8px 6px 40px 23px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container .slate-wrapper .description-preview,
  #new-action .action-item-body-content .left-container .slate-wrapper .description-preview {
    margin: 13px 20px 0 45px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container .slate-wrapper .button-wrap,
  #new-action .action-item-body-content .left-container .slate-wrapper .button-wrap {
    padding: 5px 10px 10px 0 !important;
  }
  #actionKanbanItemModal .action-item-body-content .left-container .slate-wrapper .draggable-block-container.no-drag,
  #new-action .action-item-body-content .left-container .slate-wrapper .draggable-block-container.no-drag {
    padding-left: 0;
  }
  #actionKanbanItemModal .action-item-body-content .left-container .slate-wrapper .draggable-block-container.no-drag .drag-handle-wrapper,
  #new-action .action-item-body-content .left-container .slate-wrapper .draggable-block-container.no-drag .drag-handle-wrapper {
    display: none;
  }
  #actionKanbanItemModal .action-item-body-content .left-container .horizontal-padding,
  #new-action .action-item-body-content .left-container .horizontal-padding {
    padding-left: 18px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container::-webkit-scrollbar,
  #new-action .action-item-body-content .left-container::-webkit-scrollbar {
    width: 12px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container::-webkit-scrollbar-thumb,
  #new-action .action-item-body-content .left-container::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--scrollbarColor);
    border: 3px solid var(--scrollbarBackgroundColor);
  }
  #actionKanbanItemModal .action-item-body-content .left-container::-webkit-scrollbar-track,
  #new-action .action-item-body-content .left-container::-webkit-scrollbar-track {
    background-color: var(--transparent);
  }
  #actionKanbanItemModal .action-item-body-content .left-container .custom-fields-title,
  #new-action .action-item-body-content .left-container .custom-fields-title,
  #actionKanbanItemModal .action-item-body-content .left-container .subactions-title,
  #new-action .action-item-body-content .left-container .subactions-title,
  #actionKanbanItemModal .action-item-body-content .left-container .description-title,
  #new-action .action-item-body-content .left-container .description-title,
  #actionKanbanItemModal .action-item-body-content .left-container .comments-title,
  #new-action .action-item-body-content .left-container .comments-title {
    display: none;
  }
  #actionKanbanItemModal .action-item-body-content .left-container .custom-fields-wrapper .custom-field-text-input,
  #new-action .action-item-body-content .left-container .custom-fields-wrapper .custom-field-text-input {
    background-color: var(--newWhiteGrayBackground);
    border: 1px solid var(--inputBorderPrimary);
  }
  #actionKanbanItemModal .action-item-body-content .left-container .individual-apps-container,
  #new-action .action-item-body-content .left-container .individual-apps-container {
    margin: 0px 14px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container .individual-apps-container .action-dependency,
  #new-action .action-item-body-content .left-container .individual-apps-container .action-dependency,
  #actionKanbanItemModal .action-item-body-content .left-container .individual-apps-container .tracking-row-container,
  #new-action .action-item-body-content .left-container .individual-apps-container .tracking-row-container {
    margin: 0 -14px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container .individual-apps-container .app-container:not(:last-child),
  #new-action .action-item-body-content .left-container .individual-apps-container .app-container:not(:last-child) {
    margin-bottom: 16px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container .individual-apps-container .app-container:not(:last-child).action-dependency,
  #new-action .action-item-body-content .left-container .individual-apps-container .app-container:not(:last-child).action-dependency {
    margin-bottom: 0;
  }
  #actionKanbanItemModal .action-item-body-content .left-container .individual-apps-container .action-dependency + div:not(.tracking-row-container),
  #new-action .action-item-body-content .left-container .individual-apps-container .action-dependency + div:not(.tracking-row-container) {
    margin-top: 16px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container .top-left-modal-section,
  #new-action .action-item-body-content .left-container .top-left-modal-section {
    display: block;
    min-height: 0;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .mobile-only,
  #new-action .action-item-body-content .left-container.with-right-panel .mobile-only {
    display: none;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .milestone-checkbox,
  #new-action .action-item-body-content .left-container.with-right-panel .milestone-checkbox {
    font-size: 18px;
    color: var(--gray224);
    position: absolute;
    top: 2px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .milestone-checkbox.checked,
  #new-action .action-item-body-content .left-container.with-right-panel .milestone-checkbox.checked {
    color: var(--green105);
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .urgent-button-wrapper.with-icon,
  #new-action .action-item-body-content .left-container.with-right-panel .urgent-button-wrapper.with-icon,
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .privacy-button-wrapper.with-icon,
  #new-action .action-item-body-content .left-container.with-right-panel .privacy-button-wrapper.with-icon,
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .action-buzz-button-wrapper,
  #new-action .action-item-body-content .left-container.with-right-panel .action-buzz-button-wrapper {
    margin-left: 14px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .urgent-button,
  #new-action .action-item-body-content .left-container.with-right-panel .urgent-button,
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .privacy-button,
  #new-action .action-item-body-content .left-container.with-right-panel .privacy-button,
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .milestone-button,
  #new-action .action-item-body-content .left-container.with-right-panel .milestone-button,
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .risk-button,
  #new-action .action-item-body-content .left-container.with-right-panel .risk-button,
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .action-buzz-button,
  #new-action .action-item-body-content .left-container.with-right-panel .action-buzz-button {
    background-color: transparent;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .urgent-button,
  #new-action .action-item-body-content .left-container.with-right-panel .urgent-button {
    font-size: 18px;
    color: var(--red76);
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .privacy-button,
  #new-action .action-item-body-content .left-container.with-right-panel .privacy-button {
    font-size: 17px;
    color: var(--gray224);
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .milestone-button,
  #new-action .action-item-body-content .left-container.with-right-panel .milestone-button {
    font-size: 16px;
    color: var(--gray224);
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .risk-button,
  #new-action .action-item-body-content .left-container.with-right-panel .risk-button {
    color: var(--typographyPrimary);
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .labels-head,
  #new-action .action-item-body-content .left-container.with-right-panel .labels-head {
    margin-left: 24px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .attachments-head,
  #new-action .action-item-body-content .left-container.with-right-panel .attachments-head {
    margin: 0 30px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .attachments-container,
  #new-action .action-item-body-content .left-container.with-right-panel .attachments-container {
    margin: 40px 0 40px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .attachments-container .attachments-head,
  #new-action .action-item-body-content .left-container.with-right-panel .attachments-container .attachments-head {
    margin-top: 0;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .attachments-container .ai-row.actionFiles,
  #new-action .action-item-body-content .left-container.with-right-panel .attachments-container .ai-row.actionFiles {
    margin-bottom: 0;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .description,
  #new-action .action-item-body-content .left-container.with-right-panel .description {
    margin: 0;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .approvals-wrapper,
  #new-action .action-item-body-content .left-container.with-right-panel .approvals-wrapper {
    padding: 0;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .approvals-wrapper .proofing-container,
  #new-action .action-item-body-content .left-container.with-right-panel .approvals-wrapper .proofing-container {
    padding: 0;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .action-mail-messages,
  #new-action .action-item-body-content .left-container.with-right-panel .action-mail-messages {
    padding: 0 15px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .modal-buttons,
  #new-action .action-item-body-content .left-container.with-right-panel .modal-buttons {
    margin: 5px 30px 16px 30px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .add-action-comment,
  #new-action .action-item-body-content .left-container.with-right-panel .add-action-comment {
    margin-left: 0;
    padding-left: 26px;
    padding-right: 20px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .ai-row.actionFiles,
  #new-action .action-item-body-content .left-container.with-right-panel .ai-row.actionFiles {
    padding: 0 30px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .labels-container,
  #new-action .action-item-body-content .left-container.with-right-panel .labels-container {
    margin: 32px 0 24px;
    height: 30px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .labels-container-without-height,
  #new-action .action-item-body-content .left-container.with-right-panel .labels-container-without-height {
    margin: 32px 0 35px;
    height: auto;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .label-list,
  #new-action .action-item-body-content .left-container.with-right-panel .label-list {
    margin: 5px 30px 0;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .additional-details,
  #new-action .action-item-body-content .left-container.with-right-panel .additional-details {
    margin: 5px 30px;
    margin-right: 25px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .back-action-parent,
  #new-action .action-item-body-content .left-container.with-right-panel .back-action-parent {
    margin: -10px 16px 10px 16px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .back-action-parent.project-on-top,
  #new-action .action-item-body-content .left-container.with-right-panel .back-action-parent.project-on-top {
    margin-top: -20px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .custom-fields-wrapper,
  #new-action .action-item-body-content .left-container.with-right-panel .custom-fields-wrapper {
    padding: 0 30px 10px 30px;
    margin-left: 0;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .action-dependency .red,
  #new-action .action-item-body-content .left-container.with-right-panel .action-dependency .red,
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .action-dependency .green,
  #new-action .action-item-body-content .left-container.with-right-panel .action-dependency .green,
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .action-dependency .yellow,
  #new-action .action-item-body-content .left-container.with-right-panel .action-dependency .yellow {
    padding-left: 30px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .add-dependency,
  #new-action .action-item-body-content .left-container.with-right-panel .add-dependency {
    padding: 5px 30px;
    padding-right: 30px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .tracking-row-container .tracking-row,
  #new-action .action-item-body-content .left-container.with-right-panel .tracking-row-container .tracking-row {
    padding: 4px 30px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .action-phases,
  #new-action .action-item-body-content .left-container.with-right-panel .action-phases {
    margin: -20px 15px 10px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .hide-for-external-container,
  #new-action .action-item-body-content .left-container.with-right-panel .hide-for-external-container {
    display: flex;
    padding: 7px;
    background-color: var(--whiteGray33);
    justify-content: space-around;
    border-radius: 2px;
    margin: 12px;
    color: var(--typographyPrimary);
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .hide-for-external-container.disableMarginBottom,
  #new-action .action-item-body-content .left-container.with-right-panel .hide-for-external-container.disableMarginBottom {
    margin-bottom: 0;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .hide-for-external-container .hide-for-external,
  #new-action .action-item-body-content .left-container.with-right-panel .hide-for-external-container .hide-for-external {
    display: flex;
    align-items: center;
    line-height: 19px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .hide-for-external-container .hide-for-external-text,
  #new-action .action-item-body-content .left-container.with-right-panel .hide-for-external-container .hide-for-external-text {
    cursor: pointer;
    margin-left: 8px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .hide-for-external-container.active,
  #new-action .action-item-body-content .left-container.with-right-panel .hide-for-external-container.active {
    background: var(--color59);
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .hide-for-external-container:hover,
  #new-action .action-item-body-content .left-container.with-right-panel .hide-for-external-container:hover {
    box-shadow: 0px 2px 8px var(--color9);
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .approvals-wrapper .action-row-button,
  #new-action .action-item-body-content .left-container.with-right-panel .approvals-wrapper .action-row-button {
    border-bottom: none;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .mail-message-list-items .action-mail-row,
  #new-action .action-item-body-content .left-container.with-right-panel .mail-message-list-items .action-mail-row {
    padding: 0 15px;
    margin-top: 40px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .horizontal-padding,
  #new-action .action-item-body-content .left-container.with-right-panel .horizontal-padding {
    padding-left: 28px;
    padding-right: 23px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .ai-row.action-comments,
  #new-action .action-item-body-content .left-container.with-right-panel .ai-row.action-comments {
    background-color: var(--newWhiteGrayBackground);
    margin-top: 0;
    margin-bottom: 25px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .ai-row.action-comments .simple-loader,
  #new-action .action-item-body-content .left-container.with-right-panel .ai-row.action-comments .simple-loader {
    margin-top: 24px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .ai-row.action-phases.hidden,
  #new-action .action-item-body-content .left-container.with-right-panel .ai-row.action-phases.hidden {
    display: none;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .section-header,
  #new-action .action-item-body-content .left-container.with-right-panel .section-header {
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    display: flex;
    align-items: center;
    flex-direction: row;
    color: var(--typographyPrimary);
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .section-header-icon,
  #new-action .action-item-body-content .left-container.with-right-panel .section-header-icon {
    font-size: 15px;
    width: 20px;
    margin: -2px 10px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .section-header-icon i,
  #new-action .action-item-body-content .left-container.with-right-panel .section-header-icon i {
    color: var(--section-title);
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .subactions-title,
  #new-action .action-item-body-content .left-container.with-right-panel .subactions-title {
    margin-left: 30px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .custom-fields-wrapper,
  #new-action .action-item-body-content .left-container.with-right-panel .custom-fields-wrapper {
    margin-top: 20px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .description-container,
  #new-action .action-item-body-content .left-container.with-right-panel .description-container {
    padding-bottom: 0;
    margin: 19px 0 35px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .description-container .description,
  #new-action .action-item-body-content .left-container.with-right-panel .description-container .description {
    margin-top: 0;
    margin-bottom: 0;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .description-title,
  #new-action .action-item-body-content .left-container.with-right-panel .description-title {
    margin-left: 18px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .description-title .section-header-icon,
  #new-action .action-item-body-content .left-container.with-right-panel .description-title .section-header-icon {
    color: var(--typographyPrimary);
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .individual-apps-container,
  #new-action .action-item-body-content .left-container.with-right-panel .individual-apps-container {
    margin: 0 30px 24px 30px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .individual-apps-container .action-dependency,
  #new-action .action-item-body-content .left-container.with-right-panel .individual-apps-container .action-dependency,
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .individual-apps-container .tracking-row-container,
  #new-action .action-item-body-content .left-container.with-right-panel .individual-apps-container .tracking-row-container {
    margin-left: -30px;
    margin-right: -30px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .mobile-right-panel-action-card-section,
  #new-action .action-item-body-content .left-container.with-right-panel .mobile-right-panel-action-card-section {
    margin: 30px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .mobile-description,
  #new-action .action-item-body-content .left-container.with-right-panel .mobile-description {
    margin-left: -6px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .quill-wrapper:not(.active) .ql-editor,
  #new-action .action-item-body-content .left-container.with-right-panel .quill-wrapper:not(.active) .ql-editor {
    padding: 0;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .quill-wrapper:not(.active) .ql-editor:before,
  #new-action .action-item-body-content .left-container.with-right-panel .quill-wrapper:not(.active) .ql-editor:before {
    left: 0;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .add-dependency,
  #new-action .action-item-body-content .left-container.with-right-panel .add-dependency {
    padding-left: 30px;
  }
  #actionKanbanItemModal .action-item-body-content .right-container,
  #new-action .action-item-body-content .right-container {
    width: 100%;
    background-color: var(--newLightGrayToDarkGray);
    z-index: 1;
  }
  #actionKanbanItemModal .action-item-body-content .project-linking,
  #new-action .action-item-body-content .project-linking {
    margin-right: 30px;
    margin-bottom: 24px;
    margin-left: 24px;
  }
  #actionKanbanItemModal .modal-centered-container,
  #new-action .modal-centered-container {
    position: relative;
  }
  .project-linking-dropdown {
    width: 340px;
  }
  .project-linking-dropdown .tree-select-footer {
    font-weight: 500;
  }
  .additional-details {
    color: var(--tabbed-grey);
  }
  .additional-details .additional-toggle-container {
    margin-left: 10px;
  }
  @keyframes highlight {
    0% {
      color: var(--tabbed-grey);
    }
    100% {
      color: var(--white);
    }
  }
  .additional-details .additional-toggle-container .label {
    color: var(--white);
    display: none;
  }
  .additional-details .status {
    margin-left: 10px;
    margin-right: 5px;
    align-self: baseline;
    color: var(--gray218);
  }
  .additional-details .attach-file i {
    color: var(--tabbed-grey);
    padding-right: 0px !important;
  }
  .additional-details .date-selector-label {
    color: var(--gray218);
    padding-top: 5px;
    cursor: default;
  }
  .additional-details .deadline {
    padding-top: 6px;
    padding-bottom: 3px;
  }
  .additional-details .deadline.selected {
    border-radius: 2px !important;
  }
  .additional-details .deadline.selected .btn {
    box-shadow: inset 0 3px 5px var(--color101) !important;
  }
  .additional-details .deadline:hover {
    color: var(--color-full);
    transition: 0.6s ease color;
  }
  .additional-details .deadline .btn {
    margin-left: 5px;
    padding: 3px 5px 0px !important;
    color: var(--tabbed-grey);
  }
  .additional-details .deadline .btn.selected {
    background-color: var(--dark-sky-blue);
  }
  .additional-details .deadline .btn.selected span {
    color: var(--white);
  }
  .additional-details .deadline .fa-stack {
    width: 0;
    height: 0;
    padding-top: 0;
    line-height: 0;
    padding-right: 15px;
    padding-bottom: 15px;
  }
  .additional-details .deadline .fa-stack-1x {
    padding-top: 10px;
  }
  .additional-details .deadline i {
    color: var(--tabbed-grey);
    font-size: 16px;
  }
  .additional-details .deadline span {
    color: var(--dark-sky-blue);
  }
  .additional-details .select-date.selected .btn {
    box-shadow: inset 0 3px 5px var(--color101) !important;
  }
  .additional-details .select-date .btn {
    padding-left: 5px !important;
  }
  .additional-details .select-date .fa-stack {
    width: 0;
    height: 0;
    padding-top: 0;
    line-height: 0;
    padding-right: 15px;
    padding-bottom: 15px;
  }
  .additional-details .select-date i {
    color: var(--tabbed-grey);
    font-size: 16px;
  }
  .additional-details .select-date span {
    color: var(--dark-sky-blue);
  }
  .additional-details .dropdown {
    border: 0px;
  }
  .additional-details .dropdown a {
    display: inline-block;
    width: 100%;
    padding: 3px 8px;
    color: var(--tabbed-grey);
    border-radius: 2px;
    border: solid 1px var(--whiteGray52);
  }
  .additional-details .dropdown a .truncate {
    display: inline-block;
    vertical-align: top;
    max-width: 85px;
    color: var(--gray218);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .additional-details .dropdown a .caret {
    width: 8px;
    height: 4px;
  }
  .additional-toggle {
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .additional-toggle.agent-disabled {
    cursor: not-allowed;
  }
  .additional-toggle.agent-disabled.private:hover {
    border: solid 1px var(--color-medium-rare);
  }
  .additional-toggle.agent-disabled.private:hover i {
    color: var(--gray214);
    cursor: not-allowed;
  }
  .additional-toggle.agent-disabled.urgent:hover {
    border: solid 1px var(--color-medium-rare);
  }
  .additional-toggle.agent-disabled.urgent:hover i {
    color: var(--gray214);
    cursor: not-allowed;
  }
  .additional-toggle.agent-disabled.enabled {
    border: none;
  }
  .additional-toggle.agent-disabled.enabled.private i {
    color: var(--hive-orange) !important;
  }
  .additional-toggle.agent-disabled.enabled.urgent i {
    color: var(--intercom-red) !important;
  }
  .additional-toggle:hover {
    transition: 0.3s ease color;
  }
  .additional-toggle.private:hover .fa,
  .additional-toggle.private:hover .far,
  .additional-toggle.private:hover .fas,
  .additional-toggle.private:hover .fal {
    color: var(--hive-orange) !important;
  }
  .additional-toggle.urgent:hover i.fa,
  .additional-toggle.urgent:hover i.far,
  .additional-toggle.urgent:hover i.fas,
  .additional-toggle.urgent:hover i.fal {
    color: var(--red82) !important;
  }
  .additional-toggle .dropdown {
    padding: 0px;
  }
  .additional-toggle .dropdown a {
    padding: 0px;
    border: 0px;
  }
  .additional-toggle .dropdown a .truncate {
    display: none;
  }
  .additional-toggle .dropdown a i.fa-slack {
    padding-top: 2px;
    padding-left: 1px;
    font-size: 14px;
  }
  .additional-toggle i.fa,
  .additional-toggle i.far,
  .additional-toggle i.fas,
  .additional-toggle i.fal {
    font-size: 14px !important;
    vertical-align: middle;
    text-align: center;
  }
  .additional-toggle.enabled.private i {
    color: var(--hive-orange) !important;
  }
  .additional-toggle.enabled.urgent i {
    color: var(--intercom-red) !important;
  }
  .ai-trash {
    margin-left: auto;
    text-align: right;
    color: var(--color-action-nav);
  }
  .ai-trash:hover {
    color: var(--color-button) !important;
    transition: 0.6s ease color;
  }
  .unread-comments {
    color: var(--color-primary) !important;
  }
  .back-action-parent {
    display: block;
    margin: 15px 16px 10px 16px;
  }
  .back-action-parent.project-on-top {
    margin-top: 5px;
  }
  .commentPlaceholder:empty:before {
    display: inline;
    content: "New comment";
    position: absolute;
    color: var(--color-medium);
    top: 6px;
    left: 11px;
  }
  .mobileDescriptionPlaceholder:empty:before {
    display: inline;
    content: "New description";
    position: absolute;
    color: var(--color-medium);
    top: 61px;
    left: 20px;
  }
  .share-dropdown {
    display: flex;
    justify-content: flex-end;
    padding-top: 8px;
    padding-right: 35px;
  }
  .share-dropdown .fa,
  .share-dropdown .far,
  .share-dropdown .fas,
  .share-dropdown .fal {
    color: var(--color-action-nav);
  }
  .share-dropdown .fa:hover,
  .share-dropdown .far:hover,
  .share-dropdown .fas:hover,
  .share-dropdown .fal:hover {
    color: var(--color-full);
    transition: 0.6s ease color;
  }
  .attach-files .dropdown {
    cursor: pointer;
    font-size: 16px;
  }
  .attach-files .dropdown .dropdown-toggle {
    display: flex;
  }
  .attach-files .dropdown .fa,
  .attach-files .dropdown .far,
  .attach-files .dropdown .fas,
  .attach-files .dropdown .fal {
    color: var(--tabbed-grey);
  }
  .attach-files .dropdown .fa.fa-paperclip,
  .attach-files .dropdown .far.fa-paperclip,
  .attach-files .dropdown .fas.fa-paperclip,
  .attach-files .dropdown .fal.fa-paperclip {
    padding: 0px !important;
  }
  .attach-files .dropdown .fa:hover,
  .attach-files .dropdown .far:hover,
  .attach-files .dropdown .fas:hover,
  .attach-files .dropdown .fal:hover {
    color: var(--color-button) !important;
    transition: 0.6s ease color;
  }
  .attach-files .dropdown-menu {
    top: 65%;
    left: -150px;
  }
  .attach-files .dropdown-menu a {
    border: 0;
    width: 100%;
  }
  .attach-files .dropdown-menu a:hover {
    color: var(--gray226);
    background-color: var(--whiteGray33);
  }
  .attachments-head {
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    display: flex;
  }
  .attachments-head .dropdown {
    margin-left: 0;
  }
  .attachments-head .dropdown-menu {
    left: 0;
  }
  .attachments-head .dropdown-menu a {
    border: 0;
    padding-left: 5px;
  }
  .clone-subaction {
    flex-direction: row;
    align-items: center;
  }
  .clone-subaction .subaction-title-change {
    display: none;
  }
  .clone-subaction .ai-icons {
    display: flex;
    align-items: center;
    margin-left: auto;
  }
  .clone-subaction .action-item-input {
    margin-left: 5px;
    font-size: 14px;
    letter-spacing: 0.3px;
    color: var(--gray226);
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.36;
  }
  .clone-subaction .completed {
    color: var(--gray201);
  }
  .clone-subaction:hover:not(.new) {
    background-color: var(--whiteGray37);
    transition: 0.4s ease background-color;
  }
  .action-pro-button {
    top: -2px;
    left: 1px;
  }
  .emoji-mart {
    z-index: 9999;
  }
  .process-dropdown-menu {
    max-height: 50vh;
    overflow-y: auto;
  }
  .process-dropdown-menu .form-body .dropdown-header:hover {
    cursor: default;
    background-color: var(--white);
  }
  .process-dropdown-menu li:hover {
    cursor: pointer;
    background-color: var(--whiteGray33);
  }
  .process-dropdown-menu .workflow-option {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .process-dropdown-menu .workflow-option > a {
    flex: 1;
    text-overflow: ellipsis;
    overflow-x: hidden;
  }
  .process-dropdown-menu .workflow-option > i {
    width: 20px;
    padding-right: 5px;
  }
  .status-option {
    display: flex;
    align-items: center;
  }
  .status-option a {
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .status-option .fa,
  .status-option .far,
  .status-option .fas,
  .status-option .fal {
    margin-right: 10px;
  }
  .action-icons,
  .action-item-flex-container {
    -ms-flex-negative: 1;
  }
  .action-icons.my-action-view,
  .action-item-flex-container.my-action-view {
    margin-top: 5px;
  }
  .action-icons.my-action-view .datePickerBtn.selected,
  .action-item-flex-container.my-action-view .datePickerBtn.selected {
    background-color: transparent;
  }
  .action-icons.my-action-view:before,
  .action-item-flex-container.my-action-view:before {
    padding-top: 0px;
  }
  .action-icons:before,
  .action-item-flex-container:before {
    content: "";
    display: block;
    padding-top: 10px;
  }
  .action-icons .subaction-assignee-picker,
  .action-item-flex-container .subaction-assignee-picker {
    display: none;
  }
  .action-icons .subaction-assignee-picker .caret,
  .action-item-flex-container .subaction-assignee-picker .caret {
    display: none;
  }
  .action-item .multi-assignees .people-picker .member-display .initials-thumb {
    color: var(--tabbed-grey);
  }
  .action-item .multi-assignees .people-picker .member-display .initials-thumb:hover {
    color: var(--tabbed-grey);
  }
  .action-item .multi-assignees .people-picker .second-img + .caret {
    margin-left: 5px;
  }
  .action-project-color {
    height: 20px;
    color: var(--white);
    margin-top: 5px;
    margin-left: -13px;
    margin-right: -13px;
    padding-left: 13px;
    line-height: 20px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 5px;
    max-width: 120%;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .action-project-color.archived {
    max-width: calc(120% - 70px);
  }
  .appended-to-body .custom-field-select-dropdown {
    display: flex;
    flex-direction: column;
  }
  .ungrouped-custom-fields-wrapper {
    margin-top: 5px;
  }
  .ungrouped-custom-fields-wrapper .custom-fields {
    padding-left: 0;
    padding-right: 0;
  }
  .custom-fields-wrapper {
    padding: 0 10px 10px 10px;
    margin-left: 10px;
  }
  .custom-fields-wrapper .custom-fields {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 2px;
  }
  .custom-fields-wrapper .custom-fields .custom-field-label {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-right: 10px;
    font-weight: 600;
  }
  .custom-fields-wrapper .custom-fields .button-wrap {
    text-align: left;
  }
  .custom-fields-wrapper .custom-fields .custom-field-input-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .custom-fields-wrapper .custom-fields .custom-field-input-wrapper .custom-field-edit {
    margin-left: 20px;
    visibility: hidden;
  }
  .custom-fields-wrapper .custom-fields .custom-field-input-wrapper .custom-field-text-input {
    min-height: 32px;
    width: 100%;
    padding: 5px;
    padding-left: 10px;
    border: 1px solid var(--whiteGray52);
    cursor: text;
    background: var(--white);
    outline-style: none;
  }
  .custom-fields-wrapper .custom-fields .custom-field-input-wrapper .custom-field-text-input:focus {
    border: 1px solid var(--whiteGray52);
  }
  .custom-fields-wrapper .custom-fields .custom-field-input-wrapper:hover .custom-field-edit {
    visibility: visible;
  }
  .custom-fields-wrapper .custom-fields .custom-field-select-wrapper {
    max-width: 100%;
  }
  .custom-fields-wrapper .custom-fields .custom-field-select-wrapper .select-dropdown {
    max-width: 100%;
  }
  .custom-fields-wrapper .custom-fields .custom-field-select-wrapper .input-bordered {
    padding: 5px;
    border-radius: 3px;
    min-width: 255px;
  }
  .custom-fields-wrapper .custom-fields .custom-field-select-wrapper .input-bordered .input {
    margin-left: 2px;
  }
  .custom-fields-wrapper .custom-fields .custom-field-select-wrapper .input-bordered .fa-caret-down {
    top: 12px;
    right: 10px;
  }
  .action-item .action-dependency {
    margin: 0 30px 24px 30px;
  }
  .action-item .action-dependency .section-header {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
  }
  .action-item .action-dependency .section-header span {
    margin-right: 7px;
    display: flex;
  }
  .action-item .action-phases {
    display: flex;
    align-items: left;
    width: 90%;
    margin-left: 15px;
  }
  .action-item .action-phases .pipeline-dropdown {
    border: none;
    padding: 4px 12px;
    border-radius: 48px;
    background-color: var(--whiteGray33);
  }
  .action-item .action-phases > div {
    max-width: 100%;
  }
  .action-item.expanded .action-item-flex-container .header {
    align-items: center;
  }
  .action-item.expanded .ai-aside.checkbox {
    height: 20px;
  }
  .action-item.expanded .ai-aside.checkbox .fa-check-circle {
    font-size: 20px;
    color: var(--whiteGray175);
  }
  .action-item.expanded .ai-aside.checkbox .fa-check-circle.fas {
    color: var(--green105);
  }
  .dropdown-dependency {
    padding: 10px;
    height: 200px;
    width: 375px;
  }
  .dropdown-dependency input {
    width: 100%;
  }
  .dropdown-dependency .search-results {
    background: var(--white);
    border: 1px solid var(--white169);
    box-sizing: border-box;
    z-index: 1;
    margin-bottom: 10px;
  }
  .dropdown-dependency .search-results .link-action-result {
    padding: 10px;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .dropdown-dependency .search-results .link-action-result:hover {
    background: var(--whiteGray24);
  }
  .dropdown-dependency .search-results .no-results {
    padding: 10px;
    text-align: center;
  }
  .dropdown-dependency select {
    width: 100%;
    margin-top: 20px;
    border: solid 1px var(--whiteGray52) !important;
    text-shadow: 0 0 0 var(--black);
  }
  .dropdown-dependency .footer-buttons {
    text-align: right;
    margin-top: 30px;
  }
  .dropdown-dependency .footer-buttons button {
    border: none;
  }
  .dropdown-dependency .footer-buttons button.btn-default {
    color: var(--whiteGray175);
  }
  .pointer-events-disable {
    cursor: not-allowed;
    pointer-events: none;
  }
  .modal.bootbox .modal-footer span.btn.btn-primary {
    transition: none !important;
  }
  .modal.bootbox .modal-footer span.btn.btn-primary.copying,
  .modal.bootbox .modal-footer span.btn.btn-primary.disabled {
    background-color: var(--color-medium-rare) !important;
    cursor: not-allowed;
    color: var(--gray224);
  }
  .modal.bootbox .modal-footer span.btn.btn-primary:not(.copying) {
    padding: 4px 10px !important;
  }
  .modal.bootbox .modal-footer span.btn.btn-primary > input.count {
    width: 35px;
    height: 26px;
    cursor: text;
    background-color: inherit;
  }
  .modal.bootbox .modal-footer span.btn.btn-primary > input.count.ie {
    background-color: unset;
    color: var(--gray224);
  }
  .modal.bootbox .modal-footer span.btn.btn-primary > input.count::-webkit-inner-spin-button,
  .modal.bootbox .modal-footer span.btn.btn-primary > input.count::-webkit-outer-spin-button {
    opacity: 1;
    margin: 0;
    padding: 0;
  }
  .workflow-buttons-container {
    margin-bottom: 24px;
  }
  .ai-row.action-routing-row {
    display: flex;
    justify-content: center;
    padding: 5px 15px 0;
  }
  .ai-row.action-routing-row button.route-btn {
    width: 100%;
  }
  .ai-row.action-routing-row button.route-btn.inline {
    width: 50%;
  }
  .ai-row.action-routing-row .automation-people-picker {
    margin-left: 5px;
  }
  .ai-row.action-routing-row:empty {
    display: none;
  }
  .action-routing-loader {
    width: 100%;
    text-align: center;
  }
  .action-routing-loader i.routing-loader {
    color: var(--hive-blue);
    animation: fa-spin 1s infinite linear;
  }
  html[data-browser*="Firefox"] .action-item .action-comments .add-action-comment .create-subaction-text .comment-input {
    display: inline-block;
    align-items: center;
  }
  .ohg-agency-jobs-section {
    border: 1px solid var(--gray4);
    border-radius: 4px;
  }
  .ohg-agency-jobs-section .top-section {
    margin: 15px 0;
    display: flex;
    flex-direction: row;
  }
  .ohg-agency-jobs-section .top-section .top-item:first-of-type {
    margin-left: 15px;
  }
  .ohg-agency-jobs-section .top-section .top-item:last-of-type {
    margin-right: 15px;
  }
  .ohg-agency-jobs-section .top-section .top-section-header {
    font-weight: 600;
    font-size: 15px;
    line-height: 32px;
  }
  .ohg-agency-jobs-section table {
    width: 100%;
  }
  .ohg-agency-jobs-section table tr:first-of-type {
    background-color: var(--whiteGray33);
  }
  .ohg-agency-jobs-section table th {
    font-weight: normal;
    color: var(--gray203);
    padding: 0 5px;
    line-height: 20px;
  }
  .ohg-agency-jobs-section table td {
    padding: 10px 5px;
    border-bottom: 1px solid var(--gray4);
    max-width: 190px;
  }
  .ohg-agency-jobs-section table tr:last-of-type td {
    border-bottom: none;
  }
  .ohg-agency-jobs-section table th:first-of-type,
  .ohg-agency-jobs-section table td:first-of-type {
    padding-left: 15px;
  }
  .ohg-agency-jobs-section table th:last-of-type,
  .ohg-agency-jobs-section table td:last-of-type {
    padding-right: 15px;
  }
  .ohg-agency-jobs-section .job-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .ohg-agency-jobs-section .job-status-indicator {
    width: 11px;
    min-width: 11px;
    height: 11px;
    border-radius: 11px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
  }
  .nesting-level-1 + .modal-backdrop {
    z-index: 1041;
  }
  #actionKanbanItemModal.hv-modal.action-drag {
    max-height: calc(100% - 90px);
    margin: auto;
  }
  #actionKanbanItemModal.hv-modal.action-drag .modal-dialog.with-right-panel {
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    margin: 0;
  }
  #actionKanbanItemModal.hv-modal.action-drag .modal-dialog.with-right-panel .modal-content {
    border-radius: 0;
  }
  #actionKanbanItemModal.hv-modal.action-drag .modal-dialog.with-right-panel .modal-content .action-item-body-content {
    height: 100%;
  }
  #actionKanbanItemModal.hv-modal.action-drag .modal-dialog.with-right-panel .modal-content .action-item-body-content .top-left-modal-section {
    min-height: unset;
  }
  #actionKanbanItemModal.hv-modal.action-drag .modal-dialog.with-right-panel .modal-content .action-item-body-content .description-container.padding-sides {
    min-height: auto;
  }
  #actionKanbanItemModal.hv-modal.action-drag .modal-dialog.with-right-panel .modal-content .action-item-body-content .left-container {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
  }
  #actionKanbanItemModal.hv-modal.action-drag .modal-dialog.with-right-panel .modal-content .action-item-body-content .left-container .ai-row.action-comments {
    margin-top: auto;
  }
  #actionKanbanItemModal .action-item {
    border-radius: 8px;
  }
  #actionKanbanItemModal .modal-body .action-item .back-parent-wrapper,
  #actionKanbanItemModal .modal-body .action-item .ai-row.action-phases {
    position: sticky;
    top: 0;
    margin-top: 16px;
    margin-bottom: 0;
    padding: 8px 30px 0 20px;
    z-index: 1;
    background-color: var(--newWhiteGrayBackground);
  }
  #actionKanbanItemModal .modal-body .action-item .ai-row.action-phases {
    margin: 0;
    width: 100%;
  }
  #actionKanbanItemModal .modal-body .action-item .left-container.with-right-panel .back-parent-wrapper,
  #actionKanbanItemModal .modal-body .action-item .left-container.with-right-panel .ai-row.action-phases {
    padding-left: 30px;
  }
  #actionKanbanItemModal .modal-body .action-item .action-card-title-intersection-handler {
    height: 1px;
    margin-top: 22px;
  }
  #actionKanbanItemModal .modal-body .action-item .action-card-title-container {
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
    z-index: 2;
    background: var(--newWhiteGrayBackground);
  }
  #actionKanbanItemModal .modal-body .action-item .action-card-title-container:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: -8px;
    left: 0;
    right: 0;
    padding: 0;
    transition: all 0.3s;
    z-index: -1;
    clip-path: inset(0 0 -10px 0);
  }
  #actionKanbanItemModal .modal-body .action-item .action-card-title-container.is-sticky {
    position: absolute;
    top: 0;
  }
  #actionKanbanItemModal .modal-body .action-item .action-card-title-container.is-sticky .action-item-input {
    font-size: 15px;
    transition: all 0.3s;
  }
  #actionKanbanItemModal .modal-body .action-item .action-card-title-container.is-sticky:before {
    bottom: 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  }
  #actionKanbanItemModal .modal-body .action-item .project-on-top .tag,
  #actionKanbanItemModal .modal-body .action-item .project-on-top .go-to-project,
  #actionKanbanItemModal .modal-body .action-item .project-on-top .minimize-modal.fa-window-minimize,
  #actionKanbanItemModal .modal-body .action-item .project-on-top .close-modal.fa-times {
    width: 24px;
    height: 24px;
    border-radius: 4px;
  }
  #actionKanbanItemModal .modal-body .action-item .project-on-top .tag:hover,
  #actionKanbanItemModal .modal-body .action-item .project-on-top .go-to-project:hover,
  #actionKanbanItemModal .modal-body .action-item .project-on-top .minimize-modal.fa-window-minimize:hover,
  #actionKanbanItemModal .modal-body .action-item .project-on-top .close-modal.fa-times:hover {
    background-color: var(--gray106);
  }
  #actionKanbanItemModal .modal-body .action-item .project-on-top .tag {
    padding: 0 6px;
    min-height: auto;
    width: auto;
    display: flex;
    align-items: center;
  }
  #actionKanbanItemModal .modal-body .action-item .project-on-top .caret {
    margin-top: 1px;
    margin-left: 6px;
  }
  .action-header-project-tree-select-dropdown.tree-select-dropdown-wrapper {
    width: 340px;
    margin: 0;
  }
  .action-header-project-tree-select-dropdown.tree-select-dropdown-wrapper .clear-all-btn {
    display: none;
  }
  .label-color-selector-container {
    position: relative;
  }
  .action-buzz-button {
    cursor: pointer;
  }
  .action-buzz-button .action-buzz-icon {
    display: inherit;
  }
  .margin-space {
    height: 60px;
    width: 100%;
  }
  .files-content {
    flex: 1;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    margin-bottom: 0;
  }
  .file-item:not(.directory) .icon-box {
    background-color: var(--hive-blue);
  }
  .file-item.one-drive .preview-wrap {
    width: 25px;
    height: 25px;
    flex-shrink: 0;
  }
  .file-item.one-drive .preview-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .file-item.one-drive .icon-box {
    background-color: transparent;
  }
  .file-item.google-drive .icon-box {
    background-color: var(--white);
  }
  .icon-box,
  .preview-box {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .icon-box .fa,
  .preview-box .fa,
  .icon-box .far,
  .preview-box .far,
  .icon-box .fas,
  .preview-box .fas,
  .icon-box .fal,
  .preview-box .fal {
    color: var(--blue133);
  }
  .icon-box.video,
  .preview-box.video {
    width: inherit;
    height: inherit;
  }
  .icon-box.video.popup.mfp-hide,
  .preview-box.video.popup.mfp-hide {
    display: inline-block !important;
  }
  .icon-box.video .mfp-close,
  .preview-box.video .mfp-close {
    color: var(--white);
  }
  .icon-box video,
  .preview-box video {
    max-height: 77vh;
    max-width: 90vw;
  }
  .icon-box.popup,
  .preview-box.popup,
  .icon-box.drive,
  .preview-box.drive {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
  }
  .icon-box.popup .file-preview,
  .preview-box.popup .file-preview,
  .icon-box.drive .file-preview,
  .preview-box.drive .file-preview {
    margin: 0;
    max-width: 25px;
    max-height: 25px;
  }
  .icon-box.popup .file-preview.slate-image,
  .preview-box.popup .file-preview.slate-image,
  .icon-box.drive .file-preview.slate-image,
  .preview-box.drive .file-preview.slate-image {
    max-width: 100%;
    max-height: 100%;
  }
  .file-details {
    display: inline-block;
    margin: 0;
    padding: 0 15px;
    width: 100%;
    user-select: none;
    word-wrap: break-word;
    word-break: break-word;
  }
  .file-details .file-title {
    font-size: 14px;
    margin: 0;
    word-break: break-word;
  }
  .file-details p.small-details {
    margin: 0;
    margin-top: 2px;
    font-size: 90%;
    color: var(--color-minor);
  }
  .hv.btn.connect-btn {
    margin: 5px auto;
    width: 80%;
    max-width: 320px;
    align-items: center;
    justify-content: space-between;
    display: flex;
    cursor: pointer;
  }
  .hv.btn.connect-btn:first-of-type {
    margin-top: 15px;
  }
  .hv.btn.connect-btn.btn-transparent {
    background-color: transparent;
    box-shadow: 0 1px 4px var(--color9);
  }
  .hv.btn.connect-btn.btn-transparent:hover {
    background-color: var(--color-raw);
  }
  .hv.btn.connect-btn.btn-transparent:hover img {
    -webkit-filter: inherit;
    opacity: 1;
  }
  .hv.btn.connect-btn.off {
    opacity: 0.65;
    cursor: default;
  }
  .hv.btn.connect-btn.off:hover {
    background-color: var(--color-emphasis);
  }
  .file-store-connected.btn.hv.btn-transparent:hover {
    background-color: transparent;
  }
  .file-store-connected img {
    -webkit-filter: inherit;
    opacity: 1;
  }
  .disconnect {
    margin-right: -23px;
    float: right;
    visibility: hidden;
    color: var(--intercom-red);
    cursor: pointer;
    transform: scale(1);
    transition: 0.3s ease transform;
  }
  .disconnect:hover {
    transform: scale(1.05);
    transition: 0.3s ease transform;
  }
  .file-store-connected:hover .disconnect {
    visibility: visible;
  }
  .file-store-logo {
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    -webkit-filter: grayscale(100%);
    opacity: 0.3;
  }
  .connect-microsoft {
    height: 54px;
  }
  .connect-microsoft .file-store-logo {
    height: 50px;
  }
  .list-group-item.file-item {
    padding: 10px 15px;
    width: 100%;
    border-radius: 0;
    border: none;
    border-bottom: var(--borderPrimary) solid 1px;
    margin-bottom: 0px;
    background-color: var(--backgroundPrimary);
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  .list-group-item.file-item .failed-upload {
    color: red;
    padding: 0px 9px;
  }
  .list-group-item.file-item .failed-upload .fa:hover,
  .list-group-item.file-item .failed-upload .far:hover,
  .list-group-item.file-item .failed-upload .fas:hover,
  .list-group-item.file-item .failed-upload .fal:hover {
    color: red;
  }
  .list-group-item.file-item.large-thumbnail {
    flex-wrap: wrap;
    max-width: 100%;
  }
  .list-group-item.file-item.large-thumbnail .failed-upload {
    margin-left: auto;
    margin-right: auto;
  }
  .list-group-item.file-item.large-thumbnail .failed-upload .fa,
  .list-group-item.file-item.large-thumbnail .failed-upload .far,
  .list-group-item.file-item.large-thumbnail .failed-upload .fas,
  .list-group-item.file-item.large-thumbnail .failed-upload .fal {
    font-size: 16px;
  }
  .list-group-item.file-item.large-thumbnail .preview-wrap {
    display: flex;
    width: 100%;
    max-width: 100%;
  }
  .list-group-item.file-item.large-thumbnail .preview-wrap .preview-box {
    display: inline-block;
  }
  .list-group-item.file-item.large-thumbnail .preview-box .file-preview {
    max-width: inherit;
    max-height: inherit;
    width: unset;
  }
  .list-group-item.file-item.large-thumbnail .preview-box .file-preview.spinner-gif {
    width: 50px;
    height: 50px;
  }
  .list-group-item.file-item.large-thumbnail .preview-box,
  .list-group-item.file-item.large-thumbnail .icon-box {
    max-width: inherit;
    max-height: 200px;
    width: auto;
    height: auto;
    margin: 0 auto;
  }
  .list-group-item.file-item.large-thumbnail .file-details {
    padding: 10px 5px 10px 0;
    width: calc(100% - 12px);
    justify-content: center;
  }
  .list-group-item.file-item.large-thumbnail .file-item-menu .dropdown-toggle {
    margin-left: 0 !important;
  }
  .list-group-item.file-item .preview-box {
    position: relative;
    cursor: zoom-in;
  }
  .list-group-item.file-item .preview-box:after {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s;
    transition-timing-function: ease-in-out;
    position: absolute;
    content: "\f00e";
    top: 0;
    left: 0;
    background-color: var(--dark257);
    width: 100%;
    height: 100%;
    color: var(--white172);
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    border-radius: 3px;
    opacity: 0;
  }
  .list-group-item.file-item video {
    max-width: 150px;
    max-height: 150px;
  }
  .list-group-item.file-item .file-item-menu {
    text-align: center;
  }
  .list-group-item.file-item .file-item-menu button {
    width: 12px;
  }
  .list-group-item.file-item:hover .preview-box:after {
    opacity: 1;
  }
  .list-group-item.file-item.loading {
    cursor: default;
    background-color: var(--color-raw);
  }
  .list-group-item.file-item.drag-card {
    background-color: var(--white);
    border: 1px solid var(--whiteGray175);
    border-radius: 5px;
    padding: 8px;
    cursor: -webkit-grabbing;
    opacity: 0.8;
    width: 300px;
  }
  .list-group-item.file-item.directory:hover,
  .list-group-item.file-item.file:hover,
  .list-group-item.file-item.shared-drive-link:hover,
  .list-group-item.file-item.link:hover {
    transition: 0.4s all ease;
    background-color: var(--color-raw);
  }
  .file-item:last-child {
    border-bottom: none;
  }
  .files-header-text {
    color: var(--typographyPrimary) !important;
  }
  .files-header-text .caret {
    color: var(--icon-resting);
  }
  .files-header i {
    color: var(--icon-resting);
  }
  .files-header i:hover {
    color: var(--color-medium-well);
    transition: 0.4s ease all;
  }
  .collapsed-files-text-container {
    transform: rotate(90deg);
    position: absolute;
    transform-origin: center;
    margin: auto;
    width: 100%;
    top: 3rem;
  }
  .collapsed-files-text-container .collapse-files .fa-angle-double-left {
    font-size: 15px;
    margin-top: 4px;
    margin-left: 0;
    transform: rotate(-90deg);
  }
  .collapsed-files-text-container .icon-button {
    top: 0px;
    position: relative;
  }
  .collapsed-files-text-container .collapsed-text.hv-strong {
    color: var(--tabbed-grey);
    display: inline-block;
    position: absolute;
    font-size: 16px;
    left: 48px;
    width: 5em;
    top: 2px;
  }
  .files-header .files-header-text i {
    color: var(--icon-resting);
    padding-right: 5px;
  }
  .files-header .files-header-text i:hover {
    transition: 0.4s ease all;
    color: inherit;
  }
  .file-list {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    height: 100%;
  }
  .files-add-button {
    margin-top: 5px;
    margin-right: 6px;
  }
  .files-header {
    height: 40px;
    width: 100%;
    border-bottom: var(--color-rare) solid 1px;
  }
  .files-header .files-title {
    color: var(--color-well);
  }
  .files-header .icon-button {
    top: 0px;
    position: relative;
    padding-top: 5px;
  }
  .files-header.searching {
    padding: 12px 10px 0 12px;
  }
  .files-header.searching .files-title {
    font-size: 14px;
    font-weight: normal;
  }
  .recent-files-header {
    border-top: var(--color-rare) solid 1px;
  }
  .file-breadcrumbs {
    margin-bottom: 0;
    padding-bottom: 6px;
    padding-top: 5px;
    background-color: var(--white);
    position: relative;
    width: 100%;
    min-height: 20px;
    user-select: none;
    border-bottom: var(--color-rare) solid 1px;
    border-radius: 0;
  }
  .file-breadcrumbs * {
    user-select: none;
  }
  .file-breadcrumbs li a {
    cursor: pointer;
  }
  .file-breadcrumbs li:last-of-type a {
    color: var(--black);
    cursor: default;
  }
  .files-panel-menu {
    padding-left: 10px;
  }
  #welcomeModal {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.43;
    color: var(--gray224);
  }
  #welcomeModal .modal-content {
    padding: 0px;
    padding-top: 15px;
  }
  #welcomeModal .content {
    margin: 20px 60px 60px;
    height: 250px;
  }
  #welcomeModal .hive-modal__body {
    padding: 0px;
  }
  #welcomeModal img {
    max-width: 100%;
  }
  #welcomeModal .tip {
    margin-bottom: 10px;
  }
  #welcomeModal .messaging-header {
    margin-bottom: 40px;
    text-align: center;
  }
  #welcomeModal .messaging-header p {
    font-size: 18px;
  }
  #welcomeModal .messaging-header i {
    color: var(--gray199);
  }
  #welcomeModal .bolder {
    font-weight: 600;
  }
  #welcomeModal .next-step {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    border-radius: 2px;
    background-color: var(--blue141);
    cursor: pointer;
  }
  #welcomeModal .next-step span {
    font-size: 18px;
    font-weight: 600;
    color: var(--white);
  }
  #welcomeModal .next-step.disabled {
    background-color: var(--whiteGray33);
    cursor: not-allowed;
  }
  #welcomeModal .next-step.disabled span {
    color: var(--whiteGray182);
  }
  #welcomeModal .centered {
    text-align: center;
    justify-content: center;
  }
  #welcomeModal .title {
    font-size: 22px;
    font-weight: 600;
  }
  #welcomeModal .messaging-type label {
    min-width: 250px;
    min-height: 170px;
  }
  #welcomeModal .messaging-type label span {
    top: 125px;
    color: var(--gray224);
  }
  #welcomeModal .messaging-type .radio-image {
    background-size: auto;
    background-position-y: 25px;
  }
  #welcomeModal .messaging-type .radio-image:not(.checked) {
    border: 1px solid var(--whiteGray18);
    box-shadow: 0 2px 4px 0 var(--color72);
    border-radius: 2px;
  }
  #welcomeModal .messaging-type .messaging-hive {
    background-image: url('icon/messaging-hive.svg');
  }
  #welcomeModal .messaging-type .messaging-hive.checked {
    background-image: url('icon/messaging-hive-selected.svg');
  }
  #welcomeModal .messaging-type .messaging-external {
    background-image: url('icon/messaging-external.svg');
  }
  #welcomeModal .messaging-type .messaging-external.checked {
    background-image: url('icon/messaging-external-selected.svg');
  }
  #kanban-wrapper {
    position: relative;
    width: 100%;
    max-height: 100%;
    flex: 1;
  }
  #kanban-wrapper.is-mobile {
    max-height: calc(100% - 50px);
  }
  #kanban-wrapper.is-mobile #kanban {
    background-color: var(--backgroundPrimary);
  }
  #kanban-wrapper.is-mobile #kanban .kb-list-wrapper {
    background-color: transparent;
  }
  #kanban-wrapper.is-mobile #kanban .kb-list-wrapper .kanban-list {
    background: var(--whiteGray38);
    padding-left: 15px;
  }
  #kanban-wrapper::-webkit-scrollbar {
    height: 7px;
    width: 5px;
    -webkit-appearance: none;
  }
  #kanban-wrapper::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: var(--color-rareish);
    box-shadow: 0 0 1px var(--color61);
  }
  #kanban-wrapper .my-actions-kanban-view {
    margin-right: 16px;
  }
  .kanban-full-width #kanban {
    display: flex;
  }
  .kanban-full-width .kb-list-wrapper {
    flex: 1;
  }
  .kanban-full-width .kb-list-wrapper .action-card.action-item-clone,
  .kanban-full-width .kb-list-wrapper .action-card.action-item {
    max-width: none;
  }
  #kanban {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 6px 0 3px;
    white-space: nowrap;
    display: flex;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: scrollbar;
  }
  #kanban .kanban-lists {
    display: inline-block;
    margin: 0;
    padding: 0;
    pointer-events: none;
  }
  #kanban .kb-list-wrapper {
    pointer-events: auto;
    min-width: 255px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
  }
  #kanban .kb-list-wrapper:first-of-type {
    margin-left: 17px;
  }
  #kanban .kb-list-wrapper:last-of-type {
    margin-right: 15px;
  }
  #kanban .kb-list-wrapper.ui-sortable-helper {
    box-shadow: 0 4px 8px 0 var(--color62);
  }
  #kanban .kb-list-wrapper.full-height {
    height: 100%;
  }
  #kanban .kb-list-wrapper.auto-width {
    width: auto;
  }
  #kanban .kanban-list {
    display: flex;
    flex-direction: column;
    position: relative;
    max-height: 100%;
    height: 100%;
    min-width: 200px;
    border-radius: 4px;
  }
  #kanban .kanban-list .kanban-list-items {
    padding-left: 5px;
    padding-right: 7px;
    margin: 20px 0 8px -5px;
    list-style-type: none;
    min-height: 20px;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    max-height: 100%;
    flex: 1;
    position: relative;
  }
  #kanban .kanban-list .kanban-list-items .action-item.selected {
    box-shadow: 0 8px 12px 0 var(--color14);
  }
  #kanban .kanban-list .kanban-list-items .empty-status-list-message {
    color: var(--tabbed-grey);
    margin: 0.5rem 0;
    font-style: italic;
    text-align: center;
  }
  #kanban .custom-placeholder {
    background: var(--color-medium-rare);
    border-radius: 3px;
    border: none;
  }
  .parent-on-card {
    line-height: 1.29;
    letter-spacing: 0.1px;
    color: var(--gray195);
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px;
  }
  .parent-on-card .fa-arrow-left {
    font-size: 12px;
  }
  .parent-on-card:hover {
    cursor: pointer;
    color: var(--blue141);
    transition: 0.3s ease color;
  }
  .form-submit-btn {
    margin: 10px 0px;
    margin-left: auto;
    width: 80px;
    height: 40px;
    border-radius: 2px;
    background-color: var(--hive-orange);
    color: var(--white);
    font-weight: 600;
  }
  .form-cancel-btn {
    margin: 10px 0px;
    padding: 10px;
    height: 40px;
    border-color: var(--white);
    background-color: var(--white);
    color: var(--hive-orange);
    font-weight: 600;
  }
  .edit-pipeline {
    padding-top: 0.3em;
  }
  .pipeline-dropdown {
    padding: 5px 8px;
    border-radius: 2px;
    border: solid 1px var(--whiteGray52);
  }
  .pipeline-dropdown a {
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.1px;
    color: var(--gray226);
  }
  .dropdown-menu {
    border-radius: 2px;
    background-color: var(--backgroundPrimary);
    border: solid 1px var(--whiteGray52);
  }
  .dropdown-menu .dropdown-header {
    padding-bottom: 0px;
    text-align: center;
    color: var(--gray200);
  }
  .dropdown-menu .item,
  .dropdown-menu .create-item {
    vertical-align: middle;
    min-height: 30px;
    margin: 2px 0px;
  }
  .dropdown-menu .category-title {
    padding-left: 15px;
    margin: 5px 0px;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: var(--gray200);
  }
  .dropdown-menu .date-range-item {
    position: relative;
  }
  .dropdown-menu .date-range-item .choose-date-range {
    color: var(--gray226);
    padding-left: 30px;
  }
  .dropdown-menu .new-item-form {
    padding: 3px 20px;
  }
  .dropdown-menu .new-item-form .footer-buttons {
    display: flex;
    justify-content: flex-end;
  }
  .dropdown-menu .new-item-form div {
    margin-bottom: 5px;
  }
  .dropdown-menu .new-item-form input {
    margin-bottom: 15px;
  }
  .dropdown-menu .new-item-form > * {
    display: block;
  }
  .dropdown-menu .new-item-form .form-submit-btn {
    margin-left: 0px;
  }
  .dropdown-menu .new-item-form .status-set {
    line-height: 1.21;
    color: var(--gray203);
  }
  .dropdown-menu input {
    margin: 5px 0px;
    height: 30px;
    border-radius: 2px;
    border: solid 1px var(--whiteGray52) !important;
    padding: 0px 10px;
  }
  .dropdown-menu .dropdown a {
    border-radius: 2px;
    border: solid 1px var(--whiteGray52);
    padding: 5px 10px;
    display: inline-block;
    width: 100%;
  }
  .dropdown-menu .dropdown a span {
    color: var(--gray226);
  }
  #actionKanbanItemModal,
  #postItemModal {
    z-index: 1050;
    overflow-y: hidden !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  #actionKanbanItemModal .modal-dialog,
  #postItemModal .modal-dialog {
    max-height: 90%;
    overflow-y: auto;
  }
  #actionKanbanItemModal.is-mobile .modal-dialog,
  #postItemModal.is-mobile .modal-dialog {
    min-height: 92%;
    max-height: 100%;
    margin: 0;
  }
  #actionKanbanItemModal:not(.is-mobile) .project-toggler-wrapper,
  #postItemModal:not(.is-mobile) .project-toggler-wrapper {
    margin: 0;
  }
  #actionKanbanItemModal .modal-content,
  #postItemModal .modal-content {
    background: transparent;
    box-shadow: none;
    padding: 0;
  }
  #actionKanbanItemModal .action-item.slim-card,
  #postItemModal .action-item.slim-card {
    padding: 0px;
    border: none;
    max-width: inherit;
  }
  #actionKanbanItemModal .action-item.slim-card .person-pick .btn,
  #postItemModal .action-item.slim-card .person-pick .btn {
    padding: 0 0.75em;
  }
  #actionKanbanItemModal .action-item.slim-card .ai-icons,
  #postItemModal .action-item.slim-card .ai-icons,
  #actionKanbanItemModal .action-item.slim-card .ai-icons i,
  #postItemModal .action-item.slim-card .ai-icons i {
    cursor: default;
  }
  #actionKanbanItemModal .action-item.slim-card .fa-angle-double-up,
  #postItemModal .action-item.slim-card .fa-angle-double-up,
  #actionKanbanItemModal .action-item.slim-card .fa-angle-double-down,
  #postItemModal .action-item.slim-card .fa-angle-double-down {
    display: none;
  }
  #actionKanbanItemModal .done,
  #postItemModal .done {
    cursor: pointer;
    user-select: none;
  }
  #clone.ui-sortable-helper .ui-sortable-helper-badge {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    right: -16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--primary-blue);
    color: #fff;
    z-index: 10000;
  }
  #clone.action-item-clone {
    width: 166px;
    height: auto !important;
    max-width: 30em;
    box-shadow: 0 1px 2px var(--color12);
    border-radius: 3px;
    background: var(--white);
    border-width: 1px;
    border-color: var(--color-raw);
    border-style: solid;
    white-space: normal;
    border: 0;
    margin: 4px 0;
    padding: 9px 13px;
    cursor: pointer;
    word-break: break-all;
  }
  #clone.action-item-clone .dependency-blocked-tag {
    line-height: 19px;
  }
  #clone.action-item-clone .action-item-info-icons {
    margin-top: 5px;
    color: var(--icon-resting);
  }
  #clone.action-item-clone .action-item-info-icons .action-item-info-icon {
    height: 13px;
    margin: 0px 5px;
  }
  #clone.action-item-clone .action-item-info-icons .action-item-info-icon:first-child {
    margin-left: 0;
  }
  #clone.action-item-clone .action-item-info-icons .template-date {
    color: var(--gray205);
  }
  #clone.action-item-clone .action-first-image {
    width: 100%;
    height: 120px;
    border-radius: 3px;
    background-size: contain;
    background-color: var(--whiteBlue8);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 10px;
  }
  #clone.action-item-clone .action-item-title.archived {
    max-width: calc(100% - 18px);
  }
  #clone.action-item-clone .archive-action {
    position: absolute;
    right: 15px;
    top: 5px;
  }
  #clone.action-item-clone .archive-action i {
    color: var(--steel);
  }
  #clone.action-item-clone .label-marker {
    left: 0px;
    width: 6px;
    border-radius: 3px 0px 0px 3px;
  }
  #clone.action-item-clone .urgent-red {
    font-weight: bold;
    color: var(--intercom-red);
  }
  #clone.action-item-clone .thumb-tiny {
    bottom: 2px;
  }
  #clone.action-item-clone .message-content-block {
    width: 70%;
  }
  #clone.action-item-clone .message-menu-wrapper {
    display: none;
  }
  #clone.action-item-clone.color-on-top {
    padding-top: 0px !important;
  }
  #clone.action-item-clone.color-on-top .action-project-color {
    margin-bottom: 5px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    max-width: 120%;
  }
  .action-item-info-icons:nth-last-child(1):not(.action-item-tracking-block),
  .parent-on-card:nth-last-child(1):not(.action-item-tracking-block) {
    padding-bottom: 9px;
  }
  .action-item-info-icons .caret,
  .parent-on-card .caret {
    display: none;
  }
  .action-item-info-icons.divider,
  .parent-on-card.divider {
    border-bottom: 1px solid var(--color-rare);
    height: 0;
  }
  .action-item-info-icons.action-item-tracking-block,
  .parent-on-card.action-item-tracking-block {
    margin-top: 0;
  }
  .user-activites {
    margin: 8px 0px;
  }
  .user-activites .user {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
  }
  .user-activites .chat-thumb {
    align-self: center;
    flex-shrink: 0;
  }
  .user-activites .activity-list {
    width: 100%;
    position: relative;
  }
  .user-activites .activity-list.activity-separator {
    padding-top: 8px;
    border-top: solid 1px transparent;
  }
  .user-activites .activity-list.activity-separator .user {
    top: 8px;
  }
  .user-activites .activity-list .activity-text {
    font-style: italic;
    font-size: 13px;
    line-height: 1.31;
    letter-spacing: normal;
    color: var(--gray220);
    word-break: break-word;
  }
  .user-activites .activity-list .activity-text a {
    font-style: italic;
  }
  .user-activites .activity-list .activity-text div {
    display: inline;
    padding-right: 5px;
  }
  .user-activites .activity-list .user {
    top: 0px;
    left: 0px;
    position: absolute;
  }
  .user-activites .activity-list .message-content-block {
    display: flex;
    align-items: baseline;
    margin-left: 50px;
  }
  .user-activites .activity-list .message-content-block i,
  .user-activites .activity-list .message-content-block .canny-notification-icon {
    position: relative;
    top: 2px;
  }
  .user-activites .activity-list .message-content-block .notification-icon {
    position: relative;
    top: 4px;
  }
  .user-activites .activity-list .message-content-block .message-body {
    margin-left: 5px;
    margin-bottom: 5px;
    text-align: left;
  }
  .user-activites .activity-list .message-content-block .message-body .message-text {
    font-size: 14px;
    font-weight: normal;
    color: var(--gray226);
  }
  .user-activites .activity-list .message-content-block .message-body .message-text b {
    font-weight: 600;
  }
  .user-activites .activity-list .message-content-block .message-body .message-time {
    font-size: 12px;
    font-weight: normal;
    margin-left: 0px;
    color: var(--gray200);
  }
  .user-activites .activity-list i,
  .user-activites .activity-list [class^="icomoon-"],
  .user-activites .activity-list [class*=" icomoon-"] {
    width: 20px;
    color: var(--gray200);
    font-size: 14px;
    text-align: center;
  }
  .activity {
    margin-left: 10px;
  }
  .activity-feed {
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid var(--borderPrimary);
    display: flex;
    flex-direction: row;
  }
  .activity-feed .side-buttons {
    display: grid;
    opacity: 0;
  }
  .activity-feed:hover .side-buttons {
    opacity: 1;
  }
  .activity-feed .add-to-archive,
  .activity-feed .remove-from-archive,
  .activity-feed .mark-as-read,
  .activity-feed .add-to-pinned {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 14.5px 10px;
    background-color: var(--color86);
  }
  .activity-feed .add-to-archive i,
  .activity-feed .remove-from-archive i,
  .activity-feed .mark-as-read i,
  .activity-feed .add-to-pinned i,
  .activity-feed .add-to-archive .svg-icon,
  .activity-feed .remove-from-archive .svg-icon,
  .activity-feed .mark-as-read .svg-icon,
  .activity-feed .add-to-pinned .svg-icon {
    font-size: 16px;
  }
  .activity-feed .add-to-archive:hover,
  .activity-feed .remove-from-archive:hover,
  .activity-feed .mark-as-read:hover,
  .activity-feed .add-to-pinned:hover {
    background-color: var(--color-raw);
  }
  .activity-feed .add-to-archive:hover svg,
  .activity-feed .remove-from-archive:hover svg,
  .activity-feed .mark-as-read:hover svg,
  .activity-feed .add-to-pinned:hover svg {
    fill: var(--color-emphasis);
  }
  .activity-feed .add-to-pinned,
  .activity-feed .mark-as-read {
    border-top: 1px solid var(--borderPrimary);
  }
  .activity-feed .remove-from-archive {
    height: 100%;
  }
  .activity-feed:hover .mark-as {
    visibility: visible;
  }
  .activity-feed .feed-text {
    padding-right: 20px;
    white-space: pre-line;
  }
  .activity-feed .message {
    position: static;
    width: 500px;
  }
  .notifications-dropdown-anchor {
    position: relative;
  }
  .notifications-dropdown-anchor[data-count]:after {
    z-index: 1;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: var(--orange60);
    position: absolute;
    left: 22px;
    top: -15%;
    content: attr(data-count);
    padding: 7px;
    line-height: 6px;
    min-width: 20px;
    border-radius: 999px;
    color: var(--staticWhite);
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    cursor: default;
  }
  .notifications-dropdown-anchor[data-count="true"]:after {
    content: '';
    min-width: unset;
  }
  .notifications-dropdown {
    background-color: var(--backgroundPrimary);
    animation: fadeIn 0.13s forwards;
    min-height: 350px;
    padding: 0;
    top: 39px;
    right: -84px;
    border: 1px solid var(--whiteGray52);
    border-radius: 3px !important;
    z-index: 1055 !important;
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: scale(0.75);
      transform-origin: top center;
    }
    to {
      opacity: 1;
      transform: scale(1);
      transform-origin: top center;
    }
  }
  .notifications-dropdown.isCalendarEnabled:before {
    right: 138px;
  }
  .notifications-dropdown.mobile {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 0px;
    right: 0px;
  }
  .notifications-dropdown .buckets-list {
    height: 45px;
    display: flex;
    flex-direction: row;
    vertical-align: middle;
    align-items: center;
    margin-bottom: -1px;
  }
  .notifications-dropdown .buckets-list.notification-subheader {
    height: 40px;
  }
  .notifications-dropdown .buckets-list .bucket {
    position: relative;
    margin-right: 16px;
    margin-left: 16px;
    font-weight: 600;
    line-height: 1.29;
    cursor: pointer;
    padding: 11px 0px;
    border-bottom: 3px solid transparent;
  }
  .notifications-dropdown .buckets-list .bucket > div {
    position: relative;
  }
  .notifications-dropdown .buckets-list .bucket:before {
    content: '';
    position: absolute;
    top: 0;
    right: -16px;
    bottom: 0;
    left: -16px;
    z-index: 0;
  }
  .notifications-dropdown .buckets-list .bucket i {
    font-size: 20px;
    color: var(--grayBlue127);
  }
  .notifications-dropdown .buckets-list .bucket.with-activity:after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: '\f111';
    position: absolute;
    font-size: 6px;
    right: -10px;
    bottom: 16px;
    color: var(--orange60);
  }
  .notifications-dropdown:before {
    content: ' ';
    display: block;
    position: absolute;
    right: 92px;
    top: -6px;
    width: 12px;
    height: 12px;
    background-color: var(--backgroundPrimary);
    border-top: 1px solid var(--whiteGray52);
    border-left: 1px solid var(--whiteGray52);
    transform: rotate(45deg);
  }
  .notifications-dropdown:not(:has(.notification-subheader)) .notifications-scroll {
    height: calc(100% - 45px);
  }
  .notifications-bell {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .notifications-scroll {
    -webkit-overflow-scrolling: touch;
    height: calc(100% - (45px + 40px));
    overflow-y: auto;
  }
  .notifications-scroll::-webkit-scrollbar {
    width: 12px;
  }
  .notifications-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--scrollbarColor);
    border: 3px solid var(--scrollbarBackgroundColor);
  }
  .notifications-scroll::-webkit-scrollbar-track {
    background-color: var(--transparent);
  }
  .load-progress {
    position: relative;
    height: 30px;
  }
  .notification-title {
    font-size: 15px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: var(--typographyPrimary);
    padding-right: 24px;
    margin: 0 !important;
    word-break: break-word;
  }
  .notification-title.notification-read {
    font-weight: 400;
  }
  .notification-title.truncated-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 386px;
  }
  .notification-title .project-name {
    display: block;
    color: var(--gray200);
    font-size: 13px;
    line-height: 13px;
    font-weight: normal;
  }
  .svg-icon {
    fill: var(--grayBlue127);
  }
  .notification-container {
    padding: 20px 0px 0px 24px;
    width: 500px;
  }
  .activity-feed.notification-read .notification-title {
    color: var(--text200);
  }
  .activity-feed.notification-read .user-activites {
    color: var(--text200);
  }
  .activity-feed.notification-read .user-activites .activity-list .message-text,
  .activity-feed.notification-read .user-activites .activity-list .activity-text,
  .activity-feed.notification-read .user-activites .activity-list .feed-text {
    color: var(--text200);
  }
  .input-group-addon {
    background-color: var(--white);
    color: var(--whiteGray175);
    border: 0;
  }
  .input-group-addon.left-addon {
    padding-left: 0;
  }
  .input-group-addon.disabled {
    background-color: var(--color-rare);
  }
  .addon-button:hover {
    cursor: pointer;
    color: var(--gray204);
  }
  .admin {
    height: 100%;
  }
  .admin .scroll {
    height: 90%;
    overflow-y: auto;
  }
  .action-view-picker {
    display: flex;
    user-select: none;
  }
  .action-view-picker .hive-addons {
    display: flex;
    height: 40px;
  }
  #topNav.navbar {
    background-color: var(--white) !important;
  }
  .action-nav {
    display: flex;
    flex: 1;
    flex-direction: column;
    background-color: var(--white);
    overflow-x: hidden;
    white-space: nowrap;
    height: 40px;
    z-index: 1;
    border-bottom: 1px solid var(--whiteGray52);
    width: 100%;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .action-nav .hive-addons {
    display: flex;
  }
  .action-nav.project-navigator {
    margin-left: 0;
  }
  .action-nav::-webkit-scrollbar {
    display: none;
  }
  .action-nav .placeholder-tab {
    background: var(--color-medium-rare);
  }
  .action-nav .dragged-tab {
    background-color: var(--white) !important;
  }
  .action-nav .filters-row {
    display: flex;
    padding: 5px 0;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    color: var(--color-navigation);
  }
  .action-nav .filters-row .row-item {
    padding: 0 10px;
  }
  .action-nav .filters-row .filter {
    color: inherit;
  }
  .hide-navigator-panel {
    height: 0;
    background-color: var(--color-navigation);
    color: var(--white);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    text-align: right;
    transition: all 0.2s ease-in-out;
  }
  .hide-navigator-panel.inactive-panel {
    visibility: hidden;
  }
  .hide-navigator-panel.active-panel {
    visibility: visible;
    height: 40px;
  }
  .hide-navigator-panel .close-navigator {
    float: left;
    font-size: 24px;
    display: inline-block;
    margin-left: 10px;
  }
  .hide-navigator-panel .close-navigator:hover {
    cursor: pointer;
  }
  .picker-row {
    display: flex;
    line-height: 1.8;
    width: 100%;
    height: 100%;
  }
  .picker-row .new-project-btn {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding-right: 20px;
    padding-left: 20px;
  }
  .picker-row .new-project-btn:hover {
    color: var(--hive-blue);
  }
  .picker-row .move-scroll {
    width: 55px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    background-color: var(--color61);
  }
  .picker-row .move-scroll.right {
    right: 0px;
  }
  .picker-row .right-items {
    z-index: 1;
    margin-left: auto;
  }
  .picker-row .right-items .row-item {
    height: 100%;
  }
  .picker-row .right-items .row-item#newProject {
    padding: 6px 10px;
  }
  .picker-row .right-items .row-item .tab-btn {
    padding: 0 10px;
    font-weight: 600;
    line-height: 40px;
  }
  .picker-row .right-items .row-item .tab-btn:hover {
    cursor: pointer;
  }
  .picker-row .right-items .row-item .new-view-btn {
    color: var(--color-navigation);
  }
  .picker-row .right-items .row-item .new-project-btn {
    background-color: var(--color-navigation);
    color: var(--white);
    line-height: 28px;
    height: 28px;
    border-radius: 2px;
  }
  .picker-row .spacer {
    min-width: 20px;
  }
  .picker-row .row-item {
    display: inline-block;
  }
  .picker-row .row-item.picker-btn {
    flex: 0 0 auto;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    border-color: var(--white);
    border-style: solid;
    border-width: 0px;
    border-bottom-width: 4px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .picker-row .row-item.picker-btn#list:not(.selected):hover {
    background-color: var(--color-background);
    border-bottom: none;
  }
  .picker-row .row-item.picker-btn .dropdown {
    display: none;
  }
  .picker-row .row-item.picker-btn .tab-filter {
    opacity: 0.8;
  }
  .picker-row .row-item.picker-btn.project-view {
    padding-right: 20px;
  }
  .picker-row .row-item.picker-btn.project-status {
    max-width: 180px;
  }
  .picker-row .row-item.picker-btn:not(.js-sortable-tab) {
    padding-left: 20px;
    padding-right: 20px;
  }
  .picker-row .row-item.picker-btn .tab-icon {
    position: absolute;
    padding-top: 8px;
    padding-right: 3px;
    top: 0;
    left: 0;
    display: inline;
    width: 18px;
  }
  .picker-row .row-item.picker-btn .tab-icon.tab-icon--right {
    right: -16px;
    left: auto;
  }
  .picker-row .row-item.picker-btn .tab-icon:hover {
    color: var(--color-navigation);
  }
  .picker-row .row-item.picker-btn.selected {
    border-color: var(--color-navigation);
  }
  .picker-row .row-item.picker-btn.selected .picker-tab .title {
    color: var(--blue147);
  }
  .picker-row .row-item.picker-btn.selected.project-view .picker-tab .title {
    color: var(--gray218);
  }
  .picker-row .row-item.picker-btn.selected .dropdown .dropdown-toggle {
    padding-left: 18px;
  }
  .picker-row .row-item.picker-btn.selected .dropdown .dropdown-toggle .fa,
  .picker-row .row-item.picker-btn.selected .dropdown .dropdown-toggle .far,
  .picker-row .row-item.picker-btn.selected .dropdown .dropdown-toggle .fas,
  .picker-row .row-item.picker-btn.selected .dropdown .dropdown-toggle .fal {
    font-size: 14px;
    color: var(--color-navigation);
  }
  .picker-row .row-item.picker-btn.editing .dropdown {
    display: none;
  }
  .picker-row .row-item.picker-btn .picker-tab {
    position: relative;
    align-items: center;
    justify-content: center;
  }
  .picker-row .row-item.picker-btn .picker-tab .title {
    padding-top: 5px;
    text-align: center;
    overflow: hidden;
    font-weight: 600;
    color: var(--gray203);
    height: 100%;
    max-width: 300px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .picker-row .row-item.picker-btn .picker-tab:hover .fa,
  .picker-row .row-item.picker-btn .picker-tab:hover .far,
  .picker-row .row-item.picker-btn .picker-tab:hover .fas,
  .picker-row .row-item.picker-btn .picker-tab:hover .fal {
    visibility: visible;
  }
  .picker-row .row-item.picker-btn.dragover {
    background-color: var(--whiteBlue3);
    border: 1px solid;
    color: var(--color-navigation);
  }
  #action-panel .action-view-mobile-dd {
    width: 100%;
  }
  #action-panel .action-view-mobile-dd button.btn.dropdown-toggle {
    padding: 10px 0;
    width: 100%;
    text-align: center;
    font-size: 22px;
  }
  #action-panel .action-view-mobile-dd ul.dropdown-menu {
    max-height: 84vh;
    overflow-y: scroll;
    left: 0;
    font-size: 22px;
    right: 0;
  }
  #action-panel .action-view-mobile-dd ul.dropdown-menu .files-view-option .fa,
  #action-panel .action-view-mobile-dd ul.dropdown-menu .files-view-option .far,
  #action-panel .action-view-mobile-dd ul.dropdown-menu .files-view-option .fas,
  #action-panel .action-view-mobile-dd ul.dropdown-menu .files-view-option .fal {
    width: 50px;
    display: flex;
    justify-content: flex-end;
  }
  .show-more a {
    font-size: 1rem;
    line-height: 1.3em;
    color: var(--hive-blue) !important;
  }
  .padding-area {
    width: 100%;
    height: 60px;
  }
  .select-item {
    display: flex;
    padding: 5px 3px;
  }
  .select-item .select-avatar {
    max-width: 33px;
    flex: 1;
  }
  .select-item .select-avatar .img.image {
    width: 25px;
    height: 25px;
    border-radius: 20%;
    padding: 2px;
    margin: 2px;
  }
  .select-item .select-text {
    flex: 4;
    line-height: 25px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .select-item .select-text .select-icon {
    color: var(--green105);
    line-height: 25px;
    float: right;
  }
  .action-view-dropdown {
    position: absolute;
    min-width: 130px;
    border-radius: 1px;
    background-color: var(--white);
    box-shadow: 0 2px 4px 0 var(--color62);
    border: solid 1px var(--whiteGray52);
    max-width: 250px;
  }
  .action-view-dropdown .sort-block {
    padding: 0 15px 15px 15px;
  }
  .action-view-dropdown hr {
    margin: 0;
  }
  .action-view-dropdown .block {
    font-size: 14px;
    color: var(--gray226);
  }
  .action-view-dropdown .block.go-settings {
    cursor: pointer;
  }
  .action-view-dropdown .block .desc {
    margin: 10px 0px 5px 0px;
    color: var(--whiteGray175);
  }
  .action-view-dropdown .block .option {
    display: flex;
    align-items: center;
  }
  .action-view-dropdown .block .option .ai-aside {
    margin-right: 10px;
  }
  .action-view-dropdown .block .option input[type="radio"] {
    position: absolute;
    margin: 0px;
    width: 16px;
    height: 16px;
    opacity: 0;
  }
  .action-view-dropdown .block .option input[type="radio"] + span:before {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    box-shadow: none;
    border: solid 1px var(--tabbed-grey);
    display: flex;
    align-self: flex-start;
    align-items: center;
    justify-content: center;
    content: '';
  }
  .action-view-dropdown .block .option input[type="radio"]:checked + span:before {
    font-size: 0.8em;
    padding-top: 0.1em;
    padding-left: 0.05em;
    color: var(--tabbed-grey);
    border: solid 1px var(--tabbed-grey);
    font-family: 'Font Awesome 5 Pro';
    content: '\f111';
  }
  .action-view-dropdown .block .option label {
    cursor: pointer;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: var(--gray226);
  }
  .action-view-dropdown .block.buttons {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
  }
  .action-view-dropdown .block.buttons button {
    border-radius: 2px;
    padding: 5px 10px;
  }
  .bottom-less {
    border-bottom: 1px solid transparent !important;
  }
  .action-view-filters {
    position: relative;
    padding: 5px 25px 5px 10px;
    background-color: var(--filter-panel);
    border-bottom: solid 1px var(--whiteGray52);
  }
  .action-view-filters.project-filters {
    background-color: var(--whiteGray194);
    border-top: solid 1px var(--navbar-background-hover);
    border-bottom: solid 1px var(--navbar-background-hover);
  }
  .action-view-filters.project-filters .input-bordered {
    border-color: var(--navbar-background-hover) !important;
  }
  .action-view-filters .filter-group {
    display: inline-block;
  }
  .action-view-filters .filters {
    margin-right: 40px;
  }
  .action-view-filters .filter-item {
    display: inline-block;
    margin: 5px 0 5px 10px;
    vertical-align: middle;
  }
  .action-view-filters .filter-item.js-reset-filters {
    font-weight: 600;
  }
  .action-view-filters .filter-item label {
    margin: 0;
    padding-left: 5px;
    font-weight: normal;
    position: relative;
  }
  .action-view-filters .filter-item input[type=checkbox] {
    position: relative;
  }
  .action-view-filters .close-filters {
    position: absolute;
    display: block;
    top: 11px;
    right: 10px;
    font-size: 18px;
    color: var(--tabbed-grey);
  }
  .action-view-filters .close-filters:hover {
    cursor: pointer;
    color: var(--color-navigation);
    transition: 0.4s ease color;
  }
  .selected-count {
    color: var(--gray200) !important;
    margin-left: 3px;
  }
  .actions-visibility-dropdown {
    min-width: 100px;
  }
  .project-header-container {
    position: relative;
  }
  div.tooltip-container.tab-tooltip {
    opacity: 1;
    background-color: var(--typographyPrimary);
    border-color: var(--typographyPrimary);
  }
  div.tooltip-container.tab-tooltip .tooltip-arrow[data-placement*="top"]::before,
  div.tooltip-container.tab-tooltip .tooltip-arrow[data-placement*="top"]::after {
    border-color: var(--typographyPrimary) transparent transparent;
  }
  .project-header {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    flex-shrink: 0;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 46px;
    background-color: var(--backgroundPrimary);
    border-bottom: 1px solid var(--borderPrimary);
    padding: 0 16px 0 32px;
    font-size: 15px;
    font-weight: 400;
  }
  .project-header .left-icons {
    display: inline-flex;
    flex: 0 0 auto;
    height: 100%;
    align-items: center;
  }
  .project-header .left-icons:hover .without-date {
    cursor: pointer;
  }
  .project-header .left-icons .action-date-picker-container {
    width: auto;
  }
  .project-header .left-icons .header-item .project-name-text {
    white-space: nowrap;
    overflow-x: hidden;
    max-width: 350px;
    text-overflow: ellipsis;
  }
  .project-header .left-icons .simple-date-picker {
    margin-right: 12px;
    border-radius: 3px;
    border: 1px solid transparent;
    font-weight: 600;
    line-height: 22px !important;
    padding: 0 10px;
    background-color: transparent;
  }
  .project-header .left-icons .simple-date-picker.with-date {
    color: var(--person-online-green);
  }
  .project-header .left-icons .simple-date-picker.overdue {
    color: var(--gray205);
  }
  .project-header .left-icons .simple-date-picker.this-week {
    color: var(--dark-orange);
  }
  .project-header .left-icons .simple-date-picker:hover {
    background-color: var(--whiteGray194);
    color: var(--color-modal-title);
  }
  .project-header .left-icons .simple-date-picker.open {
    background-color: var(--white);
    border: 1px solid var(--hive-blue);
    color: var(--color-modal-title);
  }
  .project-header .left-icons .simple-date-picker.template {
    background-color: var(--white);
    color: var(--gray205);
  }
  .project-header .left-icons .simple-date-picker i {
    margin: 0px;
  }
  .project-header .left-icons .pr-10 {
    padding: 0px 10px 0px 0px;
  }
  .project-header .left-icons .pin-project {
    margin-right: 16px;
  }
  .project-header .left-icons .pin-project .fa,
  .project-header .left-icons .pin-project .far,
  .project-header .left-icons .pin-project .fas,
  .project-header .left-icons .pin-project .fal {
    font-size: 16px;
    color: var(--color-tag);
  }
  .project-header .left-icons .pin-project .fa:hover,
  .project-header .left-icons .pin-project .far:hover,
  .project-header .left-icons .pin-project .fas:hover,
  .project-header .left-icons .pin-project .fal:hover {
    cursor: pointer;
    color: var(--hive-blue);
  }
  .project-header .left-icons .pin-project i.active {
    color: var(--hive-blue);
  }
  .project-header .left-icons .pin-project i.active:hover {
    cursor: pointer;
  }
  .project-header .left-icons .parent-project-breadcrumbs {
    display: inline-block;
    white-space: nowrap;
  }
  .project-header .left-icons .edit-view-name {
    padding: 0 8px;
    border-radius: 2px;
  }
  .project-header .left-icons .edit-view-name.open {
    border: 1px solid var(--hive-blue);
  }
  .project-header .left-icons .edit-view-name:not(.disabled):hover {
    cursor: pointer;
    background-color: var(--whiteGray194);
  }
  .project-header .left-icons .edit-view-name.is-risk-and-issue {
    padding: 0;
  }
  .project-header .left-icons .edit-view-name .dropdown-toggle {
    color: var(--color-modal-title);
    font-weight: 600;
  }
  .project-header .left-icons .edit-view-name .dropdown-toggle > div {
    max-width: 250px;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
  }
  .project-header .left-icons .project-tree-dropdown-toggle {
    cursor: pointer;
    padding: 3px 4px;
    padding-bottom: 5px;
    border: 1px solid transparent;
    border-radius: 2px;
    color: var(--grayBlue127);
    font-size: 18px;
  }
  .project-header .left-icons .project-tree-dropdown-toggle:hover {
    color: var(--darkBlue230);
  }
  .project-header #resize-spacer {
    min-height: 20px;
    flex: 1 0 auto;
  }
  .project-header .input-bordered {
    border: 0px !important;
    background-color: transparent;
  }
  .project-header .input-bordered .input {
    color: var(--grayBlue127);
    font-weight: normal;
    font-size: 13px;
    height: auto;
  }
  .project-header .input-bordered .fa,
  .project-header .input-bordered .far,
  .project-header .input-bordered .fas,
  .project-header .input-bordered .fal {
    color: var(--grayBlue127);
    right: 0px;
    top: 0px;
    height: 100%;
    align-items: center;
    display: flex;
  }
  .project-header .input-bordered i.before {
    position: relative;
    top: 0px;
  }
  .project-header .project-tabs {
    display: inline-flex;
    flex-direction: row;
    align-items: end;
    justify-content: flex-start;
    overflow: hidden;
    height: 100%;
  }
  .project-header .project-tabs #tabs-container {
    display: inline-flex;
    flex-direction: row;
    align-items: end;
    flex-wrap: nowrap;
    overflow-x: hidden;
  }
  .project-header .project-tabs #tabs-container + .project-tab {
    margin-left: 4px;
  }
  .project-header .project-tabs .project-tab {
    display: inline-flex;
    flex-direction: row;
    height: 46px;
  }
  .project-header .project-tabs .project-tab:hover {
    cursor: pointer;
    border-radius: 8px 8px 0px 0px;
    background: var(--backgroundPrimaryHover);
  }
  .project-header .project-tabs .project-tab:hover .tab-eye-slash-icon {
    transition: background 0s;
    background: var(--backgroundPrimaryHover);
  }
  .project-header .project-tabs .project-tab + .project-tab {
    margin-left: 4px;
  }
  .project-header .project-tabs .project-tab .always-show.tab-three-dots-button {
    display: block;
  }
  .project-header .project-tabs .tab-text-icon-wrapper {
    position: relative;
    box-sizing: content-box;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    height: 40px;
    bottom: -2px;
    margin: 0 8px;
    border-bottom: 2px solid transparent;
  }
  .project-header .project-tabs .tab-text-icon-wrapper .tab-icon-container svg,
  .project-header .project-tabs .tab-text-icon-wrapper .tab-three-dots-button svg {
    fill: var(--text200);
  }
  .project-header .project-tabs .tab-text-icon-wrapper .tab-text {
    max-width: 132px;
    overflow: hidden;
    white-space: nowrap;
    color: var(--text200);
  }
  .project-header .project-tabs .tab-text-icon-wrapper .content-editable {
    padding: 0 4px;
    border-radius: 4px;
    border: 1px solid var(--primary-blue);
    cursor: default;
  }
  .project-header .project-tabs .tab-text-icon-wrapper .tab-text:not(.content-editable) {
    text-overflow: ellipsis;
    text-wrap: nowrap;
  }
  .project-header .project-tabs .tab-text-icon-wrapper .tab-element {
    vertical-align: middle;
  }
  .project-header .project-tabs .tab-text-icon-wrapper .tab-three-dots-button {
    display: none;
  }
  .project-header .project-tabs .active {
    border-bottom: 2px solid var(--primary-blue);
  }
  .project-header .project-tabs .active .tab-icon-container svg,
  .project-header .project-tabs .active .tab-three-dots-button svg {
    fill: var(--text100);
  }
  .project-header .project-tabs .active .tab-text {
    color: var(--text100);
  }
  .project-header .project-tabs #add-tab-container {
    display: flex;
    justify-content: center;
    padding: 6px;
    color: var(--typographyPrimaryDisabled);
  }
  .project-header .project-tabs #add-tab-container:hover {
    color: var(--typographyPrimary);
  }
  .project-header .project-tabs #add-tab {
    padding: 0px;
    margin: 0px;
  }
  .project-header .right-icons {
    display: inline-flex;
    flex: 0 1 auto;
    justify-content: flex-end;
    align-items: center;
    right: 16px;
    position: absolute;
  }
  .project-header .right-icons.collapsed .icon-title {
    display: none;
  }
  .project-header .right-icons .showDropdown .icon-title,
  .project-header .right-icons .showDropdown .fa-caret-down,
  .project-header .right-icons .showDropdown .before {
    color: var(--hive-blue);
  }
  .project-header .right-icons .right-icon {
    display: inline-flex;
    flex-direction: row;
    white-space: nowrap;
    color: var(--color-tag);
    margin-left: 16px;
  }
  .project-header .right-icons .right-icon i {
    margin-right: 6px;
  }
  .project-header .right-icons .right-icon.more-button {
    margin-left: 10px;
  }
  .project-header .right-icons .right-icon #project-more-button {
    font-size: 15px;
    color: var(--color-tag);
  }
  .project-header .right-icons .right-icon .icomoon-project-layout,
  .project-header .right-icons .right-icon .cascade-sort-icon {
    color: var(--color-tag);
  }
  .project-header .right-icons .right-icon #save-filter {
    display: inline-flex;
  }
  .project-header .right-icons .right-icon:hover .icomoon-project-layout,
  .project-header .right-icons .right-icon.active .icomoon-project-layout,
  .project-header .right-icons .right-icon:hover .project-baseline-icon,
  .project-header .right-icons .right-icon.active .project-baseline-icon,
  .project-header .right-icons .right-icon:hover #project-baseline,
  .project-header .right-icons .right-icon.active #project-baseline,
  .project-header .right-icons .right-icon:hover #project-more-button,
  .project-header .right-icons .right-icon:hover .cascade-sort-icon,
  .project-header .right-icons .right-icon:hover .fa-caret-down,
  .project-header .right-icons .right-icon:hover .before,
  .project-header .right-icons .right-icon:hover .icon-title,
  .project-header .right-icons .right-icon.active .cascade-sort-icon {
    color: var(--hive-blue);
    cursor: pointer;
  }
  .project-header .right-icons .right-icon:hover,
  .project-header .right-icons .right-icon.active {
    color: var(--hive-blue);
    cursor: pointer;
  }
  .project-header .right-icons .right-icon .hive-select {
    background-color: inherit;
  }
  .project-header .right-icons .right-icon .icon-title {
    line-height: 1;
    position: relative;
    top: 1px;
  }
  .project-header .right-icons .right-icon .icon-title i.fa-caret-down {
    margin-left: 4px;
  }
  .project-header .right-icons .right-icon.js-clear-tv-filters {
    background-color: var(--hive-blue-fade-10);
    padding: 4px 12px;
    border-radius: 20px;
    height: 24px;
  }
  .project-header .right-icons .right-icon.js-clear-tv-filters,
  .project-header .right-icons .right-icon.js-clear-tv-filters svg {
    color: var(--hive-blue);
  }
  .project-header .right-icons .save-filter {
    color: var(--typographyPrimaryDisabled);
  }
  .project-header .filter-completed-dropdown .date-range-picker-container {
    width: 100%;
    font-size: 14px;
    line-height: 13px;
  }
  .project-header .filter-completed-dropdown .date-range-picker-container .dropdown__content {
    width: 300px;
  }
  .project-header.draft-mode {
    background-color: var(--whiteGray48);
  }
  .header-item {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
  }
  .header-item .project-more-button {
    background-color: transparent !important;
  }
  .header-item .project-more-button .hive-select-container {
    height: 30px;
  }
  .header-item.dropdown:not(.edit-view-name) {
    overflow: hidden;
    flex: 1;
    margin: 0 8px;
    min-width: 30px;
  }
  .header-item.dropdown:not(.edit-view-name):first-child {
    margin-left: 0;
  }
  .header-item.dropdown:not(.edit-view-name).grandparent-breadcrumb {
    flex: 0;
    min-width: 12px;
  }
  .project-tree-dropdown-menu,
  .rename-view-dropdown-menu {
    border-radius: 2px;
    border: 1px solid var(--whiteGray52);
    box-shadow: 0 6px 12px var(--color109);
  }
  .rename-view-dropdown-menu {
    width: 320px;
  }
  .rename-view-dropdown-menu .menu-title {
    font-size: 16px;
    text-align: center;
    color: var(--color-modal-title);
    font-weight: 600;
    border-bottom: 1px solid var(--whiteGray52);
    padding: 5px;
  }
  .rename-view-dropdown-menu .rename-view-body {
    padding: 20px 20px 15px;
  }
  .rename-view-dropdown-menu .rename-view-body label {
    width: 100%;
    font-weight: 600;
    color: var(--color-modal-title);
  }
  .rename-view-dropdown-menu .rename-view-body .view-name-input {
    display: block;
    width: 100%;
    padding: 6px 15px;
    margin: 5px 0px 5px 0px;
    border: 1px solid var(--whiteGray52);
    border-radius: 2px;
    font-weight: normal;
    height: auto;
  }
  .rename-view-dropdown-menu .rename-view-body .view-name-input:focus {
    border-color: var(--hive-blue) !important;
  }
  .rename-view-dropdown-menu .rename-view-body .view-name-input.error {
    border-color: var(--intercom-red) !important;
    color: var(--intercom-red);
  }
  .project-tree-dropdown-menu {
    min-width: 320px;
    padding: 7px 0;
  }
  .menu-buttons {
    margin-top: 30px;
    text-align: right;
  }
  .menu-buttons .btn.btn-default {
    background-color: var(--white);
  }
  .menu-buttons .btn {
    border-radius: 2px;
    color: var(--color-medium-rare);
    border: none;
  }
  .menu-buttons .btn.btn-primary {
    background-color: var(--hive-blue) !important;
    color: var(--white);
  }
  .project-header-dropdown {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    width: 100%;
    background-color: var(--backgroundPrimary);
    box-shadow: 0px 8px 10px var(--boxShadow);
    z-index: 5;
    max-height: calc(100vh - 155px);
  }
  .project-details .contenteditable-wrapper .input {
    border: solid 1px var(--blue141);
    min-height: 100px;
    padding: 10px;
  }
  .project-details .expand-block {
    margin-top: 10px;
    color: var(--blue144) !important;
  }
  .project-details .section {
    display: flex;
    justify-content: space-between;
    flex-shrink: 0;
    margin-bottom: 20px;
  }
  .project-details .link-block {
    font-size: 13px;
    font-weight: 600;
    color: var(--grayBlue127);
  }
  .project-details .link-block:hover {
    color: var(--blue144);
  }
  .project-details.small-details {
    padding: 20px 15px;
  }
  .project-details.small-details .detail-icon-title {
    display: none;
  }
  .project-details .projectDatePickerBtn .detail-icon-title {
    margin-left: 4px;
  }
  .project-details .header-item {
    flex-direction: column;
    align-items: flex-start;
  }
  .project-details .header-item .item-title {
    color: var(--color-modal-title);
    font-weight: 600;
    margin-bottom: 10px;
  }
  .project-details .left-part {
    align-self: flex-start;
    cursor: default;
  }
  .project-details .left-part.description {
    width: 50%;
    margin-right: 30px;
  }
  .project-details .left-part.description .description-text {
    max-height: 76px;
    overflow-y: hidden;
  }
  .project-details .left-part.description .description-text .description-input {
    max-height: calc(100vh - (100vh * 0.70));
    word-wrap: break-word;
    overflow-y: hidden;
  }
  .project-details .left-part.description .description-text.expanded {
    max-height: 100%;
  }
  .project-details .left-part.description .description-text.expanded .description-input {
    overflow-y: auto;
  }
  .project-details .left-part.description .button-wrap {
    float: right;
  }
  .project-details .edit-block {
    margin-left: 15px;
    font-size: 12px;
    color: var(--steel);
  }
  .project-details .edit-block:hover {
    cursor: pointer;
    color: var(--blue144);
  }
  .project-details .project-members {
    margin-left: 20px;
  }
  .project-details .project-members .menu-buttons {
    margin-top: 15px;
  }
  .project-details .project-members .member-photo {
    display: inline-block;
  }
  .project-details .project-members .custom-label {
    height: 20px;
  }
  .project-details .project-members .custom-label .picker {
    display: inline-block;
  }
  .project-details .project-members .project-people-picker {
    display: inline-block;
    margin-top: -8px;
  }
  .project-details .project-members .team-icon {
    margin-top: 4px;
  }
  .project-details .project-members .member-display.ie11 .__react_component_tooltip {
    margin-top: -60px !important;
  }
  .project-details .right-part {
    flex-shrink: 0;
  }
  .project-details .right-part .detail-right-icon {
    margin-bottom: 10px;
    font-size: 13px;
  }
  .project-details .right-part .detail-right-icon.remove-icon.disabled {
    opacity: 0.7;
    cursor: not-allowed;
  }
  .project-details .right-part .detail-right-icon:hover {
    cursor: pointer;
    color: var(--hive-blue);
  }
  .project-details .right-part .detail-right-icon:hover.remove-icon {
    color: var(--intercom-red);
  }
  .project-details .right-part.attachments {
    margin-right: auto;
  }
  .project-details .right-part.attachments .actionFiles {
    padding-left: 0px;
    max-height: calc(100vh - (100vh * 0.7));
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
  }
  .project-details .right-part.attachments .list-group-item.file-item .dropdown-toggle {
    margin-left: 20px !important;
  }
  .project-details .right-part.attachments .file-details > .file-title {
    max-width: 60%;
  }
  .project-details .right-part.attachments .header-item {
    display: inline-block;
  }
  .project-details .right-part.attachments .files .fa,
  .project-details .right-part.attachments .files .far,
  .project-details .right-part.attachments .files .fas,
  .project-details .right-part.attachments .files .fal {
    color: var(--white169);
  }
  .project-details .right-part.attachments .files.inline {
    display: inline-block;
    position: relative;
    top: 2px;
  }
  .project-details .right-part.attachments .dropdown {
    margin-left: 0px;
  }
  .custom-field-type-dropdown {
    display: flex;
    flex-direction: column;
  }
  #request-client-file .error {
    border-color: red !important;
  }
  .shared-view-banner {
    cursor: pointer;
    padding: 5px 20px;
    text-align: center;
    color: var(--gray232);
    background: var(--whiteGray50);
    width: 100%;
    font-weight: 600;
    font-size: 13px;
  }
  .shared-view-banner i {
    margin-left: 5px;
  }
  .read-only-project-banner,
  .public-project-banner {
    background-color: var(--mediumOrange);
    padding: 5px 20px;
    font-weight: 700;
    color: var(--staticWhite);
    text-align: center;
    width: 100%;
  }
  .read-only-project-banner .underline,
  .public-project-banner .underline {
    cursor: pointer;
  }
  .read-only-project-banner i,
  .public-project-banner i {
    margin-left: 5px;
  }
  .project-header-draft-mode {
    background-color: var(--yellow95);
    display: flex;
    justify-content: center;
    height: 25px;
    color: var(--white);
    font-weight: bold;
    cursor: pointer;
  }
  .project-header-draft-mode .draft-mode-header {
    display: flex;
    align-items: center;
    white-space: pre;
  }
  .project-header-draft-mode .exit-draft-mode {
    position: absolute;
    right: 10px;
    height: 25px;
    display: flex;
    align-items: center;
  }
  .project-header-draft-mode .exit-draft-mode i {
    font-weight: bold;
  }
  .tab-icon {
    margin-right: 4px;
    margin-top: -6px;
  }
  .tab-icon.overview {
    margin-top: 0px;
  }
  .appended-to-body .tab-icon {
    margin-right: 8px;
    margin-top: 0px;
  }
  .tab-menu-icon {
    margin-right: 8px;
  }
  .tab-icon-container {
    position: relative;
  }
  .tab-icon-container .approval-count-icon {
    position: absolute;
    bottom: -3px;
    right: -1px;
    background-color: var(--orange60);
    border-radius: 50%;
    width: 10px;
    height: 10px;
    border: 2px solid var(--whiteGray33);
  }
  .tab-eye-slash-icon {
    position: absolute !important;
    bottom: 0;
    right: 0;
    transform: translate(-4%, 66%);
    padding: 1px;
    background: var(--backgroundPrimary);
    transition: background 0s !important;
  }
  .more-tab-item .tab-eye-slash-icon {
    transform: translate(-20%, 30%);
  }
  .more-tab-item:hover .tab-eye-slash-icon {
    transition: background 0s;
    background: var(--backgroundPrimaryHover);
  }
  .tab-angle-right {
    margin-left: auto;
  }
  .duration-dropdown {
    position: absolute;
    display: flex;
  }
  .duration-dropdown .view-by-dropdown {
    padding-left: 10px;
  }
  .duration-dropdown .dropdown-menu {
    min-width: 140px;
    width: 140px;
  }
  .duration-dropdown .dropdown-menu .title {
    padding-left: 15px;
    margin-bottom: 2px;
    color: var(--gray200);
  }
  .duration-dropdown .dropdown-menu .toggle-include-weekends {
    padding-top: 3px;
  }
  .duration-dropdown .dropdown-menu hr {
    margin-top: 0px;
    margin-bottom: 5px;
  }
  .duration-dropdown .dropdown-menu .edit-working-week {
    padding: 5px 15px;
    color: var(--blue136);
  }
  .duration-dropdown .cal-toggle {
    padding-top: 5px;
    padding-bottom: 10px;
  }
  .color-list-picker {
    border-radius: 2px;
    width: 80px;
    height: 40px;
  }
  .color-list-picker a {
    display: block;
    height: 100%;
  }
  .color-list-picker .js-custom-color {
    position: relative;
    left: 60px;
  }
  .choose-color-dropdown {
    z-index: 10003;
    padding: 5px 8px 8px;
  }
  .choose-color-dropdown li {
    width: 100%;
    cursor: pointer;
    padding: 5px;
  }
  .choose-color-dropdown .scroller {
    max-height: 300px;
    overflow-y: auto;
    padding-right: 5px;
  }
  .choose-color-dropdown .scroller::-webkit-scrollbar {
    height: 7px;
    width: 5px;
    -webkit-appearance: none;
  }
  .choose-color-dropdown .scroller::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: var(--white169);
    -webkit-box-shadow: 0 0 1px var(--color61);
  }
  .choose-color-dropdown .sketch-picker {
    box-shadow: none !important;
  }
  .choose-color-dropdown .dropdown-header {
    padding: 0px;
    font-size: 14px;
    font-weight: 600;
    color: var(--gray226);
  }
  .choose-color-dropdown .color-item {
    height: 40px;
    border-radius: 2px;
    margin-top: 5px;
  }
  .choose-color-dropdown .dropdown-menu-item {
    margin-top: 5px;
  }
  .choose-color-dropdown .dropdown-menu-item a {
    padding-left: 0px;
  }
  .choose-color-dropdown hr {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .choose-color-dropdown .footer-buttons {
    display: flex;
    justify-content: flex-end;
  }
  .choose-color-dropdown .footer-buttons button.btn {
    border-radius: 2px;
    font-size: 14px;
    font-weight: normal;
    padding: 8px 12px;
  }
  .choose-color-dropdown .footer-buttons .btn.btn-default {
    color: var(--grayBlue127);
    border: 0px;
  }
  .choose-color-dropdown .footer-buttons .btn.btn-primary {
    font-weight: 600;
    color: var(--white);
    background-color: var(--blue141) !important;
    border: none;
  }
  .sync-modal .login-card {
    top: 0;
    box-shadow: none;
    min-height: initial;
  }
  .sync-page .login-card {
    padding-bottom: 20px;
  }
  .sync-page .login-card .sync-join-hive {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    padding: 1em 1.25em;
    font-weight: 600;
    margin-bottom: 20px;
  }
  .sync-page .list-features {
    width: 90%;
    text-align: left;
  }
  .sync-page .list-features ul {
    list-style: disc outside none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -2em;
  }
  .sync-page .list-features ul li {
    list-style-position: inside;
    padding: 10px 0 10px 100px;
  }
  .sync-page .content .hive-modal__footer {
    padding: 20px 0px 30px 0px;
    height: 40px;
  }
  .sync-page .content .hive-modal__footer .footer-buttons {
    float: right;
  }
  .sync-page .content .hive-modal__footer .footer-buttons--centered {
    height: 40px;
    float: none;
    display: flex;
    justify-content: center !important;
  }
  .sync-page .content .hive-modal__footer .footer-buttons--centered button {
    padding: 0 20px;
    border-radius: 2px;
  }
  .sync-page .content .hive-modal__footer.label-modal-footer {
    position: inherit;
    bottom: 0px;
    background: var(--white);
  }
  .sync-page .content .integration-img {
    margin-top: 10px;
  }
  .sync-page .content .desc {
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 25px;
  }
  .sync-page .content .spinner {
    margin-top: 100px;
  }
  .sync-page .content .success-msg {
    font-size: 20px;
    margin-top: 20px;
  }
  .sync-page .content .invite-title {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    margin-top: 30px;
  }
  .sync-page .content .select-user-invite {
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-top: 10px;
  }
  .sync-page .content .select-user-invite .name {
    padding-left: 10px;
  }
  .sync-page .invite-users-scrollable {
    overflow-y: auto;
    max-height: 250px;
  }
  .sync-page .invite-users-scrollable .fa,
  .sync-page .invite-users-scrollable .far,
  .sync-page .invite-users-scrollable .fas,
  .sync-page .invite-users-scrollable .fal {
    color: var(--color-medium-rare);
  }
  .sync-page .connect-slack img {
    max-width: 200px;
  }
  .connect-slack-button .connect-slack {
    padding: 30px !important;
    border: var(--color-rare) solid 1px !important;
    border-radius: 5px !important;
  }
  .connect-slack-button .connect-slack .fa-check-circle {
    position: absolute;
    left: -13px;
    border-radius: 20px;
    background: var(--white);
    top: 18px;
  }
  .connect-slack-button .connect-slack .fa-times-circle {
    position: absolute;
    right: -13px;
    background: var(--white);
  }
  .connect-slack-button .file-store-connected {
    border: var(--green105) solid 1px !important;
  }
  #integrationsModal .connect-slack-button .connect-slack {
    max-width: 200px;
  }
  #integrationsModal .file-store-check.disconnect {
    right: 10px;
  }
  .connect-zoom-button .hv.btn.connect-btn.connect-zoom {
    width: 34%;
    padding: 20px !important;
    border: var(--color-rare) solid 1px !important;
    border-radius: 5px !important;
  }
  .connect-zoom-button .hv.btn.connect-btn.connect-zoom .fa-check-circle {
    position: absolute;
    left: -13px;
    border-radius: 20px;
    background: var(--white);
    top: 18px;
  }
  .connect-zoom-button .hv.btn.connect-btn.connect-zoom .fa-times-circle {
    position: absolute;
    right: -13px;
    background: var(--white);
  }
  .connect-zoom-button .hv.btn.connect-btn.connect-zoom .file-store-logo {
    height: 25px;
    margin-left: auto;
    margin-right: auto;
  }
  .connect-zoom-button .hv.btn.connect-btn.connect-zoom.file-store-connected {
    border-color: var(--checked-green) !important;
  }
  #newWorkspaceModal .hive-modal__header {
    padding: 0px;
  }
  #newWorkspaceModal .hive-modal__header .title {
    color: var(--typographyPrimary);
  }
  #newWorkspaceModal .hive-modal__body {
    padding: 0px;
  }
  #newWorkspaceModal hr {
    border-color: var(--borderPrimary);
  }
  #newWorkspaceModal label {
    font-weight: 600;
  }
  #newWorkspaceModal .caption {
    margin-top: 10px;
    font-weight: 600;
  }
  #newWorkspaceModal .bootbox-input {
    padding: 6px;
    border: 1px solid var(--inputBorderPrimary);
    background: var(--newWhiteGrayBackground);
  }
  #newWorkspaceModal .flex-row {
    margin-top: 10px;
  }
  #newWorkspaceModal .flex-row label {
    margin-left: 5px;
  }
  .simple-animated-loader {
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    animation-delay: 100ms;
  }
  .simple-loader {
    -webkit-animation-name: horizontalProgressBar;
    animation-name: horizontalProgressBar;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    background: var(--blue141);
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 0%;
    z-index: 9999;
  }
  @keyframes horizontalProgressBar {
    0% {
      width: 0%;
    }
    25% {
      width: 75%;
    }
    50% {
      width: 80%;
    }
    75% {
      width: 95%;
    }
    100% {
      width: 100%;
    }
  }
  @-webkit-keyframes horizontalProgressBar {
    /* Safari and Chrome */
    0% {
      width: 0%;
    }
    25% {
      width: 75%;
    }
    50% {
      width: 80%;
    }
    75% {
      width: 95%;
    }
    100% {
      width: 100%;
    }
  }
  #analyticsModal {
    width: 100%;
    height: 100%;
  }
  #analyticsModal #analyticsModalBody {
    width: 100%;
    height: 100%;
    margin: 0;
  }
  #analyticsModal .left-analytics-panel {
    z-index: 1;
    position: absolute;
  }
  #analyticsModal .left-analytics-panel .btn {
    margin-left: 7px;
    margin-top: 6px;
  }
  #analyticsModal .left-analytics-panel .btn.btn-secondary:hover {
    opacity: 0.8;
  }
  #analyticsModal .left-analytics-panel .btn.btn-secondary.back-btn {
    color: var(--staticWhite);
    background-color: var(--hive-blue);
    font-weight: 600;
  }
  #analyticsModal .left-analytics-panel .btn.btn-secondary.customize-btn {
    color: var(--gray227);
    margin-left: 25px;
  }
  #analyticsModal .left-analytics-panel .designer-buttons {
    display: inline-block;
    margin-left: 100px;
    background-color: var(--white);
  }
  #analyticsModal .center-analytics-panel {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 3px;
  }
  #analyticsModal .center-analytics-panel .btn.btn-secondary {
    color: var(--gray227);
  }
  #analyticsModal .center-analytics-panel #dashboards-dropdown {
    font-size: 22px;
    font-weight: bold;
  }
  #analyticsModal .center-analytics-panel #dashboards-dropdown .caret {
    margin-left: 5px;
  }
  #analyticsModal .center-analytics-panel .dropdown {
    display: inline-block;
  }
  #analyticsModal .center-analytics-panel .dropdown .dropdown-toggle {
    color: var(--gray227);
  }
  #analyticsModal .center-analytics-panel .dropdown-menu {
    width: 200px;
    left: calc(50% - 100px);
    user-select: none;
    font-size: 15px;
  }
  #analyticsModal .center-analytics-panel .dropdown-menu .dropdown-header {
    text-align: left;
  }
  #analyticsModal .center-analytics-panel .dropdown-menu .dropdown-item.active > a {
    background-color: var(--color102) !important;
  }
  #analyticsModal .center-analytics-panel .dropdown-menu .dropdown-item a {
    font-size: 16px;
  }
  #customizeAnalyticsModal #customize-analytics-modal-body {
    margin-top: 10%;
    color: var(--gray227);
    border-radius: 4px;
    box-shadow: 0 3px 9px 0 var(--color56);
    background-color: var(--white);
    border: solid 1px var(--whiteGray18);
  }
  #customizeAnalyticsModal #customize-analytics-modal-body h5 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 20px;
  }
  #customizeAnalyticsModal #customize-analytics-modal-body .details-wrapper {
    text-align: center;
    margin-left: 36px;
    margin-right: 36px;
  }
  #customizeAnalyticsModal #customize-analytics-modal-body p {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 0.2px;
    color: var(--gray223);
  }
  #customizeAnalyticsModal #customize-analytics-modal-body .btn.btn-primary.submit-btn {
    width: 121px;
    height: 37px;
    font-weight: 600;
    background-color: var(--orange61) !important;
    border-radius: 4px;
    margin-bottom: 30px;
    margin-top: 30px;
  }
  #customizeAnalyticsModal #customize-analytics-modal-body .btn.close-btn {
    background-color: var(--white);
    font-weight: 600;
    width: 60px;
    height: 37px;
    border-radius: 4px;
    border: solid 1px var(--gray201);
    margin-bottom: 30px;
    margin-top: 30px;
  }
  #customizeAnalyticsModal #customize-analytics-modal-body .img-wrapper {
    text-align: center;
    padding: 22px;
  }
  #customizeAnalyticsModal #customize-analytics-modal-body .analytics-img {
    width: 124px;
    height: 124px;
    object-fit: contain;
  }
  .form-control {
    background-color: var(--newWhiteGrayBackground);
    border-color: var(--inputBorderPrimary);
  }
  .proofing-container {
    background-color: var(--white);
    margin-top: 16px;
  }
  .proofing-container .versioned-file .file-name {
    font-size: 16px;
  }
  .proofing-container .versioned-file .versioned-file-header {
    padding: 4px;
    text-align: center;
    background-color: var(--blue141);
    color: var(--white);
    cursor: pointer;
  }
  .proofing-container .versioned-file .versioned-file-body {
    padding: 16px;
  }
  .proofing-container .versioned-file .preview-row {
    display: flex;
    justify-content: center;
    align-content: center;
    margin-bottom: 8px;
  }
  .proofing-container .versioned-file .preview-wrapper:has(.reference-link) {
    min-height: auto;
  }
  .proofing-container .versioned-file .reference-link {
    padding: 8px;
    border: 1px solid var(--borderPrimary);
    border-radius: 4px;
  }
  .proofing-container .versioned-file .preview-wrapper {
    min-height: 300px;
    width: 100%;
    display: flex;
  }
  .proofing-container .versioned-file .preview-wrapper .image-preview-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: inherit;
  }
  .proofing-container .versioned-file .preview-wrapper .image-preview-container img {
    box-shadow: 5px 5px 5px -6px rgba(0, 0, 0, 0.5);
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 300px;
  }
  .proofing-container .versioned-file .file-version-item {
    display: block;
    padding: 4px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    border-radius: 4px;
  }
  .proofing-container .versioned-file .file-version-item:hover {
    background-color: var(--surface200);
  }
  .proofing-container .versioned-file .file-version-item:hover .edit-file,
  .proofing-container .versioned-file .file-version-item:hover .delete-file,
  .proofing-container .versioned-file .file-version-item:hover .lock-file {
    opacity: 1;
  }
  .proofing-container .versioned-file .show-more-button {
    padding: 4px;
  }
  .proofing-container .versioned-file .show-more-button,
  .proofing-container .versioned-file .file-version-name,
  .proofing-container .versioned-file .reference-link {
    font-size: 14px;
    color: var(--blue141);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    cursor: pointer;
  }
  .proofing-container .versioned-file .file-version-date {
    color: var(--gray208);
  }
  .proofing-container .versioned-file .edit-file {
    margin-left: 8px;
    opacity: 0;
    cursor: pointer;
  }
  .proofing-container .versioned-file .edit-file:hover {
    color: var(--blue141);
  }
  .proofing-container .versioned-file .delete-file {
    margin-left: 8px;
    opacity: 0;
    cursor: pointer;
  }
  .proofing-container .versioned-file .delete-file:hover {
    color: var(--red72);
  }
  .proofing-container .versioned-file .lock-file {
    margin-left: 8px;
    opacity: 0;
  }
  .proofing-container .versioned-file .download-proofing {
    margin-left: auto;
  }
  .proofing-container .versioned-file .download-proofing span {
    margin: 10px;
  }
  .proofing-container .versioned-file .download-button-container {
    margin-left: 15px;
  }
  .proofing-container .versioned-file .add-new-version {
    font-size: 14px;
    margin-top: 10px;
    padding: 0;
    cursor: pointer;
    user-select: none;
    border: none;
    border-radius: 0;
  }
  .proofing-container .versioned-file .add-new-version:hover {
    background-color: initial;
    box-shadow: none;
  }
}
@media screen and (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
@media screen and (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media screen and (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
@media screen and (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media screen and (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media screen and (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
@media screen and (max-width: 1150px) {
  #mounter-react-root:has(#react-root),
  #__blaze-root {
    overflow-x: hidden;
  }
}
@media screen and (max-width: 899px) {
  body.modal-open {
    overflow-y: auto;
  }
}
@media screen and (max-width: 899px) {
  #intercom-container .intercom-launcher-frame {
    display: none;
  }
  .mobile-view:active,
  .create-action-button:active,
  .navbar i:active {
    transform: scale(0.93);
    opacity: 0.7;
    transition: all 0.4s ease;
  }
  .mobile-view:active:after,
  .create-action-button:active:after,
  .navbar i:active:after {
    left: 18px;
    top: -5px;
  }
  .dropdown-menu li:hover,
  .dropdown-menu li > a:hover,
  .choose-assignee:hover,
  .label-select:hover,
  .choose-label:hover,
  .menu-item:hover,
  .dropdown-menu-item:hover {
    color: inherit !important;
    background-color: inherit !important;
  }
}
@media screen and (min-width: 768px) {
  .modal-dialog {
    width: 780px;
    margin: 30px auto;
  }
  .modal-dialog.mobile-action-item-modal {
    width: 100vw;
  }
}
@media screen and (max-width: 899px) {
  .modal.fade .kanban-mobile-setting {
    width: 100vw;
  }
}
@media screen and (max-width: 899px) {
  .modal-loading-container {
    height: 100vh;
  }
}
@media screen and (max-width: 899px) {
  .action-item .action-item-input {
    padding: 0 10px;
  }
}
@media screen and (max-width: 899px) {
  .action-item.expanded .header .checkbox input[type="checkbox"] + .checkbox-custom {
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 899px) {
  .action-item .checkbox input[type="checkbox"] + .checkbox-custom {
    width: 24px;
    height: 24px;
    font-size: 12px;
    border-radius: 100%;
  }
}
@media screen and (max-width: 899px) {
  .action-item input[type="checkbox"]:checked + .checkbox-custom {
    font-size: 12px;
  }
}
@media screen and (max-width: 899px) {
  .action-item .js-subaction-new {
    padding-left: 11px;
  }
}
@media screen and (max-width: 899px) {
  .action-item .subtasks .action-item-flex-container {
    padding: 2px 15px;
    display: inline-flex;
    width: auto;
  }
}
@media screen and (max-width: 899px) {
  .action-item .subtasks .action-item {
    display: inline-block;
    width: 100%;
  }
  .action-item .subtasks .action-item.new {
    margin-top: 0px;
  }
  .action-item .subtasks .action-item .ai-icons {
    display: inline-flex;
    float: right;
    margin-top: 6px;
  }
  .action-item .subtasks .action-item .ai-icons .calendarStackIcon .fa-exclamation {
    height: 21px;
  }
}
@media screen and (max-width: 899px) {
  .action-item .subtasks .action-item .add-sub-task {
    margin-top: 10px;
  }
  .action-item .subtasks .action-item .add-sub-task .checkbox {
    margin-left: 1px;
  }
}
@media screen and (max-width: 899px) {
  .welcome-placeholder .body {
    margin: 20px;
    font-size: 14px;
    line-height: 1.21;
  }
}
@media screen and (max-width: 899px) {
  .wide-message-content-block .list-group-item.file-item .file-item-menu {
    margin-right: 0;
  }
}
@media screen and (max-width: 899px) {
  .message .reaction.add-reaction,
  .message .reaction .thumb-up {
    display: none;
  }
}
@media screen and (max-width: 899px) {
  .chat-sender-name {
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    color: var(--gray240);
  }
  .message-body {
    line-height: 1.13;
    letter-spacing: 0.2px;
    color: var(--gray226);
  }
  .message-time {
    font-size: 14px;
  }
}
@media screen and (max-width: 919px) {
  .label-picker .label-name {
    max-width: 150px;
  }
}
@media screen and (min-width: 920px) and (max-width: 1100px) {
  .label-picker .label-name {
    max-width: 100px;
  }
}
@media screen and (min-width: 1101px) and (max-width: 1300px) {
  .label-picker .label-name {
    max-width: 125px;
  }
}
@media screen and (min-width: 1301px) {
  .label-picker .label-name {
    max-width: 150px;
  }
}
@media screen and (max-width: 899px) {
  .picker-dialog {
    top: 0 !important;
  }
  .picker-dialog-content {
    height: calc(100vh - 2px) !important;
    width: calc(100vw - 2px) !important;
  }
}
@media screen and (max-width: 1350px) {
  .loading-wrap.files-wrap .collapsed-header {
    padding: 15px 10px;
  }
}
@media screen and (max-width: 899px) {
  .create-action-button {
    position: relative;
    bottom: 27px;
    left: calc(50% - 38px);
  }
}
@media screen and (min-width: 768px) {
  .manageImportModal {
    width: 880px;
  }
}
@media screen and (min-width: 900px) {
  .group-tab-container:hover:not(.active) {
    cursor: pointer;
    background-color: var(--darkBlue229);
    transition: 0.4s ease all;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .group-tab-container:hover:not(.active) .badge-group .unread-circle,
  .group-tab-container:hover:not(.active) .badge-user:before {
    border: 2px solid var(--color-raw);
    transition: 0.4s ease all;
  }
}
@media screen and (min-width: 900px) {
  .group-tab-container .group-tab {
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.14;
    letter-spacing: 0.2px;
    color: var(--white169);
  }
}
@media screen and (max-width: 899px) {
  .group-tab-container .group-tab.unread {
    color: var(--gray203);
  }
}
@media screen and (max-width: 899px) {
  .group-tab-container .group-tab {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: 0.2px;
    color: var(--section-title);
  }
  .group-tab-container .group-tab .group-thumb {
    margin-left: 0px;
  }
  .group-tab-container .group-tab:active {
    background-color: var(--color-silver-light);
  }
}
@media screen and (max-width: 900px) {
  .group-tab-container .group-tab.invite-user {
    color: var(--gray226);
    padding-left: 20px;
  }
}
@media screen and (max-width: 899px) {
  .group-tab-container .group-tab .badge-group .unread-circle {
    height: 14px;
    width: 14px;
  }
}
@media screen and (min-width: 1200px) {
  .group-tab-container .group-tab .badge-group.badge-mobile {
    display: none !important;
  }
}
@media screen and (min-width: 900px) {
  .make-strong {
    color: var(--white);
  }
}
@media screen and (max-width: 900px) {
  .type-dm .group-text {
    line-height: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .type-dm .group-text {
    max-width: calc(100% - 45px);
  }
}
@media screen and (max-width: 900px) {
  .type-group {
    padding-left: 10px;
  }
}
@media screen and (max-width: 900px) {
  .type-group .group-text {
    padding-left: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 899px) {
  .group-text {
    font-weight: normal;
    height: 30px;
  }
  .group-text.unread {
    font-weight: bold;
  }
  .group-text .user-name {
    max-width: calc(100% - 40px);
  }
  .group-text .user-status-emoji {
    right: 40px;
  }
  .group-text .fa-chevron-right {
    right: 20px;
    position: absolute;
    color: var(--whiteGray175);
    top: 35%;
  }
}
@media screen and (max-width: 799px) {
  #integrationsModal .hive-modal__body {
    padding: 10px 0 0 0;
  }
  #integrationsModal .hive-modal__body .zap {
    padding: 10px;
  }
  #integrationsModal .hive-modal__body .zap .zap-arrow {
    margin: 0 3px;
  }
  #integrationsModal .hive-modal__body .zap .zap-services {
    width: 95px;
  }
  #integrationsModal .hive-modal__body .zap .zap-service {
    width: 32px;
    height: 32px;
  }
}
@media screen and (max-width: 1150px) {
  #onboarding-list-dropdown {
    min-width: 170px;
  }
}
@media screen and (max-width: 1100px) {
  #onboarding-list-dropdown {
    min-width: 80px;
    width: 80px;
  }
  #onboarding-list-dropdown .ob-items-completed-label {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .label-manager {
    padding: 0;
  }
}
@media screen and (max-width: 620px) {
  .label-manager .label-manager--name {
    width: 50%;
    outline: none;
    padding: 5px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 650px) {
  .project-navigation .project-filters .search-container .search-input-wrap .small-width {
    display: block;
    padding-top: 10px;
    font-weight: 600;
    margin: 3px 10px;
    color: var(--blue141);
  }
  .project-navigation .project-filters .search-container .search-input-wrap .small-width:hover {
    cursor: pointer;
  }
}
@media screen and (max-width: 899px) {
  .post-item .reaction.add-reaction {
    display: none;
  }
}
@media screen and (max-width: 320px) {
  .signin-scrollable .login-card {
    margin: 10px auto;
  }
}
@media screen and (max-height: 450px) {
  .signin-scrollable .login-card {
    height: 100vh;
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
@media screen and (max-width: 420px) {
  .login-card .wrapper-auth {
    width: 100%;
  }
}
@media screen and (max-width: 899px) {
  .connect-wrapper .connect-google,
  .connect-wrapper .connect-slack,
  .connect-wrapper .connect-microsoft,
  .connect-wrapper .sso-signin-button {
    width: 100%;
    font-size: 14px;
  }
}
@media screen and (min-width: 900px) {
  #action-panel.small-panel .buckets-tab {
    margin-left: 20px;
  }
  #action-panel.small-panel .buckets-tab.pull-right {
    margin-right: 20px;
  }
  #action-panel.small-panel .buckets-tab.pull-right .new-dropdown .dropdown-toggle i {
    margin: 0;
  }
  #action-panel.small-panel .buckets-tab.pull-right .new-dropdown .dropdown-toggle span {
    display: none;
  }
  #action-panel.small-panel .buckets-tab li.new-dropdown {
    display: flex;
  }
  #action-panel.small-panel .buckets-tab li:not(.new-dropdown) {
    margin-right: 5px;
  }
}
@media screen and (min-width: 900px) {
  #action-panel .extras-dropdown {
    outline: none;
  }
}
@media screen and (max-width: 899px) {
  .buckets-tab > li:not(.bucket-completed):not(.new-dropdown) {
    margin-right: 3px;
  }
}
@media screen and (min-width: 900px) {
  .labels-tags.project-on-top {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
}
@media screen and (max-width: 899px) {
  .labels-tags.project-on-top {
    margin: 40px 0 0 0;
    padding: 0 5px;
    border-bottom: solid 1px var(--whiteGray52);
  }
  .labels-tags.project-on-top:active {
    background-color: var(--whiteGray52);
  }
  .labels-tags.project-on-top .project-picker {
    display: block;
    width: 100%;
  }
  .labels-tags.project-on-top .project-picker .tag {
    display: block;
    overflow-y: hidden;
    background-color: transparent;
    border-radius: 0;
    margin: 0;
    height: 40px;
    line-height: 40px;
  }
}
@media screen and (max-width: 899px) {
  .dropdown-menu.full-modal {
    width: calc(100% - 4px);
  }
  .dropdown-menu.full-modal .scroll li > a {
    display: flex;
    padding: 5px 20px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
  }
  .dropdown-menu.full-modal .scroll li > a .fa,
  .dropdown-menu.full-modal .scroll li > a .far,
  .dropdown-menu.full-modal .scroll li > a .fas,
  .dropdown-menu.full-modal .scroll li > a .fal {
    font-size: 24px;
  }
}
@media screen and (min-width: 900px) {
  .dropdown-submenu > .dropdown-menu {
    left: 100%;
    bottom: 0;
    top: inherit;
    max-height: 35vh;
    overflow-y: auto;
  }
}
@media screen and (max-width: 899px) {
  .dropdown-submenu .dropdown-menu {
    max-height: 45vh;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
@media screen and (max-width: 899px) {
  .padding-sub {
    padding-top: 10px;
  }
}
@media screen and (max-width: 899px) {
  .padding-sides {
    padding-left: 16px;
  }
}
@media screen and (min-width: 899px) {
  .sticky.head,
  .sticky.remove {
    display: none;
  }
}
@media screen and (max-width: 899px) {
  .attachments-head,
  .labels-head {
    font-weight: 600;
  }
}
@media screen and (max-width: 899px) {
  .actionFiles .file-item .file-item-menu,
  .actionFiles .list-group-item.file-item .file-item-menu {
    margin-left: auto;
    margin-right: 0px;
  }
  .actionFiles .file-item .file-item-menu i,
  .actionFiles .list-group-item.file-item .file-item-menu i {
    font-size: 16px;
  }
  .actionFiles .file-item .file-item-menu:empty:before,
  .actionFiles .list-group-item.file-item .file-item-menu:empty:before {
    display: inline;
    position: absolute;
    content: "Add description";
    color: var(--tabbed-grey);
  }
}
@media screen and (max-width: 899px) {
  .actionFiles .icon-box,
  .actionFiles .preview-box {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 899px) {
  .actionFiles .file-details {
    width: 70%;
    flex-direction: column;
  }
  .actionFiles .file-details p.small-details {
    margin-left: 0px;
  }
  .actionFiles .file-details .file-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 130%;
    font-size: 14px;
  }
}
@media screen and (max-width: 899px) {
  .action-item .description .description-placeholder:empty:before {
    top: 100px;
  }
}
@media screen and (max-width: 899px) {
  .action-item .modal-buttons {
    margin: 10px 20px;
  }
}
@media screen and (max-width: 899px) {
  .action-item .modal-buttons .bottom--row .details-left {
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 899px) {
  .action-item .modal-buttons .left-bottom-icons {
    padding-top: 10px;
  }
}
@media screen and (max-width: 899px) {
  .action-item {
    margin: 0px 0px 0px 0px;
    border-radius: 0px;
  }
  .action-item.expanded {
    min-height: 100vh;
  }
}
@media screen and (max-width: 899px) {
  .action-item .action-item-input {
    line-height: 1.3;
  }
}
@media screen and (max-width: 899px) {
  .action-item .add-sub-task {
    width: calc(100% - 25px);
    margin-left: 15px;
  }
  .action-item .add-sub-task .ai-aside.checkbox {
    width: fit-content;
    padding-left: 17px;
  }
  .action-item .add-sub-task .subaction-new {
    padding-left: 15px;
    margin-top: 2px;
  }
}
@media screen and (max-width: 899px) {
  .action-item .subtasks {
    padding-left: 15px;
    padding-bottom: 5px;
  }
  .action-item .subtasks .subaction-title-change .fa-pencil-alt,
  .action-item .subtasks .calendarStackIcon {
    visibility: hidden;
  }
}
@media screen and (max-width: 899px) {
  .action-item .subtasks .action-item .action-item-input {
    margin-right: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 899px) {
  .action-item .action-comments .message .message-delete {
    position: absolute;
    top: 2px;
    right: 15px;
    cursor: pointer;
    background-color: inherit;
    visibility: visible;
    font-size: 18px;
    color: var(--tabbed-grey);
    width: 40px;
    padding: 5px 25px 5px 25px;
    margin-right: -15px;
  }
}
@media screen and (max-width: 899px) {
  .action-item .ai-row.actionFiles .file-item .file-item-menu {
    margin-left: auto;
    margin-right: 0px;
  }
  .action-item .ai-row.actionFiles .file-item .file-item-menu i {
    font-size: 16px;
  }
}
@media screen and (max-width: 899px) {
  .action-item .ai-row.actionFiles .file-unattach {
    height: 100%;
    width: 30px;
    top: 0;
    right: 0;
    opacity: 1;
    font-size: 25px;
  }
  .action-item .ai-row.actionFiles .file-unattach:before {
    position: absolute;
    top: 13px;
  }
}
@media screen and (min-width: 900px) {
  .actionListItems .action-item-wrapper:not(.titleEdit):hover,
  .SortableHelper .action-item-wrapper:not(.titleEdit):hover {
    background-color: var(--whiteGray33);
    transition: 0.4s ease background-color;
  }
  .actionListItems .action-item-wrapper:not(.titleEdit):hover .snooze-icons,
  .SortableHelper .action-item-wrapper:not(.titleEdit):hover .snooze-icons {
    visibility: visible;
  }
  .actionListItems .action-item-wrapper:not(.titleEdit):hover .subaction-title-change,
  .SortableHelper .action-item-wrapper:not(.titleEdit):hover .subaction-title-change {
    visibility: visible;
    margin-top: 1px !important;
  }
  .actionListItems .action-item-wrapper:not(.titleEdit):hover:hover .action-icons *:not(.action-item-priority-level *),
  .SortableHelper .action-item-wrapper:not(.titleEdit):hover:hover .action-icons *:not(.action-item-priority-level *) {
    color: var(--color-full);
    transition: 0.6s ease color;
  }
  .actionListItems .action-item-wrapper:not(.titleEdit):hover:hover .subactions-count span,
  .SortableHelper .action-item-wrapper:not(.titleEdit):hover:hover .subactions-count span {
    color: var(--gray244);
    transition: 0.6s ease color;
  }
}
@media screen and (max-width: 900px) {
  .actionListItems .action-item .action-item-flex-container .title-wrapper .subaction-title-change,
  .SortableHelper .action-item .action-item-flex-container .title-wrapper .subaction-title-change {
    width: 0px;
  }
}
@media screen and (max-width: 900px) {
  .actionListItems .action-item .ai-icons .labels-tags > *,
  .SortableHelper .action-item .ai-icons .labels-tags > * {
    max-width: 120px;
  }
}
@media screen and (max-width: 900px) {
  .actionListItems .action-item .icons-container .snooze-icons,
  .SortableHelper .action-item .icons-container .snooze-icons {
    opacity: 1;
  }
}
@media screen and (max-width: 900px) {
  .actionListItems .action-item .icons-container .snooze-icons,
  .SortableHelper .action-item .icons-container .snooze-icons {
    visibility: visible;
  }
}
@media screen and (max-width: 900px) {
  .actionListItems .action-item .action-footer,
  .SortableHelper .action-item .action-footer {
    flex-direction: column-reverse;
    align-items: unset;
  }
  .actionListItems .action-item .action-footer .footer-left-side,
  .SortableHelper .action-item .action-footer .footer-left-side {
    max-width: 100% !important;
  }
  .actionListItems .action-item .action-footer .snooze-text,
  .SortableHelper .action-item .action-footer .snooze-text {
    padding-bottom: 0px !important;
    margin-left: auto;
  }
}
@media screen and (min-width: 900px) {
  .actionListItems .action-item:hover span.completed,
  .SortableHelper .action-item:hover span.completed {
    transition: 0.4s ease background-color;
    background-image: linear-gradient(90deg, var(--color58) 0%, var(--whiteGray37) 40%);
  }
}
@media screen and (max-width: 899px) {
  .additional-details {
    margin: 0px;
    padding: 0px;
  }
}
@media screen and (max-width: 899px) {
  .additional-details .line {
    width: 100%;
  }
  .additional-details .line.action-date-picker-wrapper,
  .additional-details .line.action-status-picker-wrapper {
    display: flex;
    align-items: center;
    border: 0px;
    justify-content: flex-start;
    padding: 5px;
  }
  .additional-details .line .dropdown {
    padding: 0px;
  }
  .additional-details .line:last-of-type {
    padding: 8px;
  }
  .additional-details .line .select {
    padding: 3px;
    height: 40px;
    width: 100%;
    align-items: center;
  }
  .additional-details .line .select .select-dropdown {
    margin: auto 0;
  }
  .additional-details .line .select.process {
    align-items: baseline !important;
  }
  .additional-details .line .select.process .status {
    margin: 0 10px;
  }
  .additional-details .line .select.toggles {
    justify-content: space-between;
  }
  .additional-details .line .select.toggles .dropdown-label-color {
    transform: rotate(0deg);
  }
  .additional-details .line .select.toggles .additional-toggle {
    width: 30px;
    height: 30px;
  }
  .additional-details .line .select.toggles .additional-toggle .fa,
  .additional-details .line .select.toggles .additional-toggle .far,
  .additional-details .line .select.toggles .additional-toggle .fas,
  .additional-details .line .select.toggles .additional-toggle .fal {
    font-size: 18px;
  }
  .additional-details .line .select.toggles .fa,
  .additional-details .line .select.toggles .far,
  .additional-details .line .select.toggles .fas,
  .additional-details .line .select.toggles .fal {
    font-size: 20px;
  }
  .additional-details .line .select.toggles .fa.fa-paperclip,
  .additional-details .line .select.toggles .far.fa-paperclip,
  .additional-details .line .select.toggles .fas.fa-paperclip,
  .additional-details .line .select.toggles .fal.fa-paperclip {
    font-size: 20px !important;
  }
  .additional-details .line .select.bordered {
    align-items: center;
    border: 0px;
    border-bottom: solid 1px var(--whiteGray52);
  }
  .additional-details .line .select.bordered .fa,
  .additional-details .line .select.bordered .far,
  .additional-details .line .select.bordered .fas,
  .additional-details .line .select.bordered .fal {
    font-size: 22px;
    margin-bottom: 5px;
  }
  .additional-details .line .select.bordered .fa.fa-stack-1x,
  .additional-details .line .select.bordered .far.fa-stack-1x,
  .additional-details .line .select.bordered .fas.fa-stack-1x,
  .additional-details .line .select.bordered .fal.fa-stack-1x {
    padding-top: 15px;
    padding-left: 5px;
    font-size: 11px;
  }
  .additional-details .line .select.bordered .recurring-icon .fa,
  .additional-details .line .select.bordered .recurring-icon .far,
  .additional-details .line .select.bordered .recurring-icon .fas,
  .additional-details .line .select.bordered .recurring-icon .fal {
    font-size: 14px;
  }
}
@media screen and (max-width: 899px) and (max-width: 899px) {
  .additional-details .line .select.bordered {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 900px) {
  .action-card:hover {
    background-color: var(--whiteGray37);
    transition: 0.4s ease background-color;
  }
}
@media screen and (min-width: 900px) {
  #actionKanbanItemModal .action-item-body-content .left-container .slate-wrapper .description-preview,
  #new-action .action-item-body-content .left-container .slate-wrapper .description-preview {
    margin-left: 49px;
  }
}
@media screen and (max-width: 899px) {
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .back-action-parent,
  #new-action .action-item-body-content .left-container.with-right-panel .back-action-parent {
    margin-top: 50px;
    padding-top: 0;
  }
}
@media screen and (max-width: 899px) {
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .description-title,
  #new-action .action-item-body-content .left-container.with-right-panel .description-title {
    margin-left: 14px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .mobile-description,
  #new-action .action-item-body-content .left-container.with-right-panel .mobile-description {
    padding: 0 20px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .mobile-description .placeholder-text,
  #new-action .action-item-body-content .left-container.with-right-panel .mobile-description .placeholder-text {
    font-size: 14px;
    margin-left: 7px;
  }
  #actionKanbanItemModal .action-item-body-content .left-container.with-right-panel .mobile-description > p,
  #new-action .action-item-body-content .left-container.with-right-panel .mobile-description > p {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 900px) {
  #actionKanbanItemModal .modal-dialog,
  #new-action .modal-dialog,
  #actionKanbanItemModal .modal-content,
  #new-action .modal-content,
  #actionKanbanItemModal .modal-body,
  #new-action .modal-body {
    pointer-events: auto;
  }
}
@media screen and (min-width: 900px) {
  #actionKanbanItemModal .modal-dialog.with-right-panel,
  #new-action .modal-dialog.with-right-panel {
    width: auto;
    max-width: 900px;
  }
  #actionKanbanItemModal .right-container,
  #new-action .right-container {
    max-width: 230px;
  }
}
@media screen and (min-width: 1040px) {
  #actionKanbanItemModal .modal-dialog.with-right-panel,
  #new-action .modal-dialog.with-right-panel {
    max-width: 994px;
  }
  #actionKanbanItemModal .right-container,
  #new-action .right-container {
    max-width: 254px;
  }
}
@media screen and (max-width: 899px) {
  .additional-details .additional-toggle-container {
    margin-left: 2%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
  }
  .additional-details .additional-toggle-container.slack {
    margin-top: 0px;
  }
  .additional-details .additional-toggle-container .label {
    margin-left: 0px;
    padding: 0px;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    display: inherit;
  }
  .additional-details .additional-toggle-container .label.enabled {
    animation: highlight 2s;
  }
}
@media screen and (max-width: 899px) {
  .additional-details .status {
    margin-left: 0px;
  }
}
@media screen and (max-width: 899px) {
  .additional-details .date-selector-label {
    margin-left: 10px;
  }
}
@media screen and (max-width: 899px) {
  .additional-details .deadline .btn:not(.selected) {
    padding-bottom: 10px !important;
  }
}
@media screen and (max-width: 899px) {
  .additional-details .select-date .btn {
    margin-left: 10px !important;
    padding-bottom: 1px !important;
  }
}
@media screen and (max-width: 899px) {
  .additional-details .select-date .fa-stack {
    padding-bottom: 25px;
  }
}
@media screen and (min-width: 321px) {
  .additional-details .dropdown a .truncate {
    max-width: 100px;
  }
}
@media screen and (min-width: 900px) {
  .additional-details .dropdown a .truncate {
    max-width: 85px;
  }
}
@media screen and (max-width: 899px) {
  .additional-toggle i.fa,
  .additional-toggle i.far,
  .additional-toggle i.fas,
  .additional-toggle i.fal {
    vertical-align: -webkit-baseline-middle;
    vertical-align: middle;
  }
}
@media screen and (max-width: 899px) {
  .back-action-parent {
    padding-top: 50px;
  }
}
@media screen and (max-width: 899px) {
  .clone-subaction .action-item-input {
    margin-right: 0px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 899px) {
  .action-dependency i {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 900px) {
  #actionKanbanItemModal.hv-modal.action-drag {
    width: auto;
    max-width: 900px;
  }
}
@media screen and (min-width: 1040px) {
  #actionKanbanItemModal.hv-modal.action-drag {
    max-width: 994px;
  }
}
@media screen and (max-width: 899px) {
  #actionKanbanItemModal .modal-body .action-item.expanded {
    max-height: none;
  }
  #actionKanbanItemModal .modal-body .action-item.expanded .left-container.with-right-panel .mobile-only {
    display: block;
  }
  #actionKanbanItemModal .modal-body .action-item.expanded .left-container.with-right-panel .mobile-only.left-bottom-icons,
  #actionKanbanItemModal .modal-body .action-item.expanded .left-container.with-right-panel .mobile-only.additional-details {
    display: flex;
  }
  #actionKanbanItemModal .modal-body .action-item.expanded .right-container {
    display: none;
  }
}
@media screen and (max-width: 899px) {
  .list-group-item.file-item.large-thumbnail .file-details {
    width: calc(100% - 12px);
    max-width: calc(100% - 12px);
  }
  .list-group-item.file-item.large-thumbnail .file-title,
  .list-group-item.file-item.large-thumbnail .small-details {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 899px) {
  .list-group-item.file-item .file-item-menu {
    margin-right: 20px;
  }
  .list-group-item.file-item .file-item-menu i {
    font-size: 20px;
  }
}
@media screen and (min-width: 900px) {
  .files-header-text:hover {
    color: var(--color-medium-well) !important;
    transition: 0.4s ease all;
  }
  .files-header-text:hover .caret {
    color: inherit;
    transition: inherit;
  }
}
@media screen and (max-width: 899px) {
  .files-header i {
    font-size: 10px;
  }
}
@media screen and (min-width: 900px) {
  .files-header > .btn,
  .files-header > .dropdown {
    padding-top: 0px;
  }
}
@media screen and (max-width: 899px) {
  .cordova-full-screen #kanban-wrapper {
    max-height: 100%;
  }
}
@media screen and (min-width: 900px) {
  .activity-feed .mark-as {
    visibility: visible;
  }
}
@media screen and (max-width: 800px) {
  .notifications-dropdown.isCalendarEnabled:before {
    display: none;
  }
}
@media screen and (min-width: 900px) {
  .notifications-dropdown {
    height: calc(100vh - 91px);
    width: 470px;
  }
}
@media screen and (max-width: 899px) {
  .notifications-dropdown .buckets-list .bucket {
    font-size: 14px;
  }
}
@media screen and (min-width: 900px) {
  .notifications-bell {
    width: 30px;
    height: 30px;
    padding: 6px;
    background-color: var(--whiteGray33);
    color: var(--gray203);
    border-radius: 100%;
    font-weight: 700;
  }
  .notifications-bell:hover {
    box-shadow: 0 2px 8px 0 var(--color9);
  }
}
@media screen and (max-width: 899px) {
  .notifications-scroll {
    max-height: calc(100vh - 178px);
  }
}
@media screen and (max-width: 900px) {
  .notification-title {
    padding-left: 0;
  }
}
@media screen and (max-width: 900px) {
  .notification-title.truncated-title {
    width: 476px;
  }
}
@media screen and (max-width: 900px) {
  .picker-row .row-item.picker-btn {
    padding: 5px 0;
    font-size: 13px;
  }
}
@media print {
  body * {
    visibility: hidden;
  }
  .print-only,
  .pipeline-dropdown,
  .btn.selected,
  .date-selector-label {
    display: inline-block !important;
  }
  #action-panel {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 20px;
  }
  #action-panel.modal-opened {
    display: none;
  }
  #action-panel .edit-view-name.header-item .dropdown-toggle div {
    visibility: visible;
    font-size: 36px;
    font-weight: bold;
  }
  #action-panel .kanban-column-title,
  #action-panel .action-item-title {
    visibility: visible;
  }
  .action-nav,
  .right-icons,
  .labels-tags,
  .parent-on-card,
  .action-item-info-icons,
  .kanban-list-header-icon,
  .action-new,
  .label-marker,
  .action-project-color {
    display: none;
  }
  #left-panel,
  #right-panel {
    display: none;
  }
  .body {
    padding: 0 40px;
  }
  .kanban-list-items {
    padding: 0;
  }
  .action-item-title {
    padding: 20px;
    border: 1px solid black;
    margin: 15px 0;
  }
  .modal-backdrop {
    background-color: white !important;
  }
  .btn.selected {
    padding: 0px;
    border: 0px;
  }
  #actionKanbanItemModal {
    position: static;
  }
  #actionKanbanItemModal * {
    visibility: visible;
    background-color: var(--white) !important;
  }
  #actionKanbanItemModal .fa-calendar-alt {
    display: none;
  }
  #actionKanbanItemModal .action-item-flex-container {
    display: inline-block;
    align-items: center;
  }
  #actionKanbanItemModal .action-item-flex-container .header {
    width: 100%;
    display: flex;
    align-items: center;
  }
  #actionKanbanItemModal .action-item-flex-container .header .action-item-input {
    margin-left: 5px;
  }
  #actionKanbanItemModal .ai-icons {
    display: inline-block;
  }
  #actionKanbanItemModal .ai-icons .label-tags {
    display: none;
  }
  #actionKanbanItemModal .ai-icons .subactions-count {
    display: none;
  }
  #actionKanbanItemModal .ai-icons .ai-tooltip:not(.subaction-deadline) {
    display: none;
  }
  #actionKanbanItemModal .action-icons {
    display: inline-block;
    position: relative;
    top: 2px;
    left: 17px;
  }
  #actionKanbanItemModal .action-icons .ai-tooltip.subaction-deadline {
    display: inline-block;
  }
  #actionKanbanItemModal .action-icons .action-item-info-icon:not(.fa-exclamation-circle) {
    display: none;
  }
  #actionKanbanItemModal .labels-tags {
    font-weight: bold;
    display: block;
    font-size: 12px;
  }
  #actionKanbanItemModal .print-bold-caption {
    font-weight: bold;
  }
  #actionKanbanItemModal .bold,
  #actionKanbanItemModal .date-selector-label {
    font-weight: bold;
  }
  #actionKanbanItemModal .select-dropdown .status {
    font-weight: bold;
    display: inline-block;
  }
  #actionKanbanItemModal .line > * {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #actionKanbanItemModal .subactions-title {
    font-size: 18px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 10px;
  }
  #actionKanbanItemModal .modal-content {
    border-color: transparent;
  }
  #actionKanbanItemModal .description {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #actionKanbanItemModal .modal-dialog {
    width: 100%;
    min-height: 100%;
    margin: 0px;
  }
  #actionKanbanItemModal input,
  #actionKanbanItemModal .btn,
  #actionKanbanItemModal .caret,
  #actionKanbanItemModal .select-toggles,
  #actionKanbanItemModal .notCheck,
  #actionKanbanItemModal .add-sub-task,
  #actionKanbanItemModal hr,
  #actionKanbanItemModal .action-dependency,
  #actionKanbanItemModal .action-comments,
  #actionKanbanItemModal .modal-buttons,
  #actionKanbanItemModal .select.toggles,
  #actionKanbanItemModal .attachments-head,
  #actionKanbanItemModal .actionFiles {
    display: none;
  }
  #actionKanbanItemModal .action-item-input,
  #actionKanbanItemModal .checkbox {
    font-size: 26px;
    font-weight: bold;
    display: inline-block;
  }
  #actionKanbanItemModal .checkbox {
    font-size: 32px;
  }
  #actionKanbanItemModal .action-item-input {
    max-width: calc(100% - 70px);
    vertical-align: middle;
  }
  #actionKanbanItemModal .subtasks .action-item {
    padding-bottom: 5px;
  }
  #actionKanbanItemModal .subtasks .title-wrapper {
    margin-left: 5px;
    display: inline-block;
  }
  #actionKanbanItemModal .subtasks .checkbox {
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 20px;
  }
  #actionKanbanItemModal .subtasks .fa.fa-check,
  #actionKanbanItemModal .subtasks .far.fa-check,
  #actionKanbanItemModal .subtasks .fas.fa-check,
  #actionKanbanItemModal .subtasks .fal.fa-check {
    font-size: 14px;
    min-width: 25px;
  }
  #actionKanbanItemModal .subtasks .action-item-input {
    font-size: 14px;
    max-width: inherit;
  }
  #actionKanbanItemModal .fa.fa-check,
  #actionKanbanItemModal .far.fa-check,
  #actionKanbanItemModal .fas.fa-check,
  #actionKanbanItemModal .fal.fa-check {
    min-width: 50px;
  }
  #actionKanbanItemModal .fa.fa-check:before,
  #actionKanbanItemModal .far.fa-check:before,
  #actionKanbanItemModal .fas.fa-check:before,
  #actionKanbanItemModal .fal.fa-check:before {
    content: "[  ]";
  }
  #actionKanbanItemModal input[type="checkbox"]:checked + .checkbox-custom .fa-check:before {
    content: "[ √ ]";
  }
}
@keyframes checkMarksChecked {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0);
  }
  50% {
    transform: scale(0);
  }
  75% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes hideAction {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}
.tab-container {
  height: 100%;
  max-height: 100%;
  display: flex;
  flex: 1;
  position: relative;
}
.tab-container .time-tracking-page .top-bar-container {
  display: flex;
  height: auto;
  background: var(--white);
  border-bottom: 1px solid var(--borderPrimary);
  align-items: center;
  margin: 16px 16px 0px 32px;
}
.tab-container .time-tracking-page .top-bar-container .left-side {
  margin-left: 25px;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.tab-container .time-tracking-page .top-bar-container .left-side .filter-search-container {
  width: 100%;
}
.tab-container .time-tracking-page .top-bar-container .left-side .filter-search-container .top-bar-container {
  height: auto;
}
.tab-container .time-tracking-page .top-bar-container .left-side .menu-item {
  margin-left: 0;
  position: relative;
}
.tab-container .time-tracking-page .top-bar-container .right-side {
  position: relative;
  display: flex;
  align-items: center;
  text-align: right;
  margin-right: 25px;
  gap: 16px;
}
.tab-container .time-tracking-page .top-bar-container .right-side .export-time-tracking-container {
  display: flex;
  align-items: center;
}
.tab-container .time-tracking-page .top-bar-container .right-side .export-time-tracking-container .__react_component_tooltip.place-bottom {
  position: absolute !important;
  left: -42px !important;
  top: 20px !important;
  width: 100px;
}
.tab-container .time-tracking-page .top-bar-container .right-side .export-time-tracking-container .disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.tab-container .time-tracking-page .top-bar-container .right-side .date-range-picker-container {
  width: fit-content;
  display: flex;
  align-items: center;
}
.tab-container .time-tracking-page .top-bar-container .right-side .date-range-picker-container .toggle-dropdown-btn .toggle-dropdown-btn-padding-wrapper,
.tab-container .time-tracking-page .top-bar-container .right-side .date-range-picker-container .toggle-dropdown-btn .selected {
  white-space: nowrap;
}
.tab-container .time-tracking-page .top-bar-container .right-side .date-range-picker-container .toggle-dropdown-btn .__react_component_tooltip.place-bottom {
  position: absolute !important;
  left: 0 !important;
  top: 20px !important;
  width: 114px;
}
.tab-container .time-tracking-page .top-bar-container .right-side .menu-item {
  position: relative;
}
.tab-container .time-tracking-page .content-container {
  z-index: 1;
  margin: 8px 16px 32px 32px;
  padding: 0;
  background: var(--white);
  height: 100%;
  overflow: auto;
}
.tab-container .time-tracking-page .data-table-sticky-header {
  padding-left: 0;
}
.tab-container .time-tracking-page .data-table-sticky-header > * {
  position: sticky;
  left: 10px;
}
@media (max-width: 900px) {
  .tab-container:not(.mail-page) {
    max-width: calc(100vw - 30%);
  }
}
.data-table-container {
  width: 100%;
  overflow: auto;
  flex-direction: column;
  background: var(--newWhiteGrayBackground);
}
.data-table-container table,
.data-table-container tbody,
.data-table-container thead {
  width: 100%;
  font-size: inherit;
  line-height: inherit;
}
.data-table-container tr,
.data-table-container td,
.data-table-container th {
  font-size: inherit;
  line-height: inherit;
}
.data-table-container td {
  border-bottom: 1px solid var(--whiteGray52);
}
.data-table-container .custom-fields-group-container td {
  border-bottom: none;
}
.data-table-container .flex {
  display: flex;
}
.data-table-container .table-header-container {
  font-size: 10px;
  font-weight: 600;
  color: var(--grayBlue127);
  letter-spacing: 0.5px;
  line-height: 20px;
  user-select: none;
}
.data-table-container .table-header-container .sortable {
  cursor: pointer;
}
.data-table-container .table-header-container .fa,
.data-table-container .table-header-container .far,
.data-table-container .table-header-container .fas,
.data-table-container .table-header-container .fal {
  margin-right: 10px;
}
.data-table-container .table-header-container th {
  position: sticky;
  background: var(--newWhiteGrayBackground);
  top: 0;
  z-index: 100;
  box-shadow: 0 2px 2px -2px var(--whiteGray52);
  padding-left: 10px;
}
.data-table-container .table-header-container .project-name {
  padding-left: 60px;
}
.data-table-container .table-header-container .members {
  padding-left: 45px;
}
.data-table-container .table-header-container th:last-child {
  padding-left: 20px;
}
.data-table-container .table-header-container .table-header-item {
  white-space: nowrap;
  border-bottom: solid 2px var(--whiteGray52);
  padding-top: 4px;
  height: 40px;
  font-size: 10px;
  font-weight: 600;
  color: var(--steel);
  letter-spacing: 0.5px;
  line-height: 20px;
  padding-right: 20px;
}
.data-table-container .table-footer-container.table-row-container {
  font-weight: 600;
  border-bottom: none;
  cursor: default;
}
.data-table-container .table-footer-container .table-row-cell {
  border-top: solid 2px var(--whiteGray52);
  overflow: hidden;
  border-bottom: none;
}
.edit-menu-container {
  position: sticky;
  z-index: 101;
  opacity: 0;
  transition: all 100ms ease-in;
}
.edit-menu-container.visible {
  opacity: 1;
}
.edit-menu-container.menu-open {
  opacity: 1;
}
.edit-menu-container:hover {
  opacity: 1;
}
.project-nav-data-table-wrapper {
  height: 100%;
  width: 100%;
}
.project-nav-data-table-wrapper .project-nav-data-table {
  position: relative;
}
.project-nav-data-table-wrapper .project-nav-data-table .table-row-cell:first-child {
  padding-left: 10px;
}
.project-nav-data-table-wrapper .project-nav-data-table.project-global-ranking .project-name {
  padding-left: 50px;
}
.table-row-container {
  padding: 0px;
  align-items: baseline;
  background-color: var(--newWhiteGrayBackground);
  height: 40px;
  cursor: pointer;
}
.table-row-container .in-a-while {
  color: var(--green102);
}
.table-row-container .this-week {
  color: var(--orange63);
}
.table-row-container .overdue {
  color: var(--gray205);
}
.table-row-container.isLockProject {
  cursor: default;
}
.table-row-container.active:not(.blurred) {
  background-color: var(--whiteBlue159);
}
.table-row-container.active:not(.blurred):hover .table-row-cell.project-nav-options {
  background: linear-gradient(270deg, var(--whiteBlue159) 70%, var(--gray228) 100%);
}
.table-row-container .chevron-expand:hover {
  color: var(--blue141);
}
.table-row-container .chevron-expand svg {
  margin-left: 10px;
  margin-right: 9px;
}
.table-row-container i:not(.dropdown-icon) {
  color: var(--grayBlue127);
}
.table-row-container .table-row-item {
  width: 100%;
  display: flex;
}
.table-row-container .table-row-cell {
  text-overflow: ellipsis;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  align-items: center;
  min-width: 100px;
  padding-right: 20px;
}
.table-row-container .table-row-cell .project-owner {
  display: inline-block;
}
.table-row-container .table-row-cell .owner-avatar {
  margin: 2px;
  margin-bottom: 0;
}
.table-row-container .table-row-cell .sharingWith {
  display: inline-block;
}
.table-row-container .table-row-cell .sharingWith .member-display {
  margin-top: 4px;
}
.table-row-container .table-row-cell .cell-value {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 8px;
}
.table-row-container .table-row-cell .lock-project-tooltip {
  padding-top: 2px;
}
.table-row-container .table-row-cell .join-project-icon {
  padding-bottom: 2px;
  margin-left: 8px;
}
.table-row-container .table-row-cell .join-project-icon:hover {
  cursor: pointer;
}
.table-row-container .table-row-cell .join-project-icon:hover svg {
  color: var(--blue147);
}
.table-row-container .table-row-cell .user-avatar-flex-container {
  display: inline-flex;
}
.table-row-container .table-row-cell .user-avatar-flex-container .user-avatar {
  width: 20px;
  height: 20px;
  margin-right: 15px;
}
.table-row-container .table-row-cell .user-avatar-flex-container .user-avatar-rounded {
  border-radius: 50%;
}
.table-row-container .table-row-cell .project-nav-name-container {
  display: flex;
  align-items: center;
}
.table-row-container .table-row-cell .project-nav-name-container .pin-icon-wrapper {
  font-size: 16px;
}
.table-row-container .table-row-cell.project-nav-options {
  position: sticky;
  top: -5px;
  right: 0;
  padding-left: 15px;
}
.table-row-container .table-row-cell.project-nav-options .project-control-icons {
  opacity: 0;
  flex-shrink: 0;
  margin-right: 10px;
  display: inline-flex;
  justify-content: flex-end;
  transition: all 0.2s ease-in-out;
  align-items: center;
}
.table-row-container .table-row-cell.project-nav-options .project-control-icons .project-control-icon {
  font-size: 12px;
  margin-left: 8px;
  transition: color 0.4s ease-in-out;
}
.table-row-container .table-row-cell.project-nav-options .project-control-icons .project-control-icon i {
  margin-right: 8px;
}
.table-row-container .table-row-cell.project-nav-options .project-control-icons .project-control-icon:hover {
  cursor: pointer;
}
.table-row-container .table-row-cell.project-nav-options .project-control-icons .project-control-icon:hover i,
.table-row-container .table-row-cell.project-nav-options .project-control-icons .project-control-icon:hover span {
  color: var(--blue147);
}
.table-row-container .table-row-cell.project-nav-options .project-control-icons .project-control-icon.disabled:hover {
  cursor: not-allowed;
}
.table-row-container .table-row-cell.project-nav-options .project-control-icons .project-control-icon.red-icon:hover i,
.table-row-container .table-row-cell.project-nav-options .project-control-icons .project-control-icon.red-icon:hover span {
  color: var(--red72);
}
.table-row-container .table-row-cell .fa-thumbtack {
  color: var(--whiteGray188);
  width: 12px;
  text-align: center;
}
.table-row-container .table-row-cell .fa-thumbtack.no-access {
  visibility: hidden;
}
.table-row-container .table-row-cell .fa-thumbtack:hover {
  cursor: pointer;
  color: var(--blue141);
}
.table-row-container .table-row-cell .fa-thumbtack.active {
  color: var(--blue141);
}
.table-row-container .table-row-cell .fa-thumbtack.active:hover {
  color: var(--blue141-fade-70);
}
.table-row-container .table-row-cell .positive {
  color: var(--green104);
}
.table-row-container .table-row-cell .negative {
  color: var(--red72);
}
.table-row-container .table-row-cell .fa-square {
  margin-right: 20px;
  font-size: 20px;
}
.table-row-container .table-row-cell .icomoon-check {
  margin-right: 20px;
}
.table-row-container:hover .table-row-cell.project-nav-options {
  background: linear-gradient(270deg, var(--newWhiteGrayBackground) 70%, var(--gray228) 100%);
}
.table-row-container:hover .table-row-cell.project-nav-options .project-control-icons {
  opacity: 1;
}
.table-row-cell.text-cell-container .cell-container {
  display: flex;
  width: 100%;
}
.table-row-cell.text-cell-container .cell-container span.cell-value {
  width: auto;
  margin-right: 8px;
}
.table-row-cell.text-cell-container .cell-container .fa-pencil-alt {
  font-size: 12px;
  visibility: hidden;
  padding-left: 2px;
}
.table-row-cell.text-cell-container:hover .fa-pencil-alt {
  visibility: visible;
}
.table-row-cell.text-cell-container input {
  padding-left: 4px;
  padding-right: 4px;
}
.table-row-cell.text-cell-container input:focus {
  border: 1px solid var(--blue141);
}
.table-row-cell.text-cell-container .save-custom-field {
  cursor: pointer;
  font-weight: 600;
  border-radius: 2px;
  margin: 0 5px;
  height: 25px;
  padding: 3px 0;
}
.table-row-cell.text-cell-container .save-custom-field button {
  padding: 5px 0;
  min-width: 75px;
}
.input-list {
  width: 400px;
}
.input-list .input-container {
  display: flex;
  align-items: center;
}
.input-list .input-container .elm-index {
  width: 10px;
}
.input-list .input-container input {
  padding: 10px;
  border: 1px solid var(--inputBorderPrimary);
  border-radius: 3px;
  margin: 5px 10px;
  width: 200px;
}
.input-list .input-container input:focus {
  border: 1px solid var(--blue141);
}
.input-list .input-container .fa-trash-alt {
  color: var(--red72);
  cursor: pointer;
  opacity: 0;
  margin-left: 10px;
  width: 10px;
}
.input-list .input-container .fa-bars {
  opacity: 0;
  color: var(--blue148);
  cursor: move;
}
.input-list .input-container:hover .fa-trash-alt {
  opacity: 1;
}
.input-list .input-container:hover .fa-bars {
  opacity: 1;
}
.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #2b2b2b;
}
.hljs {
  color: #bababa;
}
.hljs-strong,
.hljs-emphasis {
  color: #a8a8a2;
}
.hljs-bullet,
.hljs-quote,
.hljs-link,
.hljs-number,
.hljs-regexp,
.hljs-literal {
  color: #6896ba;
}
.hljs-code,
.hljs-selector-class {
  color: #a6e22e;
}
.hljs-emphasis {
  font-style: italic;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-section,
.hljs-attribute,
.hljs-name,
.hljs-variable {
  color: #cb7832;
}
.hljs-params {
  color: #b9b9b9;
}
.hljs-string {
  color: #6a8759;
}
.hljs-subst,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-symbol,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-template-tag,
.hljs-template-variable,
.hljs-addition {
  color: #e0c46c;
}
.hljs-comment,
.hljs-deletion,
.hljs-meta {
  color: #7f7f7f;
}
.ql-bubble,
.ql-bubble *,
.ql-container,
.ql-editor {
  box-sizing: border-box;
}
.ql-bubble .ql-out-bottom,
.ql-bubble .ql-out-top,
.ql-bubble .ql-tooltip.ql-editing .ql-formats {
  visibility: hidden;
}
.ql-container {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-bubble .ql-tooltip,
.ql-clipboard {
  position: absolute;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  cursor: text;
  line-height: 1.42;
  height: 100%;
  outline: 0;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6,
.ql-editor ol,
.ql-editor p,
.ql-editor pre,
.ql-editor ul {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ol li,
.ql-editor ul,
.ql-editor ul li {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\25CF';
}
.ql-editor li::before {
  display: inline-block;
  margin-right: 0.3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-num;
}
.ql-editor ol li:before {
  content: counter(list-num, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f93f;
}
.ql-editor .ql-color-white {
  color: #ffffff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c06c;
}
.ql-editor .ql-color-purple {
  color: #93f93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  pointer-events: none;
  position: absolute;
}
.ql-bubble .ql-toolbar:after,
.ql-bubble.ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble .ql-toolbar button,
.ql-bubble.ql-toolbar button {
  background: 0 0;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  outline: 0;
  padding: 3px 5px;
  width: 28px;
}
.ql-bubble .ql-hidden,
.ql-bubble .ql-toolbar input.ql-image[type=file],
.ql-bubble.ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-bubble .ql-toolbar button svg,
.ql-bubble.ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble .ql-toolbar .ql-picker-item:hover,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active,
.ql-bubble .ql-toolbar .ql-picker-label:hover,
.ql-bubble .ql-toolbar button.ql-active,
.ql-bubble .ql-toolbar button:hover,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
.ql-bubble.ql-toolbar .ql-picker-item:hover,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active,
.ql-bubble.ql-toolbar .ql-picker-label:hover,
.ql-bubble.ql-toolbar button.ql-active,
.ql-bubble.ql-toolbar button:hover {
  color: #ffffff;
}
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-fill,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-fill,
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-fill,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-fill,
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill {
  fill: #ffffff;
}
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-mitter,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-mitter,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-mitter,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-mitter,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke,
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-mitter,
.ql-bubble .ql-toolbar button:hover .ql-stroke,
.ql-bubble .ql-toolbar button:hover .ql-stroke-mitter,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-mitter,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-mitter,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-mitter,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-mitter,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke,
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-mitter,
.ql-bubble.ql-toolbar button:hover .ql-stroke,
.ql-bubble.ql-toolbar button:hover .ql-stroke-mitter {
  stroke: #ffffff;
}
.ql-bubble .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-bubble .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-bubble .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-bubble .ql-stroke,
.ql-bubble .ql-toolbar.bubble {
  fill: none;
  stroke: #cccccc;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-bubble .ql-stroke-mitter {
  fill: none;
  stroke: #cccccc;
  stroke-mitterlimit: 10;
  stroke-width: 2;
}
.ql-bubble .ql-fill,
.ql-bubble .ql-stroke.ql-fill {
  fill: #cccccc;
}
.ql-bubble .ql-empty {
  fill: none;
}
.ql-bubble .ql-even {
  fill-rule: evenodd;
}
.ql-bubble .ql-stroke.ql-thin,
.ql-bubble .ql-thin {
  stroke-width: 1;
}
.ql-bubble .ql-transparent {
  opacity: 0.4;
}
.ql-bubble .ql-direction svg:last-child {
  display: none;
}
.ql-bubble .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-bubble .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-bubble .ql-editor h1 {
  font-size: 2em;
}
.ql-bubble .ql-editor h2 {
  font-size: 1.5em;
}
.ql-bubble .ql-editor h3 {
  font-size: 1.17em;
}
.ql-bubble .ql-editor h4 {
  font-size: 1em;
}
.ql-bubble .ql-editor h5 {
  font-size: 0.83em;
}
.ql-bubble .ql-editor h6 {
  font-size: 0.67em;
}
.ql-bubble .ql-editor a {
  text-decoration: underline;
}
.ql-bubble .ql-editor blockquote {
  border-left: 4px solid #cccccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-bubble .ql-editor code,
.ql-bubble .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-bubble .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-bubble .ql-editor code {
  font-size: 85%;
  padding-bottom: 2px;
  padding-top: 2px;
}
.ql-bubble .ql-editor code:after,
.ql-bubble .ql-editor code:before {
  content: "\A0";
  letter-spacing: -2px;
}
.ql-bubble .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-bubble .ql-editor img {
  max-width: 100%;
}
.ql-bubble .ql-picker {
  color: #cccccc;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-bubble .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-bubble .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-bubble .ql-picker-options {
  background-color: #444444;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-bubble .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label {
  color: var(--gray205);
  z-index: 2;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #777777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #777777;
}
.ql-bubble .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-bubble .ql-color-picker,
.ql-bubble .ql-icon-picker {
  width: 28px;
}
.ql-bubble .ql-color-picker .ql-picker-label,
.ql-bubble .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-label svg,
.ql-bubble .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-bubble .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.ql-bubble .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-bubble .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-bubble .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-primary-color {
  margin-bottom: toolbarPadding;
}
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-bubble .ql-picker.ql-header {
  width: 98px;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item::before,
.ql-bubble .ql-picker.ql-header .ql-picker-label::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before,
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-bubble .ql-picker.ql-font {
  width: 108px;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label::before {
  content: 'Sans Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before {
  content: 'Serif';
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before,
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-bubble .ql-picker.ql-size {
  width: 98px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label::before {
  content: 'Normal';
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before {
  content: 'Small';
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before {
  content: 'Large';
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before,
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before {
  content: 'Huge';
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-bubble .ql-color-picker.ql-background .ql-picker-item {
  background-color: #ffffff;
}
.ql-bubble .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000000;
}
.ql-bubble .ql-toolbar .ql-formats {
  margin: 8px 12px 8px 0;
}
.ql-bubble .ql-toolbar .ql-formats:first-child {
  margin-left: 12px;
}
.ql-bubble .ql-color-picker svg {
  margin: 1px;
}
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
.ql-bubble .ql-color-picker .ql-picker-item:hover {
  border-color: #ffffff;
}
.ql-bubble .ql-tooltip {
  background-color: #444444;
  border-radius: 25px;
  color: #ffffff;
  margin-top: 10px;
}
.ql-bubble .ql-tooltip-arrow {
  border-bottom: 6px solid #444444;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: " ";
  display: block;
  left: 50%;
  margin-left: -6px;
  position: absolute;
  top: -6px;
}
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
  display: block;
}
.ql-bubble .ql-tooltip-editor {
  display: none;
}
.ql-bubble .ql-tooltip-editor input[type=text] {
  background: 0 0;
  border: none;
  color: #ffffff;
  font-size: 13px;
  height: 100%;
  outline: 0;
  padding: 10px 20px;
  position: absolute;
  width: 100%;
}
.ql-bubble .ql-tooltip-editor a {
  top: 10px;
  position: absolute;
  right: 20px;
}
.ql-bubble .ql-tooltip-editor a:before {
  color: #cccccc;
  content: "\D7";
  font-size: 16px;
  font-weight: 700;
}
/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: 0;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6,
.ql-editor ol,
.ql-editor p,
.ql-editor pre,
.ql-editor ul {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=false],
.ql-editor ul[data-checked=true] {
  pointer-events: none;
}
.ql-editor ul[data-checked=false] > li *,
.ql-editor ul[data-checked=true] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=false] > li::before,
.ql-editor ul[data-checked=true] > li::before {
  color: var(--gray205);
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f93f;
}
.ql-editor .ql-color-white {
  color: #ffffff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c06c;
}
.ql-editor .ql-color-purple {
  color: #93f93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow .ql-toolbar:after,
.ql-snow.ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-toolbar button,
.ql-snow.ql-toolbar button {
  background: 0 0;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow .ql-toolbar button svg,
.ql-snow.ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow .ql-toolbar button:active:hover,
.ql-snow.ql-toolbar button:active:hover {
  outline: 0;
}
.ql-snow .ql-toolbar input.ql-image[type=file],
.ql-snow.ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow .ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button:focus,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow.ql-toolbar button:focus,
.ql-snow.ql-toolbar button:hover {
  color: #06c06c;
}
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill {
  fill: #06c06c;
}
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter {
  stroke: #06c06c;
}
@media (pointer: coarse) {
  .ql-snow .ql-toolbar button:hover:not(.ql-active),
  .ql-snow.ql-toolbar button:hover:not(.ql-active) {
    color: #444444;
  }
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444444;
  }
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-stroke.ql-thin,
.ql-snow .ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #cccccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #ffffff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #cccccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #cccccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #cccccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-item::before,
.ql-snow .ql-picker.ql-header .ql-picker-label::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-item::before,
.ql-snow .ql-picker.ql-font .ql-picker-label::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item::before,
.ql-snow .ql-picker.ql-size .ql-picker-label::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #ffffff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #cccccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #cccccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #cccccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0;
}
.ql-snow .ql-tooltip {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  box-shadow: 0 0 5px #dddddd;
  color: #444444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #cccccc;
  font-size: 13px;
  height: 26px;
  margin: 0;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #cccccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0;
  content: 'Save';
  padding-right: 0;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c06c;
}
.ql-container.ql-snow {
  border: 1px solid #cccccc;
}
.people-picker .placeholder-avatar .user-avatar {
  background-image: url('https://hv-static-content.s3.amazonaws.com/placeholder.svg') !important;
}
.people-picker .expanded-people-picker {
  width: 100%;
  padding: 3px;
}
.people-picker .expanded-people-picker .expanded-selected-user {
  margin-left: 15px;
}
.people-picker .expanded-people-picker .expanded-selected-users {
  margin-left: 8px;
  overflow: hidden;
}
.people-picker .expanded-people-picker .expanded-selected-users .people-picker-username-wrapper {
  display: flex;
}
.people-picker .expanded-people-picker .expanded-selected-users .people-picker-username-wrapper:last-child {
  margin-bottom: 0;
}
.people-picker .expanded-people-picker .expanded-selected-users .people-picker-username {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  font-size: 15px;
  line-height: 15px;
}
.people-picker .expanded-people-picker .expanded-selected-users .people-picker-username-wrapper:last-child .people-picker-username {
  width: auto;
}
.people-picker .expanded-people-picker .expanded-selected-users .people-picker-username-wrapper:last-child .people-picker-username {
  width: auto;
}
.people-picker .expanded-people-picker .expanded-selected-users .people-picker-username-counter {
  line-height: 15px;
  font-weight: 600;
  cursor: default;
}
.people-picker .expanded-people-picker .caret {
  position: absolute;
  left: 90%;
}
.people-picker .people-picker-anchor {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: none;
  cursor: pointer;
  border: none;
  gap: 4px;
  width: fit-content;
}
.people-picker .people-picker-anchor .content {
  display: inline-flex;
  align-items: center;
  flex: 1;
}
.people-picker .people-picker-anchor .content > div {
  display: inline-block;
}
.people-picker .people-picker-anchor:active {
  box-shadow: none;
}
.people-picker .people-picker-anchor.top-aligned {
  align-items: flex-start;
}
.people-picker .additional-members-count {
  display: inline-block;
  color: var(--gray214);
}
.people-picker .user-avatar,
.people-picker .person-thumb {
  width: 30px;
  height: 30px;
  margin: 0 2px;
}
.people-picker .user-avatar:first-of-type,
.people-picker .person-thumb:first-of-type {
  margin-left: 2px;
}
.people-picker .user-avatar:last-of-type,
.people-picker .person-thumb:last-of-type {
  margin-right: 0;
}
.people-picker .initials-thumb:hover {
  cursor: pointer;
}
.people-picker .initials-thumb:hover span.initials {
  pointer-events: none;
}
.people-picker-select .input-bordered {
  max-width: 255px;
}
.people-picker-dropdown-container {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.people-pick-submit-list {
  width: 100%;
  height: 40px;
  background-color: var(--blue144);
  text-align: center;
  line-height: 40px;
  color: var(--staticWhite);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.people-pick-submit-list:hover {
  cursor: pointer;
  background-color: var(--blue144);
}
.video-js.vac-active .vjs-mouse-display,
.video-js.vac-active .vjs-big-play-button {
  display: none !important;
}
.video-js.vac-active .vac-marker-owrap,
.video-js.vac-active .vac-control {
  display: block;
}
.video-js.vac-active .vjs-control-bar {
  z-index: 2;
}
.video-js.vac-active .vac-player-btn i.vac-player-icon svg {
  fill: var(--blue114) !important;
}
.video-js.vac-active.vjs-has-started .vac-shape {
  display: block;
}
.video-js.vac-disable-play .vjs-control {
  cursor: default;
}
.video-js .vac-hidden {
  display: none !important;
}
.video-js.vac-disable-fullscreen .vac-player-btn {
  display: none;
}
.video-js.vac-disable-play .vac-marker {
  display: none !important;
}
.video-js.vac-disable-play .vjs-play-control,
.video-js.vac-disable-play .vjs-play-progress {
  visibility: hidden !important;
}
.video-js .vac-button {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 10px;
  line-height: 27px;
  font-size: 13px;
  padding: 0;
  width: calc(100% - 20px);
  text-align: center;
  border-radius: 2px;
  background: var(--blue114);
  color: var(--white);
  display: block;
  cursor: pointer;
}
.video-js .vac-button:hover {
  background-color: var(--blue108);
}
.video-js .vac-video-cover {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color88);
  cursor: crosshair;
}
.video-js .vac-video-cover .vac-video-cover-canvas {
  width: 100%;
  height: 100%;
  position: relative;
}
.video-js .vac-video-write-new-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  background-color: var(--color89);
}
.video-js .vac-video-write-new-wrap.vac-new-comment {
  background-color: var(--color20);
}
.video-js .vac-video-write-new-wrap .vac-video-write-new {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.video-js .vac-video-write-new-wrap .vac-video-write-new > div {
  width: 80%;
  max-width: 400px;
  border-radius: 2px;
  background: var(--color74);
  padding: 20px;
}
.video-js .vac-video-write-new-wrap .vac-video-write-new > div h5 {
  margin: 0;
  padding: 0;
  font-size: 15px;
  color: var(--black);
  font-weight: normal;
}
.video-js .vac-video-write-new-wrap .vac-video-write-new .vac-comment-showbox {
  border-radius: 1px;
  background-color: var(--white);
  margin-top: 20px;
  width: 100%;
  border-bottom: 2px solid var(--orange65);
}
.video-js .vac-video-write-new-wrap .vac-video-write-new .vac-comment-showbox textarea {
  border: none;
  font-size: 13px;
  color: var(--gray242);
  line-height: 16px;
  padding: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 110px;
  width: 100%;
  resize: none;
}
.video-js .vac-video-write-new-wrap .vac-video-write-new .vac-comment-showbox > div {
  padding: 10px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 27px;
}
.video-js .vac-video-write-new-wrap .vac-video-write-new .vac-comment-showbox > div button {
  float: right;
  width: auto;
  padding: 0 40px;
  margin: 0;
}
.video-js .vac-video-write-new-wrap .vac-video-write-new .vac-comment-showbox > div a {
  float: right;
  font-size: 12px;
  text-decoration: underline;
  line-height: 27px;
  display: inline-block;
  color: var(--gray242);
  cursor: pointer;
  margin-right: 20px;
}
.video-js .vac-video-write-new-wrap .vac-video-write-new .vac-comment-showbox > div a:hover {
  color: var(--red71);
}
.video-js .vac-video-write-new-wrap .vac-video-write-new.vac-is-comment {
  display: block;
}
.video-js .vac-video-write-new-wrap .vac-video-write-new.vac-is-comment .vac-comment-showbox {
  position: absolute;
  padding: 0;
  margin: 0;
  max-width: none;
}
.video-js .vac-shape {
  position: absolute;
  z-index: 1;
  background-color: var(--color90);
  border: 2px dotted var(--orange65);
  display: none;
}
.video-js .vac-controls,
.video-js .vac-add-controls {
  z-index: 3;
  position: absolute;
  border-radius: 2px;
  overflow: hidden;
  background-color: var(--color20);
  top: 4px;
  left: 4px;
  padding: 4px 0 0 0;
  font-size: 14px;
  color: var(--white);
  width: 150px;
  display: none;
  text-align: center;
}
.video-js .vac-controls i,
.video-js .vac-add-controls i {
  color: var(--white166);
  font-size: 11px;
  font-style: normal;
  display: block;
  padding: 4px 0 0;
}
.video-js .vac-controls button,
.video-js .vac-add-controls button {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  margin: 10px;
  line-height: 27px;
  font-size: 13px;
  padding: 0;
  width: calc(100% - 20px);
  text-align: center;
  border-radius: 2px;
  background: var(--blue114);
  color: var(--white);
  display: block;
  cursor: pointer;
}
.video-js .vac-controls button:hover,
.video-js .vac-add-controls button:hover {
  background-color: var(--blue108);
}
.video-js .vac-controls.vac-add-controls button,
.video-js .vac-add-controls.vac-add-controls button {
  background-color: var(--yellow97);
  color: var(--gray242);
}
.video-js .vac-controls.vac-add-controls button:hover,
.video-js .vac-add-controls.vac-add-controls button:hover {
  background-color: var(--yellow91);
}
.video-js .vac-controls.vac-add-controls a,
.video-js .vac-add-controls.vac-add-controls a {
  margin: 3px auto 8px;
  text-transform: uppercase;
  display: inline-block;
  color: var(--white);
  cursor: pointer;
  text-decoration: underline;
  font-size: 10px;
}
.video-js .vac-controls.vac-add-controls a:hover,
.video-js .vac-add-controls.vac-add-controls a:hover {
  color: var(--red71);
}
.video-js .vac-controls .vac-annotation-nav,
.video-js .vac-controls .vac-video-move,
.video-js .vac-add-controls .vac-annotation-nav,
.video-js .vac-add-controls .vac-video-move {
  margin-top: 8px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.video-js .vac-controls .vac-annotation-nav div,
.video-js .vac-controls .vac-video-move div,
.video-js .vac-add-controls .vac-annotation-nav div,
.video-js .vac-add-controls .vac-video-move div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: var(--color32);
  text-align: center;
  line-height: 22px;
  color: var(--yellow97);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  font-size: 12px;
}
.video-js .vac-controls .vac-annotation-nav div:hover,
.video-js .vac-controls .vac-video-move div:hover,
.video-js .vac-add-controls .vac-annotation-nav div:hover,
.video-js .vac-add-controls .vac-video-move div:hover {
  background-color: var(--yellow97);
  color: var(--black);
}
.video-js .vac-controls .vac-annotation-nav div.vac-a-prev,
.video-js .vac-controls .vac-video-move div.vac-a-prev,
.video-js .vac-add-controls .vac-annotation-nav div.vac-a-prev,
.video-js .vac-add-controls .vac-video-move div.vac-a-prev {
  margin-right: 1px;
}
.video-js .vac-cursor-tool-tip {
  position: absolute;
  border-radius: 100%;
  z-index: 999;
  display: inline-block;
  white-space: nowrap;
}
.video-js .vac-player-btn {
  margin-right: 8px;
  cursor: pointer;
}
.video-js .vac-player-btn i.vac-player-icon svg {
  fill: white;
  -webkit-transition: fill 0.2s ease-in-out;
  transition: fill 0.2s ease-in-out;
}
.video-js .vac-player-btn i.vac-player-icon:hover svg {
  fill: var(--blue107);
}
.video-js .vac-player-btn b {
  position: absolute;
  display: inline-block;
  top: 3px;
  right: 3px;
  color: var(--white);
  height: 14px;
  line-height: 14px;
  min-width: 14px;
  text-align: center;
  border-radius: 9px;
  font-size: 10px;
  font-weight: normal;
  background-color: var(--red71);
}
.video-js .vac-marker-owrap {
  display: none;
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.video-js .vac-marker-owrap .vac-marker-wrap {
  margin: 0 10px;
  height: 100%;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker,
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable {
  position: absolute;
  width: 7px;
  margin-left: 0px;
  height: 30px;
  bottom: 6px;
  background: var(--blue114);
  border-radius: 2px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker.vac-hovering,
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker.vac-force-tooltip,
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable.vac-hovering,
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable.vac-force-tooltip {
  opacity: 1 !important;
  background: var(--yellow97);
  height: 35px;
}
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker.vac-hovering > div,
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker.vac-force-tooltip > div,
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable.vac-hovering > div,
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable.vac-force-tooltip > div {
  display: block;
  opacity: 1;
}
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker.vac-hovering.vac-ranged-marker,
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker.vac-force-tooltip.vac-ranged-marker,
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable.vac-hovering.vac-ranged-marker,
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable.vac-force-tooltip.vac-ranged-marker {
  -webkit-box-shadow: 7px 0 0 0 var(--yellow97) inset;
  box-shadow: 7px 0 0 0 var(--yellow97) inset;
  background-color: var(--color91);
}
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker.vac-active,
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable.vac-active {
  background-color: var(--yellow97);
}
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker.vac-active.vac-ranged-marker,
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable.vac-active.vac-ranged-marker {
  -webkit-box-shadow: 7px 0 0 0 var(--yellow97) inset;
  box-shadow: 7px 0 0 0 var(--yellow97) inset;
  background-color: var(--color91);
}
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker.vac-ranged-marker,
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable.vac-ranged-marker {
  -webkit-box-shadow: 7px 0 0 0 var(--blue114) inset;
  box-shadow: 7px 0 0 0 var(--blue114) inset;
  background-color: var(--color92);
}
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker.vac-marker-draggable,
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable.vac-marker-draggable {
  -webkit-box-shadow: 7px 0 0 0 var(--orange65) inset;
  box-shadow: 7px 0 0 0 var(--orange65) inset;
  background-color: var(--color90);
  cursor: ew-resize;
  min-width: 7px !important;
}
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker > div,
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable > div {
  width: 100%;
  position: relative;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker > div span,
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable > div span {
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid var(--yellow97);
  display: block;
  position: absolute;
  max-width: 250px;
  bottom: -1px;
  line-height: 26px;
  height: 28px;
  overflow: hidden;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 1px;
  background: var(--color32);
  color: var(--white);
  font-family: Arial;
  font-size: 12px;
  left: 0px;
}
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker > div span b,
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable > div span b {
  color: var(--yellow97);
  display: inline-block;
  margin-right: 5px;
  font-weight: normal;
}
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker > div span.vac-right-side,
.video-js .vac-marker-owrap .vac-marker-wrap .vac-marker-draggable > div span.vac-right-side {
  left: auto;
  right: 0px;
}
.video-js .vac-marker-owrap .vac-marker-wrap.vac-dim-all .vac-marker {
  height: 30px;
  opacity: 0.4;
}
.video-js .vac-marker-owrap .vac-marker-wrap.vac-dim-all .vac-marker.vac-force-tooltip > div {
  display: none;
}
.video-js .vac-comments-container {
  position: absolute;
  right: 0;
  top: 0;
  width: 15%;
  min-width: 225px;
  z-index: 11;
  background-color: var(--color93);
  height: calc(100% - 42px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.15s linear;
  transition: all 0.15s linear;
}
.video-js .vac-comments-container:hover,
.video-js .vac-comments-container.vac-active {
  width: 60%;
  max-width: 480px;
}
.video-js .vac-comments-container:hover .vac-comments-wrap,
.video-js .vac-comments-container.vac-active .vac-comments-wrap {
  opacity: 1;
}
.video-js .vac-comments-container:hover.vac-active .vac-add-new-shapebox,
.video-js .vac-comments-container.vac-active.vac-active .vac-add-new-shapebox {
  display: block;
}
.video-js .vac-comments-container:hover.vac-active .vac-reply-btn,
.video-js .vac-comments-container.vac-active.vac-active .vac-reply-btn {
  display: none;
}
.video-js .vac-comments-container .vac-comments-wrap {
  opacity: 0.9;
  height: calc(100% - 26px);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  border-left: 1px solid var(--white166);
}
.video-js .vac-comments-container .vac-comments-wrap::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}
.video-js .vac-comments-container .vac-comments-wrap::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px var(--dark257);
  background-color: var(--gray242);
}
.video-js .vac-comments-container .vac-comments-wrap .vac-comment {
  border-radius: 1px;
  -webkit-box-shadow: 2px 2px 5px 0px var(--color94);
  box-shadow: 2px 2px 5px 0px var(--color94);
}
.video-js .vac-comments-container .vac-comments-wrap .vac-comment .vac-comment-header {
  width: 100%;
  padding: 2px 5px;
  color: var(--white);
  background-color: var(--gray242);
  text-align: left;
}
.video-js .vac-comments-container .vac-comments-wrap .vac-comment .vac-comment-header:hover .vac-delete-comment {
  display: inline;
}
.video-js .vac-comments-container .vac-comments-wrap .vac-comment .vac-comment-header .vac-author-name,
.video-js .vac-comments-container .vac-comments-wrap .vac-comment .vac-comment-header .vac-timestamp {
  display: inline-block;
  line-height: 16px;
}
.video-js .vac-comments-container .vac-comments-wrap .vac-comment .vac-comment-header .vac-author-name.vac-author-name,
.video-js .vac-comments-container .vac-comments-wrap .vac-comment .vac-comment-header .vac-timestamp.vac-author-name {
  font-weight: bold;
  text-align: left;
  font-size: 11px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.video-js .vac-comments-container .vac-comments-wrap .vac-comment .vac-comment-header .vac-author-name.vac-timestamp,
.video-js .vac-comments-container .vac-comments-wrap .vac-comment .vac-comment-header .vac-timestamp.vac-timestamp {
  float: right;
  text-align: right;
  font-size: 10px;
}
.video-js .vac-comments-container .vac-comments-wrap .vac-comment .vac-comment-header .vac-delete-comment {
  display: none;
  cursor: pointer;
  color: var(--red71);
}
.video-js .vac-comments-container .vac-comments-wrap .vac-comment .vac-comment-body {
  width: 100%;
  padding: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
  background-color: var(--white);
  color: var(--black);
  font-size: 13px;
  line-height: 16px;
  text-align: left;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom: 1px solid white;
}
.video-js .vac-comments-container .vac-comments-wrap .vac-reply-btn {
  margin: 10px 0 0 0;
  width: 100%;
}
.video-js .vac-comments-container .vac-comments-wrap .vac-add-new-shapebox {
  margin: 10px 0 0 0;
  border-radius: 2px;
  height: 157px;
  padding: 0;
  color: orange;
  display: none;
}
.video-js .vac-comments-container .vac-comments-control-bar {
  height: 26px;
  border-bottom: 1px solid var(--yellow97);
  line-height: 26px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  background: var(--black);
}
.video-js .vac-comments-container .vac-comments-control-bar .vac-range,
.video-js .vac-comments-container .vac-comments-control-bar .vac-control-buttons {
  display: inline-block;
  width: 49%;
}
.video-js .vac-comments-container .vac-comments-control-bar .vac-range.vac-range,
.video-js .vac-comments-container .vac-comments-control-bar .vac-control-buttons.vac-range {
  float: left;
  text-align: left;
  color: var(--yellow97);
}
.video-js .vac-comments-container .vac-comments-control-bar .vac-range.vac-range b,
.video-js .vac-comments-container .vac-comments-control-bar .vac-control-buttons.vac-range b {
  color: var(--white);
}
.video-js .vac-comments-container .vac-comments-control-bar .vac-control-buttons {
  float: right;
  text-align: right;
  font-size: 10px;
}
.video-js .vac-comments-container .vac-comments-control-bar .vac-control-buttons a {
  margin: 0 4px;
  cursor: pointer;
  color: red;
}
.video-js .vac-comments-container .vac-comments-control-bar .vac-control-buttons a.vac-close-comment-list {
  color: var(--white);
}
.video-js .vac-comments-container .vac-comments-control-bar .vac-control-buttons a:hover {
  text-decoration: underline;
}
.preview-wrapper .video-js {
  pointer-events: none;
}
.hv-confirm-bootbox.modal.bootbox {
  background-color: var(--color106);
  display: flex;
  align-items: center;
}
.hv-confirm-bootbox.modal.bootbox .modal-dialog {
  max-width: 400px;
  box-shadow: 0px 0px 15px var(--boxShadow);
}
.hv-confirm-bootbox.modal.bootbox .modal-header {
  margin: 0;
  padding: 0 0 18px 0;
}
.hv-confirm-bootbox.modal.bootbox .modal-content {
  padding: 32px;
}
.hv-confirm-bootbox.modal.bootbox .close {
  font-size: 32px;
  font-weight: 400;
}
.hv-confirm-bootbox.modal.bootbox .modal-title {
  font-size: 18px;
  padding: 0;
}
.hv-confirm-bootbox.modal.bootbox .modal-footer {
  border-top: 1px solid var(--whiteGray52);
  margin-top: 40px;
}
.hv-confirm-bootbox.modal.bootbox .modal-footer .btn + .btn {
  margin-left: 16px;
}
.hv-confirm-bootbox.modal.bootbox .modal-footer button {
  width: 118px;
  height: 34px;
}
.hv-confirm-bootbox.modal.bootbox .modal-footer .btn-default {
  border: 1px solid var(--gray203) !important;
  color: var(--gray244) !important;
}
.portfolio-export-error .modal-title {
  font-size: 20px;
  align-items: center;
  display: flex;
}
.portfolio-export-error .modal-title img {
  margin-right: 10px;
}
.emoji-mart-search input {
  box-sizing: border-box;
}
.emoji-mart-emoji {
  vertical-align: bottom;
}
@supports (-moz-appearance: none) {
  div {
    scrollbar-color: var(--transparent) var(--transparent);
    scrollbar-width: auto;
  }
  div:hover {
    scrollbar-color: var(--scrollbarColor) var(--transparent);
  }
}
div:hover::-webkit-scrollbar-thumb {
  background: var(--scrollbarColor);
}
div::-webkit-scrollbar {
  width: 9px;
  height: 9px;
  background: var(--transparent);
}
div::-webkit-scrollbar-thumb {
  background: var(--scrollbarColor) var(--transparent);
  -webkit-border-radius: 9px;
  border-radius: 9px;
}
div::-webkit-scrollbar-corner {
  background: var(--transparent);
}
div::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: var(--transparent);
}
.team-icon {
  color: var(--textAvatarWhiteTypography);
  background: var(--textAvatarGrayBackground);
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  border-radius: 3px;
  margin: 0 4px;
}
.team-icon.extraLarge {
  width: 34px;
  min-width: 34px;
  height: 34px;
}
.team-icon.extraLarge span {
  margin-top: 7px;
}
.team-icon.extraLarge .team-badge {
  right: -28px;
  top: -29px;
}
.team-icon.medium {
  width: 24px;
  min-width: 24px;
  height: 24px;
}
.team-icon.medium span {
  margin-top: 4px;
}
.team-icon.medium .team-badge {
  right: -17px;
}
.team-icon.medium-22 {
  width: 22px;
  min-width: 22px;
  height: 22px;
  margin: 0 1px;
}
.team-icon.medium-22 span {
  margin-top: 2px;
}
.team-icon.medium-22 .team-badge {
  right: -17px;
}
.team-icon.small {
  width: 20px;
  min-width: 20px;
  height: 20px;
}
.team-icon.small span {
  margin-top: 0px;
}
.team-icon.small .team-badge {
  right: -14px;
  top: -27px;
}
.team-icon.extra-small {
  width: 18px;
  min-width: 18px;
  height: 18px;
}
.team-icon.extra-small span {
  margin-top: 0;
  font-size: 12px;
  position: relative;
  top: -3px;
}
.team-icon.extra-small .team-badge {
  right: -9px;
  top: -28px;
}
.team-icon.extra-small.rounded .team-badge {
  right: -9px;
  top: -26px;
}
.team-icon span {
  display: inline-block;
  width: 100%;
  margin-top: 6px;
  font-size: 14px;
  color: var(--textAvatarWhiteTypography);
}
.team-icon span:hover {
  cursor: default;
}
.team-icon .team-badge {
  width: 11px;
  height: 13px;
  display: block;
  position: relative;
  right: -24px;
  top: -28px;
}
.team-icon.rounded {
  border-radius: 50% !important;
  border: 1px solid var(--textAvatarWhiteTypography);
}
.team-icon.rounded .team-badge {
  right: -20px;
  top: -25px;
}
.action-item.action-card .pull-right .people-picker .people-picker-anchor .sharingWith .sharing-with-flex-container .member-display .team-icon {
  width: 20px;
  min-width: 20px;
  height: 20px;
}
.action-item.action-card .pull-right .people-picker .people-picker-anchor .sharingWith .sharing-with-flex-container .member-display .team-icon .first-char {
  margin-top: 0;
}
.action-item.action-card .pull-right .people-picker .people-picker-anchor .sharingWith .sharing-with-flex-container .member-display .team-icon .team-badge {
  right: -14px;
  top: -24px;
}
.sharing-with-flex-container,
.member-display {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}
.sharing-with-flex-container .additional-members-count,
.member-display .additional-members-count {
  color: var(--gray195);
  display: inline-block;
  min-width: 22px;
}
.shared-with {
  display: flex;
}
.shared-with i.fal.fa-globe {
  margin: 0 6px;
  font-size: 18px;
  vertical-align: middle;
}
.component-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.custom-field-input-wrapper {
  display: flex;
  width: 98%;
  justify-content: space-between;
}
.custom-field-input {
  min-height: 32px;
  width: 100%;
  padding: 5px 10px;
  border: 1px solid var(--inputBorderPrimary);
  cursor: text;
  background: var(--newWhiteGrayBackground);
  outline-style: none;
  line-height: 20px;
}
.custom-field-input.label {
  width: 100%;
  max-height: 73px;
  overflow: hidden;
  overflow-y: auto;
}
.custom-field-input.label:empty {
  display: block;
}
.custom-field-input.value {
  padding-left: 15px;
}
.custom-field-input:focus {
  border-color: var(--blue141);
}
.custom-field-input.error {
  border-color: var(--red69);
}
.custom-field-input [contenteditable=true]:empty:before {
  content: attr(placeholder);
  display: block;
}
.custom-field-input-wrapper .custom-field-options {
  width: 49%;
}
.custom-field-input-wrapper .custom-field-options .add-option {
  line-height: 33px;
}
.custom-field-input-wrapper .custom-field-options .input-option-wrapper {
  border: solid 1px var(--inputBorderPrimary);
}
.custom-field-input-wrapper .custom-field-options .input-option-wrapper .option-input {
  padding: 6px 10px;
}
.custom-field-input-wrapper .custom-field-options .input-option-wrapper .option-input:focus {
  border-color: var(--blue141);
}
.custom-field-input-wrapper .hive-select {
  width: 120px;
}
.project-custom-field .hive-select {
  width: 43%;
}
.project-custom-field .hive-select .hive-select-container {
  font-weight: normal;
  border-color: var(--inputBorderPrimary);
  padding: 5px 10px;
}
.project-custom-field .hive-select .hive-select-container .select-icon {
  line-height: 22px;
}
.project-custom-field .hive-select .hive-select-dropdown .hive-select-dropdown-body .hive-select-dropdown-item {
  padding: 5px 10px;
}
.project-custom-field .hive-select .hive-select-dropdown .hive-select-dropdown-body .hive-select-dropdown-item span {
  width: 100%;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-field-control-container .hive-select {
  width: 150px;
}
.custom-field-control-container .hive-select .hive-select-container {
  border-color: var(--inputBorderPrimary);
  padding: 5px 10px;
}
.custom-field-control-container .hive-select .hive-select-container .hive-select-text {
  font-weight: normal;
}
.custom-field-control-container .hive-select .hive-select-dropdown .hive-select-dropdown-item label {
  margin: 0;
  max-width: 100%;
}
.custom-field-control-container label {
  font-weight: normal;
  max-width: 140px;
}
.widget-menu-dropdown .color-picker-button {
  width: 100%;
}
.widget-header-color-picker {
  animation: fadeIn 0.13s forwards;
  border-radius: 4px !important;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.75);
    transform-origin: top center;
  }
  to {
    opacity: 1;
    transform: scale(1);
    transform-origin: top center;
  }
}
.widget-header-color-picker div div div {
  border-radius: 4px;
  padding-right: 0;
}
.widget-header-color-picker div div div div {
  background-color: var(--dropdownBackgroundPrimary);
  max-width: 256px;
}
.widget-header-color-picker div div div div div {
  padding: 8px 8px;
}
.icon-dropdown-wrapper {
  position: relative;
}
.icon-dropdown-wrapper .icon {
  padding: 5px;
}
.icon-dropdown {
  min-width: 160px;
  position: absolute;
  background-color: var(--white);
  box-shadow: 0 0 5px var(--boxShadow);
}
.icon-dropdown .dropdown-item-icon {
  margin-right: 10px;
}
.icon-dropdown .dropdown-item {
  display: flex;
  align-items: center;
  padding: 5px 15px;
  cursor: pointer;
  user-select: none;
}
.icon-dropdown .dropdown-item:hover,
.icon-dropdown .dropdown-item:focus {
  background-color: var(--whiteGray37);
}
.kanban-header {
  padding-right: 14px;
  margin-top: 14px;
}
.kanban-header .kanban-header-form {
  position: relative;
  clear: both;
  border: none;
  margin: 0;
  width: 100%;
}
.kanban-header .kanban-header-form .action-input {
  outline: none;
  user-select: text;
  margin: 16px auto 0;
  padding: 8px 7px;
  width: 100%;
  background-color: var(--newWhiteGrayBackground);
  padding-right: 30px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  border: 1px solid var(--inputBorderPrimary);
  border-radius: 3px;
  font-size: 90%;
  white-space: pre-wrap;
  cursor: text;
}
.kanban-header .kanban-header-form .action-input[placeholder]:empty:before {
  font-size: 13.5px;
  content: attr(placeholder);
  color: var(--color-medium);
}
.kanban-header .kanban-header-form .right-side {
  position: absolute;
  top: 6px;
  right: 6px;
  cursor: pointer;
}
.kanban-header .kanban-header-form .right-side .people-picker-wrapper .people-picker .caret {
  display: none;
}
.kanban-header .kanban-header-form .right-side .label-picker-button {
  margin-top: 5px;
  margin-right: 3px;
}
.kanban-header .kanban-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.kanban-header .kanban-title .kanban-column-title {
  display: flex;
  align-items: center;
  color: var(--gray224);
  font-size: 16px;
  white-space: nowrap;
  pointer-events: auto;
  word-wrap: break-word;
  min-height: 23px;
  max-height: 2.2rem;
  overflow: hidden;
  width: 250px;
  text-overflow: ellipsis;
  font-weight: 500;
}
.kanban-header .kanban-title .header-icons {
  display: flex;
  flex-direction: row;
  color: var(--grayBlue127);
  gap: 8px;
}
.kanban-header .kanban-title .header-icons .header-icon,
.kanban-header .kanban-title .header-icons .icon-dropdown-wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.kanban-header .kanban-title .header-icons .fa-tag {
  font-size: 150%;
  text-shadow: 1px 1px 1px var(--gray230);
  margin-left: 2px;
  margin-top: 2px;
}
.kanban-header .kanban-list-handle,
.kanban-header .draggable {
  cursor: grab;
}
.kb-list-wrapper {
  height: 100%;
  padding-left: 15px;
}
.kb-list-wrapper.fixed-width {
  width: 255px;
}
.kb-list-wrapper:not(.fixed-width) {
  flex: 1;
}
.kb-list-wrapper .kanban-list {
  height: 100%;
  background-color: var(--backgroundPrimary);
  padding-right: 4px;
}
.kb-list-wrapper .kanban-list .kanban-scrollable {
  padding: 0 8px 0 5px;
  margin: 10px 0 8px 8px;
  list-style-type: none;
  min-height: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  max-height: 100%;
  flex: 1;
  position: relative;
}
.kb-list-wrapper .kanban-list .action-placeholder {
  opacity: 0.25;
}
.kb-list-wrapper .kanban-list .action-placeholder .action-card-react {
  display: flex !important;
}
#clone.action-card-wrapper .action-card-react {
  display: flex !important;
}
#kanban {
  background-color: var(--backgroundPrimary);
}
#kanban .kb-list-wrapper {
  background-color: var(--backgroundPrimary);
}
#kanban .kanban-list-add-input {
  border: 1px solid var(--inputBorderPrimary);
}
#kanban .add-list-wrapper {
  margin-top: 10px;
  padding-right: 15px;
}
#kanban .add-list-wrapper .kanban-list-add {
  display: flex;
  flex-direction: column;
}
#kanban .add-list-wrapper .kanban-list-add input {
  background: var(--newWhiteGrayBackground);
  box-shadow: inherit;
  border: 1px solid var(--inputBorderPrimary);
  padding: 6px 12px;
}
.ms-teams-wrapper {
  padding: 15px;
  background-color: var(--white);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ms-teams-wrapper div,
.ms-teams-wrapper p,
.ms-teams-wrapper span {
  font-family: "Segoe UI", "Helvetica Neue", "Apple Color Emoji", "Segoe UI Emoji", Helvetica, Arial, sans-serif !important;
}
.ms-teams-wrapper .ms-teams-title-wrapper {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
.ms-teams-wrapper .ms-teams-title-wrapper .back-button {
  padding-right: 15px;
}
.ms-teams-wrapper .ms-teams-title-wrapper .ms-teams-title {
  color: var(--msteams-font-color);
  font-size: 20px;
}
.ms-teams-wrapper .ms-teams-list {
  margin-top: 10px;
  flex: 1;
  overflow-y: auto;
}
.ms-teams-wrapper .ms-teams-list .ms-teams-list-item {
  cursor: pointer;
  color: var(--msteams-font-color);
  background-color: var(--white);
  border-top: 1px solid var(--whiteGray175);
  padding: 15px 30px;
  user-select: none;
}
.ms-teams-wrapper .ms-teams-list .ms-teams-list-item:hover {
  background-color: var(--msteams-primary-hover);
}
.ms-teams-wrapper .ms-teams-list .ms-teams-list-item.selected {
  background-color: var(--msteams-primary);
  color: var(--white);
}
.ms-teams-wrapper .ms-teams-list .ms-teams-list-item:last-child {
  border-bottom: 1px solid var(--whiteGray175);
}
.preview-box {
  flex-shrink: 0;
  border-radius: 2px;
  content: '';
}
.preview-box:not(.popup, .note, .drive) {
  background-color: var(--blue141);
}
.preview-box .file-ext {
  font-size: 8px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  text-align: center;
  color: var(--white);
  align-self: center;
  width: 100%;
}
.preview-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.preview-box .fa,
.preview-box .far,
.preview-box .fas,
.preview-box .fal {
  color: var(--blue133);
}
.preview-box.video {
  width: inherit;
  height: inherit;
}
.preview-box.video.popup.mfp-hide {
  display: inline-block !important;
}
.preview-box.video .mfp-close {
  color: var(--white);
}
.preview-box video {
  max-height: 77vh;
  max-width: 90vw;
}
.preview-box.popup {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
}
.preview-box.popup .file-preview {
  margin: 0;
}
.preview-box {
  position: relative;
  cursor: zoom-in;
}
.preview-box:after {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
  transition-timing-function: ease-in-out;
  position: absolute;
  content: "\f00e";
  top: 0;
  left: 0;
  background-color: var(--dark257);
  width: 100%;
  height: 100%;
  color: var(--white172);
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  border-radius: 3px;
  opacity: 0;
}
.preview-box:hover:after {
  opacity: 1;
}
.preview-box.video {
  cursor: default;
}
.preview-box.video:after {
  display: none;
}
.list-group-item.file-item .preview-box.video {
  cursor: default;
}
.list-group-item.file-item .preview-box.video:after {
  display: none;
}
.list-group-item.file-item .preview-box.video {
  width: 480px;
  height: 270px;
}
@media (max-width: 899px) {
  .list-group-item.file-item .preview-box.video {
    width: 320px;
    height: 180px;
  }
}
.list-group-item.file-item .preview-box.video .file-preview {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: #000;
}
.message-file .list-group-item.file-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 560px;
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;
  padding: 10px 15px;
  border-radius: 4px;
}
.message-file .list-group-item.file-item .file-details {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: 100%;
  padding: 0 6px;
}
.message-file .list-group-item.file-item .file-item-menu-toggle {
  margin-left: auto;
}
.message-file .list-group-item.file-item .file-details .file-title {
  flex: 1 1 auto;
}
.message-file .list-group-item.file-item .preview-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
}
.message-file .list-group-item.file-item .preview-box.video {
  box-sizing: border-box;
  width: 100%;
  aspect-ratio: 1.77777778;
  margin: 0 auto;
  overflow: hidden;
}
@media (max-width: 899px) {
  .message-file .list-group-item.file-item {
    max-width: 320px;
    margin: 0;
    padding: 10px 15px;
  }
  .message-file .list-group-item.file-item .preview-box.video {
    width: 100%;
    aspect-ratio: 1.77777778;
  }
}
.message-file .list-group-item.file-item:has(.icon-box) {
  flex-direction: row;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.message-file .list-group-item.file-item:has(.icon-box) .file-details {
  margin-top: 0;
  flex: 1 1 auto;
}
.message-file .list-group-item.file-item:has(.icon-box) .file-details .file-item-menu-toggle {
  margin-left: auto;
  margin-right: -4px;
}
.message-file .list-group-item.file-item:has(.preview-box.popup) .file-details {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 22px;
}
.message-file .list-group-item.file-item:has(.preview-box.popup) .file-details .file-title {
  position: static;
  left: auto;
  transform: none;
  text-align: center;
  margin: 0;
  flex: 1 1 auto;
}
.message-file .list-group-item.file-item:has(.preview-box.popup) .file-details .file-item-menu-toggle {
  position: absolute;
  right: -4px;
  top: 50%;
  transform: translateY(-50%);
}
.preview-wrap {
  height: 100%;
}
.preview-wrap .preview-box {
  height: 100%;
  width: 100%;
}
.preview-wrap .preview-box .file-preview {
  min-height: 100%;
  min-width: 100%;
}
.buzz-image {
  object-fit: cover;
}
@media (max-width: 750px) {
  .notes-page-container .button-label {
    display: none;
  }
}
.notes-page-container .dropdown-arrow {
  display: flex;
  align-items: center;
  align-self: center;
}
.notes-page-container .sort-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: end;
  height: 100%;
  width: 100%;
}
.notes-page-container .sort-icon-wrapper > svg {
  border-radius: 4px;
  border: 1px solid var(--borderPrimary);
}
.notes-page-container .dropdown-arrow {
  display: flex;
  align-items: center;
  align-self: center;
}
.notes-page-container .sort-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: end;
  height: 100%;
  width: 100%;
}
.notes-page-container .sort-icon-wrapper > svg {
  border-radius: 4px;
  border: 1px solid var(--borderPrimary);
}
.notes-page-container .delete-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.notes-page-container.slim-container .button-label {
  display: none;
}
.notes-page-container.slim-container .new-note-button {
  font-size: 12px;
}
.notes-page-container.slim-container .tabs-bar .sort-by-wrapper .hive-select {
  display: none;
}
.notes-page-container.slim-container .hive-tabs {
  font-size: 12px;
}
.notes-page-container .tabs-bar .sort-by-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 5px;
}
.notes-page-container .tabs-bar .sort-by-wrapper .hive-select {
  height: 36px;
  min-width: 0;
}
.notes-page-container .tabs-bar .sort-by-wrapper .hive-select-container {
  border: none;
}
.notes-page-container .tabs-bar .sort-by-wrapper .hive-select-text {
  margin-right: 5px;
}
.notes-page-container .tabs-bar .sort-by-wrapper .hive-select-dropdown-item i {
  display: none;
}
.notes-page-container .tabs-bar .sort-by-wrapper .hive-select-dropdown-item.selected {
  background-color: var(--blue141);
  color: var(--white);
}
.notes-page-container .tabs-bar .right-side {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  flex: 1 auto;
}
.notes-page-container #folder-item-list {
  flex: 1;
  overflow-y: auto;
}
.notes-page-container #folder-item-list .empty-list-label {
  padding: 10px 10px 10px 24px;
  font-style: italic;
  user-select: none;
}
.notes-page-container #folder-item-list .loading-item {
  padding: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.notes-page-container .selected-project-row {
  display: inline-block;
  padding: 10px 10px 10px 24px;
  cursor: pointer;
  color: var(--blue141);
}
.notes-page-container .selected-project-row .back-arrow {
  margin-right: 5px;
}
.notes-page-container .notes-action-button {
  height: 36px;
  padding: 8px 16px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 8px;
  margin-left: 8px;
}
.notes-page-container .notes-action-button:hover {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
}
.create-folder-primary-button {
  font-size: 14px;
  font-weight: 400;
}
.display-none {
  display: none;
}
.people-picker-list {
  width: 250px;
  max-height: 35vh;
  overflow-y: auto;
  border-radius: 2px;
  font-size: 14px;
  line-height: 17px;
}
.people-picker-list.has-no-container {
  width: auto;
  border: 1px solid var(--gray4);
  height: 300px;
}
.people-picker-list .isChecked {
  color: var(--blue144) !important;
}
.people-picker-list .subtitle {
  display: block;
  padding: 3px 20px;
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 1.42857143;
  color: var(--gray200);
  white-space: nowrap;
}
.people-picker-list .focused {
  cursor: pointer;
  background-color: var(--color-silver-light-hover);
}
.people-picker-list .dropdown-section-message {
  margin: 0 0 1px 11px;
  font-size: 12px;
  line-height: 16px;
  color: var(--gray203);
}
.people-picker-list .dropdown-section-message.nothing-found {
  font-size: 14px;
  color: var(--gray224);
  margin: 0 14px 9px 11px;
}
.people-picker-list .people-picker-header {
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
}
.people-picker-list .dropdown-section .section-header {
  color: var(--gray224);
  margin: 0 11px 5px 11px;
  line-height: 14px;
  font-weight: 600;
  font-size: 14px;
}
.people-picker-list .dropdown-section .people-picker-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.people-picker-list .dropdown-section.teams {
  margin-top: 10px;
}
.people-picker-list .dropdown-section.disabled .people-picker-option {
  opacity: 0.2;
  pointer-events: none;
}
.people-picker-list .dropdown-section.disabled .people-picker-option:hover,
.people-picker-list .dropdown-section.disabled .people-picker-option.focused {
  background-color: var(--color-silver-light);
}
.people-picker-list .dropdown-section .people-picker-option {
  padding: 5px 10px;
  min-height: 36px;
}
.people-picker-list .dropdown-section .people-picker-option:hover {
  cursor: pointer;
  background-color: var(--color-silver-light-hover);
}
.people-picker-list .dropdown-section .people-picker-option .team-icon {
  margin: 0;
}
.people-picker-list .dropdown-section:last-of-type {
  margin-bottom: 15px;
}
.people-picker-list .dropdown-section .section-header {
  cursor: pointer;
}
.people-picker-list .dropdown-section .section-header i {
  float: right;
  margin-right: 8px;
}
.people-picker-list .dropdown-section .placeholders {
  margin-top: 10px;
}
.people-picker-list .dropdown-section .placeholders .placeholderAvatar,
.people-picker-list .dropdown-section .placeholders .user-avatar {
  background-image: url('https://hv-static-content.s3.amazonaws.com/placeholder.svg') !important;
}
.people-picker-list .dropdown-section .placeholders .placeholder-options {
  margin: 10px 0;
}
.people-picker-list .dropdown-section .placeholders.collapsed .placeholder-options {
  display: none;
}
.people-picker-list .select-all,
.people-picker-list .allow-multiple {
  text-align: right;
  padding: 10px 9px 10px 0;
  min-height: auto;
  color: var(--gray203);
}
.people-picker-list .select-all span,
.people-picker-list .allow-multiple span {
  margin-right: 6px;
}
.people-picker-list .select-all.disabled,
.people-picker-list .allow-multiple.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.people-picker-list .select-all.disabled:hover,
.people-picker-list .allow-multiple.disabled:hover,
.people-picker-list .select-all.disabled.focused,
.people-picker-list .allow-multiple.disabled.focused {
  background-color: var(--color-silver-light);
}
.people-picker-list .select-all .picker-option-check,
.people-picker-list .allow-multiple .picker-option-check {
  display: inline-block;
  color: var(--grayBlue127);
}
.people-picker-list .select-all:hover,
.people-picker-list .allow-multiple:hover {
  cursor: pointer;
  background-color: var(--color-silver-light-hover);
}
.people-picker-list .new-allow-multiple {
  text-align: right;
  padding: 0 9px 10px 0;
  min-height: auto;
  color: var(--gray232);
  display: flex;
  justify-content: center;
}
.people-picker-list .new-allow-multiple span {
  margin-right: 6px;
  line-height: 20px;
  font-size: 13px;
}
.people-picker-list .new-allow-multiple.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.people-picker-list .new-allow-multiple.disabled:hover,
.people-picker-list .new-allow-multiple.disabled.focused {
  background-color: var(--color-silver-light);
}
.people-picker-list .new-allow-multiple:hover {
  cursor: pointer;
}
.people-picker-list .people-picker-check {
  width: 12px;
  color: var(--whiteGray175);
  margin-left: 3px;
  margin-right: 3px;
}
.people-picker-list div.people-picker-name {
  width: auto;
  padding: 0px 5px;
  max-width: 155px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
  user-select: none;
}
.people-picker-list .team-icon {
  margin: 4px;
}
.invite-button {
  color: var(--blue144);
  padding: 8px 15px 15px 15px;
  font-size: 14px;
}
.invite-button span {
  cursor: pointer;
}
.assign-button-wrapper {
  margin: 8px;
}
.people-picker-search {
  max-width: 100%;
  margin: 10px 10px 0 10px;
  outline: none;
}
.people-picker-search.margin-modifier {
  margin-bottom: 10px;
}
.people-picker-search.new-action-button {
  margin: 4px 8px;
}
.people-picker-search input {
  padding: 0 8px;
  width: 100%;
  max-width: 100%;
  height: 30px;
  border-radius: 2px;
  border: 1px solid var(--white169) !important;
}
.people-picker-subtitle {
  display: block;
  padding: 0 10px;
  font-size: 12px;
  line-height: 1.42857143;
  color: var(--gray200);
  white-space: nowrap;
}
.people-picker-placeholder {
  color: var(--black) !important;
  min-height: 20px;
}
.people-picker-placeholder-empty {
  color: var(--gray200) !important;
  min-height: 20px;
}
.people-picker-append-to-body {
  border-radius: 4px;
}
.people-picker-custom-list {
  max-height: 400px;
  width: 250px;
}
.create-separate-actions-checkbox {
  display: flex;
  align-items: center;
  font-weight: normal;
  margin: 3px 8px;
}
.invite-via-email {
  height: auto;
}
.people-picker-custom-width {
  width: 334px;
}
/* Custom styles */
.resourcing-people-picker-dropdown {
  border-radius: 4px;
}
.resourcing-people-picker-dropdown .people-picker-list-wrapper {
  border-radius: 4px;
}
.resourcing-people-picker-dropdown .people-picker-list {
  max-height: 300px;
  width: 248px;
}
.ag-react-container .dropdown-selection-container {
  padding: 0px 10px !important;
}
.tree-select {
  display: inline-block;
  min-width: 180px;
  width: 250px;
  max-width: 250px;
  position: relative;
}
.tree-select .tree-select-dropdown-toggle {
  padding: 8px 16px;
  border: 1px solid var(--inputBorderPrimary);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 36px;
  cursor: pointer;
}
.tree-select .tree-select-dropdown-toggle:not(.showDropdown):not(.disabled):hover {
  border-color: var(--inputBorderPrimaryHover);
}
.tree-select .tree-select-dropdown-toggle.showDropdown {
  border-color: var(--blue136) !important;
  box-shadow: 0 2px 8px var(--color9);
}
.tree-select .tree-select-dropdown-toggle > span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tree-select .tree-select-dropdown-toggle.disabled {
  opacity: 0.6;
  cursor: not-allowed !important;
}
.tree-select .tree-select-dropdown-toggle .fa-caret-down {
  float: right;
  color: var(--gray232);
}
.tree-select-dropdown-wrapper {
  border: 1px solid var(--whiteGray52);
  box-sizing: border-box;
  box-shadow: 0px 2px 9px var(--color62);
  border-radius: 4px;
  margin: 5px 0;
}
.tree-select-dropdown {
  width: 230px;
  margin-left: -50px;
}
.tree-select-disabled-stub {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 5px;
  top: 5px;
  z-index: 1;
  opacity: 0.4;
  background-color: var(--white);
  cursor: not-allowed;
}
.tree-select-dropdown-menu {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding-bottom: 0;
}
.tree-select-dropdown-menu.widthRestriction {
  max-width: 400px;
}
.tree-select-dropdown-menu .search-bar-label {
  margin: 7px 8px 0 8px;
  font-weight: 600;
  font-size: 15px;
  color: var(--gray232);
}
.tree-select-dropdown-menu #picker-list-search {
  margin: 7px 7px 3px 7px;
  padding: 5px 9px;
  border: 1px solid var(--whiteGray52);
  border-radius: 4px;
}
.tree-select-dropdown-menu .tree-all-btn,
.tree-select-dropdown-menu .clear-all-btn {
  font-weight: 600;
  font-size: 14px;
  color: var(--blue136);
  text-align: end;
  padding: 8px 11px 0px 8px;
  cursor: pointer;
}
.tree-select-dropdown-menu .tree-all-btn.disabled-btn,
.tree-select-dropdown-menu .clear-all-btn.disabled-btn {
  cursor: default;
  color: var(--typographyPrimaryDisabled);
}
.tree-select-dropdown-menu .tree-select-list {
  height: auto;
  overflow-y: auto;
  padding-bottom: 5px;
}
.tree-select-dropdown-menu .tree-select-list .spinner {
  animation: rotator 1.4s linear infinite;
}
@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}
.tree-select-dropdown-menu .tree-select-list .path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: var(--orange60);
  animation: dash 1.4s ease-in-out infinite;
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}
.tree-select-dropdown-menu .tree-select-list .all-items {
  padding-left: 10px !important;
}
.tree-select-dropdown-menu .tree-select-list .not-found-wrapper {
  margin: 10px 0;
  text-align: center;
  position: relative;
}
.tree-select-dropdown-menu .tree-select-list .tree-select-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px 11px 5px 5px;
  justify-content: space-between;
}
.tree-select-dropdown-menu .tree-select-list .tree-select-item.disabled-item {
  color: var(--gray208);
}
.tree-select-dropdown-menu .tree-select-list .tree-select-item input[type="checkbox"] {
  margin: 0;
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}
.tree-select-dropdown-menu .tree-select-list .tree-select-item .tree-select-item-text-container {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.tree-select-dropdown-menu .tree-select-list .tree-select-item .fa-square {
  font-size: 12px;
  margin-right: 10px;
}
.tree-select-dropdown-menu .tree-select-list .tree-select-item .tree-select-item-label {
  user-select: none;
  margin-right: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.tree-select-dropdown-menu .tree-select-list .tree-select-item .tree-select-item-warning {
  margin-left: 15px;
  display: flex;
  align-items: center;
}
.tree-select-dropdown-menu .tree-select-list .tree-select-item .tree-select-item-warning .tree-select-item-warning-icon {
  color: var(--yellowBrown89);
  font-size: 13px;
}
.tree-select-dropdown-menu .tree-select-list .tree-select-item.last-tree-select-item {
  font-weight: 500;
  color: var(--blue136);
  padding: 0 10px;
  cursor: pointer;
}
.tree-select-dropdown-menu .tree-select-footer-container {
  padding: 8px;
}
.tree-select-dropdown-menu .tree-select-footer {
  cursor: pointer;
  text-align: center;
  line-height: 36px;
  height: 36px;
  background-color: var(--blue136);
  border-radius: 4px;
  color: var(--staticWhite);
}
.tree-select-dropdown-menu .tree-select-footer:hover {
  background-color: var(--blue136);
}
.portfolio-tree-select-dropdown .tree-select-dropdown-menu .tree-select-list .tree-select-item-warning {
  margin-left: 5px;
}
.filter-indicator {
  position: absolute;
  width: 8px;
  height: 8px;
  right: 8px;
  top: 8px;
  background: #2B74D9;
  border-radius: 50%;
}
.triple-dot {
  visibility: hidden;
  width: 0px;
}
.header-dropdown {
  min-width: 160px;
  position: absolute;
  background-color: var(--white);
  box-shadow: 0 0 5px var(--boxShadow);
}
.header-dropdown .dropdown-item,
.header-dropdown .dropdown-anchor-wrapper {
  display: flex;
  align-items: center;
  padding: 5px 15px;
  cursor: pointer;
  user-select: none;
}
.header-dropdown .dropdown-item:hover,
.header-dropdown .dropdown-anchor-wrapper:hover,
.header-dropdown .dropdown-item:focus,
.header-dropdown .dropdown-anchor-wrapper:focus {
  background-color: var(--whiteGray37);
}
.header-dropdown .dropdown-item img,
.header-dropdown .dropdown-anchor-wrapper img {
  margin-right: 8px;
}
.header-dropdown .dropdown-item button,
.header-dropdown .dropdown-anchor-wrapper button {
  background: transparent;
}
.header-dropdown .dropdown-divider {
  border-top: 1px solid #EEEEEE;
}
.header-component {
  cursor: pointer;
}
.header-component:hover {
  background-color: var(--headerHover);
}
.header-component:hover .triple-dot {
  color: var(--defaultIconColor);
  visibility: visible;
  width: 16px;
}
.textCellWidth {
  display: inline-block;
  width: 100%;
  max-height: 100%;
  overflow: auto;
  padding: 8px;
}
.edit-cell:not(.wrap-text) .textCellWidth[contenteditable="true"] {
  white-space: break-spaces;
}
.portfolio-view-select-wrapper .dropdown-title {
  margin-bottom: 0;
}
.portfolio-view-select-wrapper #dropdown-portfolio-view-select {
  border: none;
  background-color: inherit;
  width: auto;
  padding: 0;
}
.portfolio-view-select-wrapper #dropdown-portfolio-view-select .dropdown-placeholder-text {
  padding: 5px 4px;
}
.portfolio-view-select-wrapper #dropdown-portfolio-view-select .dropdown-placeholder-text:hover {
  background-color: var(--gray106);
  border-radius: 4px;
}
.portfolio-view-select-wrapper #dropdown-portfolio-view-select .portfolio-dropdown-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
}
.portfolio-view-select-wrapper #dropdown-portfolio-view-select .portfolio-dropdown-toggle:hover {
  background-color: var(--gray106);
  border-radius: 4px;
}
.portfolio-view-select-wrapper #dropdown-portfolio-view-select .portfolio-dropdown-toggle .svg-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.portfolio-view-select-wrapper #dropdown-portfolio-view-select .portfolio-dropdown-toggle .svg-icon path {
  fill: var(--defaultIconColor);
}
.portfolio-view-select-wrapper #dropdown-portfolio-view-select .selected-item-text {
  font-weight: 600;
  font-size: 18px;
}
.portfolio-view-select-wrapper .portfolio-summary-header-icons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.portfolio-view-select-wrapper .portfolio-summary-header-icons .icon-container {
  padding: 7px;
  width: 36px;
  height: 36px;
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.portfolio-view-select-wrapper .portfolio-summary-header-icons .icon-container:not(:last-child) {
  margin-right: 15px;
}
.portfolio-view-select-wrapper .portfolio-summary-header-icons .icon-container.disabled {
  opacity: 0.5;
}
.portfolio-view-select-wrapper .portfolio-summary-header-icons .icon-container:not(.disabled):hover {
  background-color: var(--lightGray);
  border-radius: 4px;
  cursor: pointer;
}
.portfolio-summary-page {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.portfolio-summary-page .portfolio-summary-menu-bar {
  border-bottom: 1px solid var(--whiteGray52);
}
.portfolio-summary-page .filters-header {
  position: relative;
  flex-shrink: 0;
  z-index: 6;
}
.portfolio-summary-page .filters-header .project-picker-container,
.portfolio-summary-page .filters-header .actions-picker-container,
.portfolio-summary-page .filters-header .project-fields-picker-container {
  flex: 1;
  min-width: 300px;
  max-width: 300px;
  background-color: var(--white);
  margin-right: 15px;
}
.portfolio-summary-page .filters-header .project-picker-container .hive-select-container,
.portfolio-summary-page .filters-header .actions-picker-container .hive-select-container,
.portfolio-summary-page .filters-header .project-fields-picker-container .hive-select-container {
  min-height: 35px;
}
.portfolio-summary-page .filters-header .tree-select {
  min-width: 100%;
}
.portfolio-summary-page .filters-header .tree-select .tree-select-dropdown-toggle {
  min-width: 180px;
  background-color: var(--newWhiteGrayBackground);
  border-color: var(--inputBorderPrimary);
  padding: 7px 15px;
  cursor: pointer;
}
.portfolio-summary-page .filters-header .tree-select .tree-select-dropdown-toggle:hover {
  border-color: var(--inputBorderPrimaryHover);
}
.portfolio-summary-page .filters-header .tree-select .tree-select-dropdown-toggle .fa-caret-down {
  color: var(--gray232);
}
.portfolio-summary-page .filters-header .hive-select {
  width: 100%;
  border-radius: 4px;
}
.portfolio-summary-page .filters-header .hive-select .hive-select-dropdown-body {
  height: 290px;
  max-height: 290px;
}
.portfolio-summary-page .filters-header .hive-select .hive-select-dropdown-body label {
  margin-bottom: 2px;
}
.portfolio-summary-page .filters-header .hive-select .hive-select-dropdown-body .hive-select-dropdown-item:hover {
  background: var(--color-raw);
}
.portfolio-summary-page .filters-header .hive-select .submit-button-container {
  padding: 8px 8px 8px 8px;
}
.portfolio-summary-page .filters-header .hive-select-dropdown {
  box-sizing: border-box;
  border: 1px solid var(--whiteGray52);
  border-radius: 4px;
  margin: 5px 0;
}
.portfolio-summary-page .filters-header .apply-filters {
  line-height: 36px;
  height: 36px;
  background-color: var(--blue136);
  color: var(--staticWhite);
  border-radius: 4px;
  font-weight: 500;
}
.portfolio-summary-page .filters-header .tree-select .showDropdown,
.portfolio-summary-page .filters-header .showDropdown {
  border-color: var(--blue136) !important;
  box-shadow: 0 2px 8px var(--color9);
}
.portfolio-summary-page .filters-header .hive-select-container {
  min-height: 35px;
}
.portfolio-summary-page .grid-empty-state {
  position: absolute;
  text-align: center;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  background-color: var(--backgroundPrimary);
  z-index: 5;
  pointer-events: none;
}
.portfolio-summary-page .grid-empty-state i {
  font-size: 30px;
  color: var(--typographyPrimary);
}
.portfolio-summary-page .grid-empty-state img {
  width: 400px;
}
.portfolio-summary-page .grid-empty-state .empty-state-label {
  color: var(--typographyPrimary);
  font-size: 24px;
}
.portfolio-summary-page .ag-theme-balham .ag-header-cell-resize::after {
  height: 200px;
  margin-top: 0px;
}
.portfolio-summary-page .ag-theme-balham .ag-root-wrapper {
  border: none;
}
.portfolio-summary-page .ag-theme-balham .ag-center-cols-viewport .ag-row {
  color: var(--typographyPrimary);
}
.portfolio-summary-page .ag-theme-balham .ag-cell-focus {
  border-color: transparent;
}
.portfolio-summary-page .ag-theme-balham .ag-root-wrapper {
  border: none;
}
.portfolio-summary-page .ag-theme-balham .ag-root-wrapper .ag-tooltip {
  word-break: break-word;
  border-radius: 4px;
  font-size: 13px;
  border-color: var(--white164);
  background-color: var(--white164);
  max-width: 500px;
  color: var(--white);
  padding: 8px 14px;
  font-weight: 400;
  font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  box-shadow: 0 5px 10px var(--color11);
  text-align: center;
  opacity: 0.9;
  transition: opacity 0s;
}
.portfolio-summary-page .ag-theme-balham .ag-root-wrapper .ag-tooltip.ag-tooltip-hiding {
  opacity: 0;
}
.portfolio-summary-page .ag-theme-balham .ag-center-cols-viewport .ag-row {
  color: var(--typographyPrimary);
}
.portfolio-summary-page .ag-theme-balham .ag-cell-focus {
  border-color: transparent;
}
.portfolio-summary-page .ag-theme-balham .ag-row-group {
  line-height: 38px;
  display: flex;
  align-items: center;
}
.portfolio-summary-page .ag-theme-balham .ag-ltr .ag-cell,
.portfolio-summary-page .ag-theme-balham .ag-cell {
  line-height: 40px;
  font-size: 13px;
  border-right: 1px solid var(--tableBorder);
  font-weight: 300;
}
.portfolio-summary-page .ag-theme-balham .ag-ltr .ag-cell.ag-cell-wrap-text,
.portfolio-summary-page .ag-theme-balham .ag-cell.ag-cell-wrap-text {
  padding-right: 5px;
  padding-top: 11px;
  padding-bottom: 11px;
}
.portfolio-summary-page .ag-theme-balham .ag-ltr .ag-cell.ag-cell-wrap-text .auto-height-cell-wrapper,
.portfolio-summary-page .ag-theme-balham .ag-cell.ag-cell-wrap-text .auto-height-cell-wrapper {
  padding-right: 5px;
  line-height: 16px;
  min-height: 16px;
}
.portfolio-summary-page .ag-theme-balham .ag-ltr .ag-cell:not(.ag-cell-wrap-text) .auto-height-cell-wrapper,
.portfolio-summary-page .ag-theme-balham .ag-cell:not(.ag-cell-wrap-text) .auto-height-cell-wrapper {
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.portfolio-summary-page .ag-theme-balham .ag-has-focus .ag-row .ag-cell-focus .auto-height-cell-wrapper {
  overflow-y: auto;
  overflow-x: hidden;
}
.portfolio-summary-page .ag-theme-balham .ag-has-focus .ag-row .ag-cell-focus .project-status-cell .project-status-edit {
  visibility: visible;
}
.portfolio-summary-page .ag-theme-balham .ag-pinned-left-header,
.portfolio-summary-page .ag-theme-balham .ag-pinned-left-cols-container {
  box-shadow: 2px 0 9px var(--boxShadow);
  z-index: 1;
}
.portfolio-summary-page .ag-theme-balham .ag-pinned-left-header .ag-header-group-cell::after,
.portfolio-summary-page .ag-theme-balham .ag-pinned-left-cols-container .ag-header-group-cell::after,
.portfolio-summary-page .ag-theme-balham .ag-pinned-left-header .ag-header-cell-resize::after,
.portfolio-summary-page .ag-theme-balham .ag-pinned-left-cols-container .ag-header-cell-resize::after {
  color: transparent;
}
.portfolio-summary-page .ag-theme-balham .ag-pinned-left-cols-container {
  box-shadow: inset -1px 0px 0px var(--tableBorder);
}
.portfolio-summary-page .ag-theme-balham .ag-header-cell::after {
  height: 100%;
  top: 0;
  background-color: var(--tableBorder);
}
.portfolio-summary-page .ag-theme-balham .ag-header-cell {
  background-color: var(--gray567);
}
.portfolio-summary-page .ag-theme-balham .ag-header,
.portfolio-summary-page .ag-theme-balham .ag-pinned-left-header {
  border-color: var(--tableBorder);
}
.portfolio-summary-page .ag-theme-balham .ag-header-icon {
  color: var(--gray261);
}
.portfolio-summary-page .ag-theme-balham .ag-body-viewport {
  background-color: var(--white);
}
.portfolio-summary-page .ag-theme-balham .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right-color: var(--tableBorder);
}
.portfolio-summary-page .ag-theme-balham .ag-row {
  border-color: var(--tableBorder);
  background-color: var(--white);
  color: var(--typographyPrimary);
}
.portfolio-summary-page .ag-theme-balham .ag-menu {
  background-color: var(--backgroundPrimary);
  border: 1px solid var(--whiteGray184);
}
.portfolio-summary-page .ag-theme-balham .ag-menu .ag-tabs-header.ag-menu-header {
  background-color: var(--gray567);
}
.portfolio-summary-page .ag-theme-balham .ag-menu .ag-tabs-header.ag-menu-header .ag-tab {
  color: var(--typographyPrimary);
  background-color: var(--backgroundPrimary);
}
.portfolio-summary-page .ag-theme-balham .ag-menu .ag-tabs-body.ag-menu-body {
  color: var(--typographyPrimary);
}
.portfolio-summary-page .ag-theme-balham .ag-menu .ag-tabs-body.ag-menu-body .ag-input-field-input.ag-text-field-input {
  background-color: var(--newWhiteGrayBackground);
  border: 1px solid var(--borderPrimary);
}
.portfolio-summary-page .ag-pinned-left-cols-container .ag-row-level-1 .ag-group-value {
  display: none;
}
.portfolio-summary-page .ag-group-expanded span,
.portfolio-summary-page .ag-group-contracted span {
  color: var(--typographyPrimary);
}
.portfolio-summary-page .ag-theme-balham .ag-cell-inline-editing {
  height: 100%;
  background-color: var(--white);
}
.portfolio-summary-page .text-input {
  width: 100%;
  height: 39px;
  padding-left: 11px;
  padding-right: 11px;
  border: 1px solid transparent;
  background-color: var(--white);
}
.portfolio-summary-page .custom-field-select-dropdown {
  background-color: var(--white);
}
.portfolio-summary-page .custom-field-select-dropdown .select-dropdown {
  width: 100%;
}
.portfolio-summary-page .custom-field-select-dropdown .select-dropdown .select-component-dropdown {
  height: 100%;
  border: none !important;
  width: 100%;
}
.portfolio-summary-page .ag-menu-header .fa-filter {
  font-size: 10px;
  line-height: 13px;
}
.portfolio-summary-page .input-bordered {
  background-color: var(--white);
}
.portfolio-view.portfolio-tree-select-dropdown .clear-all-btn,
.hive-select .hive-select-clear-btn {
  position: absolute;
  padding: 0px;
  top: -60px;
  right: 0;
  line-height: 16px;
  font-weight: 500;
  font-size: 13px;
  color: var(--blue136);
  cursor: pointer;
}
.portfolio-tree-select-dropdown .tree-all-btn {
  position: absolute;
  padding: 0px;
  top: -60px;
  right: unset;
}
.portfolio-tree-select-dropdown .tree-select-dropdown-menu #picker-list-search {
  padding: 8px 9px;
}
.portfolio-tree-select-dropdown .tree-select-dropdown-menu .tree-select-item:hover {
  background: var(--color-raw);
}
.portfolio-tree-select-dropdown .tree-select-dropdown-menu .tree-select-footer {
  line-height: 36px;
  height: 36px;
  background-color: var(--blue136);
  border-radius: 4px;
  color: var(--staticWhite);
}
.portfolio-tree-select-dropdown .tree-select-dropdown-menu .tree-select-footer:hover {
  background-color: var(--blue136);
}
.portfolio-tree-select-dropdown .tree-select-item.all-items {
  padding: 8px 11px 8px 5px;
  border-bottom: 1px solid var(--borderPrimary);
}
.portfolio-tree-select-dropdown .tree-select-item.all-items .label-checkbox-item-text {
  font-weight: bold;
}
.project-dropdown-item-disabled {
  color: var(--gray203);
}
.options-dropdown-container {
  color: var(--color-tag);
}
.options-dropdown-container button {
  line-height: 11.5px;
  height: 30px;
}
.hovering-link-container {
  padding-inline: 10px;
  border-radius: 4px;
  box-shadow: 0 0 5px var(--boxShadow);
  z-index: 1051;
  background-color: var(--gray235);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.hovering-link-container .hovering-link-input {
  background: 0 0;
  border: none;
  color: var(--staticWhite);
  font-size: 13px;
  height: 100%;
  outline: 0;
  padding: 10px;
  flex: 1;
}
.hovering-link-container .hovering-link-input::placeholder {
  color: var(--typographyPrimaryDisabled);
}
.hovering-link-container .fa-times,
.hovering-link-container .fa-copy {
  color: var(--defaultIconColor);
  cursor: pointer;
}
@media (max-width: 409px) {
  .draggable-block-container.action-block + .draggable-block-container.action-block {
    margin-top: 8px;
  }
}
.action-block-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 8px;
  transition: background-color 0.2s;
  word-break: break-word;
  opacity: 1;
  margin-left: 1px;
}
@media (max-width: 599px) {
  .action-block-wrapper {
    margin-left: 3px;
  }
}
.action-block-wrapper.readonly {
  opacity: 0.7;
}
.action-block-wrapper:not(.selected-assignee) .slate-people-picker-wrapper .member-display {
  border-radius: 50%;
  border: 1px solid transparent;
  transition: border-color 0.2s;
}
.action-block-wrapper:not(.selected-assignee):hover .slate-people-picker-wrapper .member-display {
  border-color: var(--whiteGray192);
}
.action-block-wrapper .action-block-top-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  min-height: 34px;
  padding: 6px 0;
  margin-right: 24px;
  flex: 4;
}
@media (max-width: 599px) {
  .action-block-wrapper .action-block-top-row {
    min-height: auto;
  }
}
@media (max-width: 409px) {
  .action-block-wrapper .action-block-top-row {
    margin-right: 0;
  }
}
.action-block-wrapper .action-block-bottom-row {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  min-height: 34px;
  flex: 1;
}
@media (max-width: 409px) {
  .action-block-wrapper .action-block-bottom-row {
    justify-content: space-between;
    padding-left: 26px;
  }
}
.action-block-wrapper .slate-date-picker-wrapper {
  transition: opacity 0.2s;
  opacity: 0;
  margin-right: 9px;
}
@media (max-width: 599px) {
  .action-block-wrapper .slate-date-picker-wrapper {
    margin-right: 12px;
  }
}
@media (max-width: 409px) {
  .action-block-wrapper .slate-date-picker-wrapper {
    opacity: 1;
  }
}
.action-block-wrapper .slate-date-picker-wrapper .actionBlockDatePicker {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action-block-wrapper .slate-date-picker-wrapper .actionBlockDatePicker.selected {
  font-size: 13px;
  line-height: 15px;
  font-weight: 600;
}
.action-block-wrapper .slate-date-picker-wrapper .actionBlockDatePicker .calendar-icon {
  font-size: 15px;
}
@media (max-width: 409px) {
  .action-block-wrapper .slate-date-picker-wrapper .actionBlockDatePicker {
    align-items: flex-start;
  }
}
.action-block-wrapper.archived {
  background-color: var(--whiteGray33);
}
.action-block-wrapper.selected .slate-date-picker-wrapper,
.action-block-wrapper.selected-date .slate-date-picker-wrapper {
  opacity: 1;
}
.action-block-wrapper:hover .slate-date-picker-wrapper {
  opacity: 1;
}
.action-block-wrapper .slate-action-status-wrapper {
  width: 85px;
  margin-right: 12px;
  padding: 5px 3px;
  font-size: 13px;
  line-height: 15px;
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 599px) {
  .action-block-wrapper .slate-action-status-wrapper {
    display: none;
  }
}
.action-block-wrapper:not(.readonly) .slate-action-status-wrapper:hover {
  cursor: pointer;
}
.action-block-wrapper .slate-people-picker-wrapper {
  margin-right: 12px;
  min-width: 43px;
}
@media (max-width: 409px) {
  .action-block-wrapper .slate-people-picker-wrapper {
    min-width: auto;
  }
}
.action-block-wrapper .slate-project-dropdown-wrapper {
  margin-right: 12px;
}
@media (max-width: 409px) {
  .action-block-wrapper .slate-project-dropdown-wrapper {
    display: none;
  }
}
.action-block-wrapper .action-text,
.action-block-wrapper .placeholder-text {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: 16px;
  line-height: 18px;
  margin: 2px 0;
  min-width: 70px;
}
.action-block-wrapper .action-text span:first-of-type {
  min-width: 1px;
}
.action-block-wrapper .action-checkmark .checked {
  color: var(--green105);
}
.action-block-wrapper .placeholder-text {
  pointer-events: none;
  user-select: none;
}
/* Override default cursor styles of the magnific-popup library to correct cursor icons. */
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: zoom-out;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
}
.title-block {
  padding-left: 25px;
}
.slate-editor {
  height: 100%;
  width: 100%;
}
.slate-editor img {
  vertical-align: bottom;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.slate-editor .drag-handle {
  opacity: 0;
  transition: opacity 0.2s;
}
@media (max-width: 409px) {
  .slate-editor .drag-handle {
    display: none;
  }
}
.slate-editor .drag-handle-wrapper {
  flex-shrink: 0;
  user-select: none;
  margin-left: 3px;
  margin-right: 4px;
}
@media (max-width: 599px) {
  .slate-editor .drag-handle-wrapper {
    margin-right: 0;
  }
}
.slate-editor .image-container {
  resize: both;
  overflow: hidden;
  display: inline-block;
  margin-left: 15px;
  position: relative;
  max-width: 100%;
  height: max-content;
  width: 100%;
}
.slate-editor li {
  line-height: 20px;
  font-size: 1em;
  margin-bottom: 4px;
}
.slate-editor ul,
.slate-editor ol {
  padding: 0;
  margin-bottom: 4px;
}
.slate-editor ul li,
.slate-editor ol li {
  padding: 0;
}
.slate-editor ul {
  padding-left: 22px;
}
.slate-editor ol {
  padding-left: 8px;
  list-style-position: inside;
}
.slate-editor ol .li {
  font-variant: tabular-nums;
}
.slate-editor ol ol {
  padding-left: 20px;
}
.slate-editor strong {
  font-style: unset;
}
.slate-editor .template-preview-wrapper {
  padding-bottom: 25px;
}
.slate-editor .react-slate-editor {
  outline: none;
}
.slate-editor .react-slate-editor.template-preview.dark .slate-block span {
  color: var(--whiteGray192);
}
.slate-editor .react-slate-editor.template-preview.light .slate-block span {
  color: var(--gray203);
}
.slate-editor .react-slate-editor.template-preview li {
  color: var(--whiteGray181);
}
.slate-editor .react-slate-editor.signature-editor {
  padding: 20px 40px 50px 0px;
}
.slate-editor.drag-disabled .draggable-block-container {
  padding-left: 10px;
}
.slate-editor .draggable-block-container {
  position: relative;
  padding-left: 40px;
}
.slate-editor .draggable-block-container .header-toggle-icon {
  opacity: 0;
}
.slate-editor .draggable-block-container .header-toggle-icon.collapsed {
  opacity: 1;
}
.slate-editor .draggable-block-container:hover.no-drag .drag-handle {
  opacity: 0;
}
.slate-editor .draggable-block-container:hover .drag-handle {
  opacity: 1;
}
.slate-editor .draggable-block-container:hover .header-toggle-icon {
  opacity: 1;
}
.slate-editor .draggable-block-container:hover .floating-toolbar {
  opacity: 1;
}
.slate-editor .draggable-block-container .floating-toolbar {
  opacity: 0;
  transition: opacity 0.2s;
  display: flex;
  align-items: center;
  z-index: 2;
  width: 0px;
  height: 0px;
  overflow: visible;
  user-select: none;
}
.slate-editor .draggable-block-container .floating-toolbar.is-open {
  opacity: 1;
}
@media (max-width: 500px) {
  .slate-editor .draggable-block-container.goal-block,
  .slate-editor .draggable-block-container.action-block {
    padding-left: 0;
  }
}
.slate-editor .droppable-container {
  overflow-y: auto;
  background-color: var(--white);
}
.slate-editor .action-block {
  margin-top: 8px;
  margin-bottom: 8px;
}
.slate-editor div:not(.action-block) + .action-block,
.slate-editor .action-block + div:not(.action-block) {
  margin-top: 16px;
}
.slate-editor h1 {
  margin-top: 15px;
  margin-bottom: 12px;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}
.slate-editor h2 {
  margin-top: 10px;
  margin-bottom: 6px;
  font-size: 20px;
  line-height: 23px;
  font-weight: 600;
}
.slate-editor ul,
.slate-editor ul > ul > ul > ul,
.slate-editor ul > ul > ul > ul > ul > ul > ul,
.slate-editor ul > ul > ul > ul > ul > ul > ul > ul > ul > ul {
  list-style-type: disc;
}
.slate-editor ul > ul,
.slate-editor ul > ul > ul > ul > ul,
.slate-editor ul > ul > ul > ul > ul > ul > ul > ul {
  list-style-type: circle;
}
.slate-editor ul > ul > ul,
.slate-editor ul > ul > ul > ul > ul > ul,
.slate-editor ul > ul > ul > ul > ul > ul > ul > ul > ul {
  list-style-type: square;
}
.slate-editor ol,
.slate-editor ol > ol > ol > ol,
.slate-editor ol > ol > ol > ol > ol > ol > ol,
.slate-editor ol > ol > ol > ol > ol > ol > ol > ol > ol > ol {
  list-style-type: decimal;
}
.slate-editor ol > ol,
.slate-editor ol > ol > ol > ol > ol,
.slate-editor ol > ol > ol > ol > ol > ol > ol > ol {
  list-style-type: lower-alpha;
}
.slate-editor ol > ol > ol,
.slate-editor ol > ol > ol > ol > ol > ol,
.slate-editor ol > ol > ol > ol > ol > ol > ol > ol > ol {
  list-style-type: lower-roman;
}
.slate-editor ul[data-slate-type="check-list"] {
  margin-bottom: 0px;
  width: 100%;
  list-style-type: none;
}
.slate-editor ul[data-slate-type="check-list"] li[data-slate-checked="true"],
.slate-editor ul[data-slate-type="check-list"] li[data-slate-checked="false"] {
  list-style-type: none;
}
.slate-editor ul[data-slate-type="check-list"] li[data-slate-checked="true"][data-slate-clickable="true"],
.slate-editor ul[data-slate-type="check-list"] li[data-slate-checked="false"][data-slate-clickable="true"],
.slate-editor ul[data-slate-type="check-list"] li[data-slate-checked="true"][data-slate-clickable="true"],
.slate-editor ul[data-slate-type="check-list"] li[data-slate-checked="false"][data-slate-clickable="true"] {
  cursor: pointer;
}
.black-color-button {
  color: var(--black);
}
.red-color-button {
  color: var(--red71);
}
.blue-color-button {
  color: var(--blue121);
}
.slate-code-block {
  width: 100%;
  background-color: #272822;
  border-radius: 4px;
}
code[data-slate-type="inline-code"],
.slate-inline-code-block {
  color: #f2f2f2;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #272822;
  padding: 2px 7px;
  border-radius: 4px;
  font-size: 13px;
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'Source Code Pro', 'source-code-pro', 'Droid Sans Mono', monospace;
}
code[data-slate-type="inline-code"] code,
.slate-inline-code-block code {
  background-color: transparent;
}
code[data-slate-type="inline-code"] *,
.slate-inline-code-block * {
  color: #f2f2f2;
}
pre[data-slate-type="code"] .ace_static_highlight {
  padding: 4px 8px;
  font-size: 13px;
}
.slate-block {
  position: relative;
  min-width: 1px;
}
.slate-block.hive-mind span {
  background-color: rgba(210, 244, 211, 0.23);
}
@media (max-width: 500px) {
  .slate-block {
    word-break: break-word;
  }
}
.slate-block.checkbox-wrapper {
  margin-left: -22px;
}
.slate-inline-image {
  margin-left: 0px;
}
.link-text-block {
  margin-left: 0px;
  margin-top: 2px;
}
.slate-block.slate-title-block {
  font-weight: 600;
  font-size: 32px;
  line-height: 48px;
  margin-bottom: 16px;
  margin-top: 0px;
}
@media (max-width: 599px) {
  .slate-block.slate-title-block {
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.02em;
    margin-bottom: 16px;
  }
}
.slate-icon-block {
  display: flex;
  line-height: 25px;
  font-size: 15px;
}
.hive-mail-wrapper {
  height: auto;
  padding-bottom: 20px;
}
.hive-note-editor {
  font-size: 16px;
}
.hive-note-editor p {
  font-size: 16px;
}
@media (max-width: 599px) {
  .react-slate-editor.hive-note-editor {
    width: auto;
  }
}
.react-slate-editor.hive-mail-editor {
  overflow-y: auto;
  height: calc(100% - 60px);
}
.react-slate-editor.hive-mail-editor .draggable-block-container .slate-image-container.image-container[style*="width: 100%"] {
  max-width: 450px;
}
.react-slate-editor.hive-mail-editor::-webkit-scrollbar {
  width: 6px;
  height: 5px;
  background-color: var(--newWhiteGrayBackground);
}
.react-slate-editor.hive-mail-editor::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--white163);
}
.react-slate-editor.hive-mail-editor::-webkit-scrollbar-track {
  margin: 5px;
  background-color: var(--newWhiteGrayBackground) !important;
}
.emailed-note-wrapper {
  min-height: 134px;
}
.mail-compose-reply-box .slate-editor .react-slate-editor {
  height: auto;
  padding-bottom: 25px;
}
.slate-body-placeholder em,
.slate-body-placeholder strong {
  font-weight: initial;
  font-style: initial;
}
.collapsible-bullet:hover::marker {
  color: transparent;
}
.collapsible-bullet .collapsible-caret,
.collapsible-bullet .collapsed-caret {
  display: block;
  cursor: pointer;
  left: -15.5px;
  position: absolute;
}
.collapsible-bullet:hover .collapsible-caret::before {
  content: '\25BC';
  /* Unicode for down caret */
}
.collapsible-bullet .collapsed-caret::before {
  content: '\25B6';
  /* Unicode for right caret */
  font-size: 0.8em;
}
.slate-block-collapsed > li {
  display: visible !important;
}
.slate-block-collapsed > * {
  display: none;
}
.collapsed-list-item {
  list-style: none;
}
.SortableList {
  list-style: none;
}
.SortableItem {
  display: flex;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
}
.SortableHandler {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: transparent;
  color: var(--whiteGray175);
  transition: color 0.4s ease;
  margin-right: 10px;
}
.SortableHandler .fa,
.SortableHandler .far,
.SortableHandler .fas,
.SortableHandler .fal {
  font-size: 150%;
}
.SortableHandler:hover {
  color: var(--black);
}
.SortableHelper {
  z-index: 10000;
  cursor: pointer;
}
.SortableHelper.custom-fields-sortable-row {
  display: table;
  background: var(--whiteGray33);
}
.SortableHelper .accordion-content {
  display: none;
}
.SortableHelper.SortableSectionItemHelper .SortableHandler {
  margin: 0;
}
.SortableCustomFiled {
  cursor: grabbing;
  background: var(--whiteGray36);
  border: 1px solid var(--white169) !important;
  box-shadow: -2px 4px 7px var(--color12);
  pointer-events: auto !important;
  height: 52px !important;
}
.SortableCustomFiled .draggableDots {
  opacity: 1;
}
.SortableSubactionItem {
  background: var(--whiteGray33);
  box-shadow: -2px 4px 7px var(--color12);
  pointer-events: auto !important;
  border-radius: 4px;
  z-index: 9999;
}
.SortableSubactionItem > div {
  cursor: grabbing !important;
}
.SortableSubactionItem .draggableDots {
  opacity: 1;
}
.ProjectHomeSortableCustomFiled {
  cursor: grabbing;
  pointer-events: auto !important;
}
.ProjectHomeSortableCustomFiled .draggableDots {
  opacity: 1;
}
.SortablePinnedView {
  cursor: grabbing;
  pointer-events: auto !important;
  background-color: var(--darkBlue231) !important;
  height: 31px !important;
}
.SortableFile > div {
  cursor: grabbing;
  background: var(--whiteGray33);
  border: 1px solid var(--primary-blue);
}
#jira-install-addon form input {
  border: 1px solid var(--gray209);
  padding: 5px 10px;
  width: 300px;
}
.jira-addon-link,
.jira-addon-clientId,
.jira-addon-clientSecret {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
#jira-save-button,
#jira-disconnect-button {
  margin-top: 10px;
}
/* Override slate attach link container visiblity */
.hovering-link-container {
  z-index: 10000;
}
.action-comment-wrapper .comment-container .preview-box.popup .file-preview {
  max-width: 40px;
  max-height: 40px;
  height: 40px;
  width: 40px;
}
.action-description-history-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow-y: auto;
}
.action-description-history-container .description-history-label {
  color: var(--blue141);
  font-size: 16px;
  margin-bottom: 5px;
}
.action-description-history-container .description-history-item {
  margin-top: 10px;
  margin-bottom: 10px;
}
.action-description-history-container .empty-description-label {
  color: var(--gray224);
  font-style: italic;
}
.action-description-history-container .loading-item {
  margin-bottom: 10px;
}
.action-description-history-container .description-history-value h4 {
  font-size: 1em;
}
.action-description-history-container .description-history-value ul:not([data-slate-type="check-list"]) li {
  padding-left: 6px;
}
.action-description-history-container .description-history-value ul:not([data-slate-type="check-list"]) li span {
  padding-left: 3px;
}
.action-description-history-container .description-history-value ol li {
  padding-left: 3px;
}
.action-description-history-container .description-history-value ol li span {
  padding-left: 12px;
}
.action-description-history-container .last-updated-label {
  color: var(--gray200);
}
.action-notes {
  font-size: 12px;
  color: var(--color-medium);
}
.action-notes .note-title {
  color: var(--hive-blue);
}
.action-notes .note-title span {
  cursor: pointer;
}
.dropdown-spinner {
  position: absolute;
  right: 16px;
  bottom: 0;
  top: 0;
  margin: auto;
  height: 20px;
  width: 20px;
}
.dropdown-spinner.hide {
  display: none;
}
.form-inline .radio {
  margin-left: 1px;
}
.form-inline .radio > label,
.form-inline .checkbox > label {
  margin-bottom: 10px;
}
#form-render-container textarea.sv_q_checkbox_other {
  margin-left: 0;
}
#form-render-container .checkbox textarea.sv_q_checkbox_other {
  margin-left: 20px;
}
#form-render-container .form-title,
#form-render-container .form-description {
  max-width: calc(90 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: auto;
  margin-left: auto;
}
#form-render-container td[headers="text input"] {
  max-width: 400px;
}
#form-render-container td[headers="text input"] + td {
  max-width: 170px;
  min-width: 170px;
}
@media (max-width: 500px) {
  #form-render-container {
    padding: 0 0 35px 0;
  }
}
.panel-heading.card-header {
  display: none;
}
.dropdown-spinner {
  position: absolute;
  right: 16px;
  bottom: 0;
  top: 0;
  margin: auto;
  height: 20px;
  width: 20px;
}
.dropdown-spinner.hide {
  display: none;
}
#form-render-container .sd-page + .sv-components-column .sd-action-bar,
#form-render-container .sd-title.sd-container-modern__title {
  display: none;
}
#form-render-container .sd-page {
  padding: 0;
}
#form-render-container .sd-body--static {
  padding: 0;
}
#form-render-container .sd-title.sd-element__title {
  margin-bottom: 0;
}
.sd-root-modern--mobile .sd-root-modern__wrapper .sd-body.sd-body--responsive,
.sd-body.sd-body--responsive {
  padding-left: 0;
  padding-right: 0;
}
.sd-root-modern {
  background-color: transparent;
}
.sd-root-modern .sd-description,
.sd-root-modern .sd-question,
.sd-root-modern .sd-question__content .rich-text-form-control {
  white-space: pre-wrap;
}
.sd-table--no-header {
  padding-bottom: calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-table.hive-custom-matrix-dynamic {
  max-width: 400px;
}
.sd-table.hive-custom-matrix-dynamic .rich-text-form-control {
  text-align: left;
}
/* Print styles to override bootstrap */
@media print {
  body {
    height: auto !important;
    overflow: visible !important;
  }
  body * {
    visibility: visible;
    overflow: visible;
  }
  html,
  body,
  #app {
    height: auto;
  }
  .rendered-form {
    width: 100% !important;
    height: auto !important;
  }
  .hive-form {
    max-width: 211mm;
    margin: 0 auto;
    height: auto !important;
    padding-bottom: 0 !important;
  }
  #form-render-container .form-buttons {
    display: none;
  }
  .button-wrapper {
    display: none;
  }
  img {
    max-width: auto !important;
  }
  #__blaze-root {
    display: none;
  }
  .modal-root {
    width: auto;
    height: auto;
    position: relative !important;
    height: auto !important;
  }
  .modal-root.hive-form-modal {
    position: relative !important;
    height: auto !important;
  }
  .react-modal {
    position: relative !important;
    height: auto !important;
  }
  .react-modal .modal-dialog > .modal-content {
    position: relative !important;
    height: auto !important;
  }
  .react-modal .modal-dialog > .modal-content .container {
    padding: 0;
    height: auto;
  }
  .modal-backdrop {
    display: none;
  }
  .sd-item--checked .sd-item__decorator {
    background: var(--sjs-primary-backcolor, var(--primary, #19b394)) !important;
    print-color-adjust: exact;
  }
  .sd-radio--checked .sd-radio__decorator:after {
    background: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)) !important;
    print-color-adjust: exact;
  }
  .sv-tagbox__item {
    background: var(--sjs-primary-backcolor, var(--primary, #19b394)) !important;
    print-color-adjust: exact;
  }
  .sv-tagbox__item-text,
  .sv-tagbox__item-text > span {
    color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)) !important;
  }
  .sd-item__decorator {
    box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394)) !important;
    background: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)))) !important;
    print-color-adjust: exact;
  }
  .sd-input {
    background: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)))) !important;
    box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394)) !important;
    print-color-adjust: exact;
  }
}
#submission-rules {
  max-width: 835px;
  margin: 0 auto;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
#submission-rules label {
  font-weight: normal;
}
/*
  Overrides to the default survey styles, that can't be modified via css variables
 */
.svc-side-bar__container {
  width: 439px;
}
.svc-toolbox {
  border-right: 1px solid var(--borderPrimary);
}
.spg-input {
  border: 1px solid var(--borderPrimary) !important;
  border-radius: 4px !important;
}
.svc-tab-designer .sd-container-modern.sd-container-modern--static {
  max-width: 835px;
}
.svc-question__content {
  border: 1px solid var(--borderPrimary) !important;
}
.svc-btn {
  border: 1px solid var(--borderPrimary) !important;
}
.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) {
  padding: calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-header__text .sd-title .sv-string-editor::after,
.sd-title.sd-page__title .sv-string-editor::after {
  content: '*';
  position: absolute;
  top: 0;
  right: -20px;
  color: var(--sjs-error-color, var(--error-color, #ff0000));
}
.sd-header__text .sd-title .sv-string-editor::after {
  right: -25px;
}
/* Disable complete button for a preview */
.sd-body .sd-page + .sv-components-column {
  display: none;
}
.svc-question__content--header h5 .sv-string-editor {
  font-size: 1.7em;
}
.svc-question__content--header h5 .sd-element__num {
  display: none;
}
/* hide display name for Domain input */
[aria-label="Domain"] {
  display: none;
}
.sd-description span[aria-label="Description"] img {
  width: 100%;
}
/* Hide description placeholder */
.svc-string-editor .sv-string-editor[aria-placeholder="Description"]:empty:before {
  content: '';
}
/* Allow text selection for helper text */
.spg-description.spg-question__description {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
/* Hide Dynamic Panel question type from the list of questions temporary */
.sv-popup__container .sv-list [title="Dynamic Panel"] {
  display: none !important;
}
/* Hide separator for now as well */
.sv-list__item-separator {
  display: none;
}
/* helper text icon auto-size */
.spg-title .spg-action-bar {
  display: inline-block;
}
p {
  margin: 0;
}
/* Display magnific popup on top of action modal */
.mfp-bg,
.mfp-wrap {
  z-index: 20001;
}
#actionCardModal .modal-content {
  height: 100%;
}
.emoji-mart-search input {
  box-sizing: border-box;
}
.emoji-mart-search .emoji-mart-search-icon {
  top: 4px;
}
.SortableSubactionItem {
  z-index: 10000;
}
.modal-root {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1050;
}
.splitscreen .modal-root {
  left: 60%;
}
.splitscreen .modal-root .react-modal {
  width: 40%;
}
.splitscreen .modal-root .react-modal .modal-content {
  width: 40%;
}
.splitscreen .modal-root .modal-backdrop {
  left: 60%;
  width: 40%;
}
.dashboard-widget-modal ~ #actionKanbanItemModal {
  z-index: 1053;
}
.dashboard-widget-modal ~ .modal-backdrop {
  z-index: 1052;
}
.modal-content:has(.box-modal) {
  max-width: 1200px;
  width: 100%;
  margin: 0 16px;
}
#importTasksModal .modal-content {
  overflow-y: auto;
}
.ui-pnotify:not(.hv):not(.ui-pnotify-center-mobile):not(.pnotify-note-notifications):not(.pnotify-recover-item).hv-new.hv-project .ui-pnotify-container {
  background-color: var(--white);
  color: var(--black);
  border-radius: 3px;
  box-shadow: 0 0 2px var(--color56), 0 2px 4px var(--gray107);
  line-height: 20px;
  font-size: 14px;
  text-align: left;
  display: flex;
  align-items: center;
}
.ui-pnotify:not(.hv):not(.ui-pnotify-center-mobile):not(.pnotify-note-notifications):not(.pnotify-recover-item).hv-new.hv-project .ui-pnotify-container.alert-warning {
  border-color: transparent;
}
.ui-pnotify:not(.hv):not(.ui-pnotify-center-mobile):not(.pnotify-note-notifications):not(.pnotify-recover-item).hv-new.hv-project .ui-pnotify-container .ui-pnotify-title {
  font-size: 15px;
  padding-top: 0px;
  font-weight: 400;
  color: var(--black);
  display: flex;
  position: relative;
  right: 20px;
  margin-bottom: 0px;
  line-height: 1;
}
.ui-pnotify:not(.hv):not(.ui-pnotify-center-mobile):not(.pnotify-note-notifications):not(.pnotify-recover-item).hv-new.hv-project .ui-pnotify-container .ui-pnotify-action-bar {
  padding-left: 5px;
  position: relative;
  right: 20px;
  margin-top: 0px !important;
}
.ui-pnotify:not(.hv):not(.ui-pnotify-center-mobile):not(.pnotify-note-notifications):not(.pnotify-recover-item).hv-new.hv-project .ui-pnotify-container .ui-pnotify-closer {
  position: relative;
  left: calc(100% - 20px);
  margin-top: 0px;
}
.ui-pnotify:not(.hv):not(.ui-pnotify-center-mobile):not(.pnotify-note-notifications):not(.pnotify-recover-item).hv-new.hv-project .ui-pnotify-container .ui-pnotify-sticker {
  display: none;
}
.ui-pnotify:not(.hv):not(.ui-pnotify-center-mobile):not(.pnotify-note-notifications):not(.pnotify-recover-item).hv-new.hv-project .ui-pnotify-container .ui-pnotify-action-button {
  width: 100px;
  font-weight: 500;
  margin-left: 2.5px;
  display: flex;
  background-color: #2B74D9;
  color: var(--staticWhite);
  font-size: 15px;
  border: none;
  padding-top: 0px;
  padding-bottom: 0px;
}
.note-loader {
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  flex-grow: 1;
  height: 100%;
  margin: 10px 60px 0px 60px;
  min-width: 400px;
}
@media (max-width: 500px) {
  .note-loader {
    margin-left: 15px;
    margin-right: 15px;
    min-width: 200px;
  }
}
.note-loader .loading-item {
  margin-bottom: 15px;
  width: 100%;
}
.note-loader .loading-title {
  margin-bottom: 45px;
  width: 100%;
}
.note-loader.loading-wrap {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  margin-top: 15px;
  max-width: 960px;
  min-width: 400px;
}
.note-loader.loading-wrap .loading-item {
  margin-bottom: 15px;
}
.note-loader.loading-wrap .loading-title {
  margin-bottom: 45px;
}
/* this component can be reused in other places so we can't use .note-loader selector here  */
.list-loader-padding {
  padding: 17px;
}
.project-home-container {
  overflow-y: auto;
}
.project-home-container::-webkit-scrollbar {
  width: 12px;
}
.project-home-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--scrollbarColor);
  border: 3px solid var(--scrollbarBackgroundColor);
}
.project-home-container::-webkit-scrollbar-track {
  background-color: var(--transparent);
}
#resourcing-container {
  height: 100%;
  display: flex;
  flex: 1;
  position: relative;
}
.dhtmlXTooltip {
  font-family: "proxima-nova";
  max-width: 600px;
}
.dhtmlXTooltip .title {
  font-weight: bold;
}
.dhtmlXTooltip .red-text {
  color: var(--red76);
}
.dhtmlXTooltip .notes {
  /* hide text if it more than 5 lines  */
  overflow: hidden;
  line-height: 1.2em;
  /* max-height 5 lines */
  max-height: 6em;
}
.dhtmlXTooltip .parent-action-title {
  display: inline-flex;
  gap: 5px;
  align-items: center;
}
.dhtmlXTooltip.tooltip {
  z-index: 1003;
}
.email-note {
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 15px;
  margin-top: 5px;
}
.email-note ul {
  padding-left: 30px;
}
.email-note ol {
  padding-left: 15px;
}
.email-note .email-note-wrapper {
  background-color: var(--newWhiteGrayBackground) !important;
  border: 2px solid var(--newWhiteGrayBackground) !important;
}
.email-note .action-title-wrapper,
.email-note .action-status,
.email-note .action-assignee {
  color: var(--typographyPrimary) !important;
}
.react-tooltip-component.__react_component_tooltip,
.react-tooltip-component.__react_component_tooltip:hover {
  z-index: 99999;
  position: absolute;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: var(--white);
  text-align: center;
  white-space: normal;
}
.ui-pnotify.hv-pnotify {
  margin-top: 11px;
  right: 50px !important;
  width: auto !important;
}
.ui-pnotify.hv-pnotify.white.hv-new.stop-watch-notification .alert.ui-pnotify-container.alert-warning.ui-pnotify-shadow {
  background-color: var(--white);
}
.ui-pnotify.hv-pnotify.white.hv-new.stop-watch-notification .alert.ui-pnotify-container.alert-warning.ui-pnotify-shadow button.ui-pnotify-action-button.btn.btn-default {
  background: var(--primary-blue);
  color: var(--staticWhite);
  justify-content: center;
  align-items: center;
  width: 74px;
  height: 24px;
}
.ui-pnotify.hv-pnotify.white.hv-new.stop-watch-notification .alert.ui-pnotify-container.alert-warning.ui-pnotify-shadow button.ui-pnotify-action-button.btn.btn-default:hover {
  color: var(--staticWhite) !important;
}
.ui-pnotify.hv-pnotify .ui-pnotify-container {
  border: none;
  background-color: var(--gray232);
  color: var(--staticWhite);
  border-radius: 4px;
  box-shadow: 0 0 2px var(--color56), 0 2px 4px var(--gray107);
  padding: 14px 15px 10px 20px;
}
.ui-pnotify.hv-pnotify .ui-pnotify-container .ui-pnotify-title {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
  color: var(--staticWhite);
}
.ui-pnotify.hv-pnotify .ui-pnotify-container .ui-pnotify-action-bar {
  display: inline;
}
.ui-pnotify.hv-pnotify .ui-pnotify-container .ui-pnotify-closer {
  margin-top: 0;
}
.ui-pnotify.hv-pnotify .ui-pnotify-container .ui-pnotify-closer .fa {
  font-weight: 100;
}
.ui-pnotify.hv-pnotify .ui-pnotify-container .ui-pnotify-sticker {
  display: none;
}
.ui-pnotify.hv-pnotify .ui-pnotify-container .ui-pnotify-action-button {
  display: inline-block;
  margin-left: 10px;
  margin-right: 9px;
  margin-top: -2.5px;
  background-color: var(--blue136);
  color: var(--staticWhite);
  font-size: 15px;
  font-weight: 500;
  border: none;
  border-radius: 4px;
  padding: 1px 7.5px;
}
.ui-pnotify.hv-pnotify.space-x .ui-pnotify-container .ui-pnotify-closer {
  margin-left: 10px;
}
.ui-pnotify.hv-pnotify.copy-notification {
  top: 90vh;
  min-width: 255px;
}
.ui-pnotify.hv-pnotify.copy-notification .ui-pnotify-text {
  margin-bottom: 5px;
}
.ui-pnotify.hv-pnotify.notes-toast {
  min-width: 280px;
  max-width: 310px;
}
.ui-pnotify.hv-pnotify.pinned-columns-warning {
  max-width: 375px;
}
.ui-pnotify.hv-pnotify.pinned-columns-warning .ui-pnotify-container {
  padding: 16px;
}
.ui-pnotify.hv-pnotify.pinned-columns-warning .ui-pnotify-container .ui-pnotify-title {
  font-size: 15px !important;
  font-weight: 400;
  line-height: 19px !important;
}
.ui-pnotify.hv-pnotify.pinned-columns-warning .ui-pnotify-container .ui-pnotify-closer {
  left: calc(100% - 22px) !important;
}
.ui-pnotify.hv-pnotify.pinned-columns-warning .ui-pnotify-container .ui-pnotify-closer .fa {
  font-size: 19px;
}
.ui-pnotify.hv-pnotify.green-line .ui-pnotify-container {
  border-left: 4px solid var(--green105);
}
.ui-pnotify.hv-pnotify.white .ui-pnotify-container {
  background-color: var(--white);
  color: var(--gray232);
}
.ui-pnotify.hv-pnotify.white .ui-pnotify-icon {
  color: var(--gray232);
  margin-top: 2px;
}
.ui-pnotify.hv-pnotify.white .ui-pnotify-title {
  color: var(--gray232);
  font-weight: 400;
  text-shadow: none;
}
.ui-pnotify.hv-pnotify.white .ui-pnotify-text {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: var(--gray232);
}
.ui-pnotify.hv-pnotify.white .ui-pnotify-action-button {
  margin-left: 10px;
  margin-right: 0px;
  color: var(--white);
}
.ui-pnotify.hv-pnotify.white .ui-pnotify-action-button:hover {
  color: var(--white) !important;
}
.ui-pnotify.hv-pnotify.white .ui-pnotify-closer {
  margin-left: 10px;
  color: var(--gray232);
}
.ui-pnotify.hv-pnotify.meeting-notification {
  max-width: 446px;
  top: 0 !important;
  margin: 0 0 0 -223px;
  left: 50% !important;
}
.ui-pnotify.hv-pnotify.meeting-notification .ui-pnotify-container {
  background-color: var(--backgroundPrimary);
  display: flex;
  align-items: center;
  border-bottom: 4px solid var(--primary-blue);
  gap: 16px;
  padding: 24px 16px;
}
.ui-pnotify.hv-pnotify.meeting-notification .ui-pnotify-container:after {
  display: none;
}
.ui-pnotify.hv-pnotify.meeting-notification .ui-pnotify-container .ui-pnotify-action-button {
  width: 160px;
  padding: 2px 8px;
}
.ui-pnotify.hv-pnotify.meeting-notification .ui-pnotify-action-bar {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 !important;
}
.ui-pnotify.hv-pnotify.meeting-notification .ui-pnotify-icon {
  color: var(--gray261);
  margin-top: 2px;
}
.ui-pnotify.hv-pnotify.meeting-notification .ui-pnotify-title {
  color: var(--gray261);
}
.ui-pnotify.hv-pnotify.meeting-notification .ui-pnotify-text {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: var(--gray261);
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  flex: 1;
}
.ui-pnotify.hv-pnotify.meeting-notification .ui-pnotify-text b {
  font-weight: 600;
}
.ui-pnotify.hv-pnotify.meeting-notification .ui-pnotify-text br {
  display: none;
}
.ui-pnotify.hv-pnotify.meeting-notification .ui-pnotify-action-button {
  margin: 0;
}
.ui-pnotify.hv-pnotify.meeting-notification .ui-pnotify-action-button.primary {
  background-color: transparent !important;
  border: 1px solid var(--inputBorderPrimary);
  color: var(--gray261);
}
.ui-pnotify.hv-pnotify.meeting-notification .ui-pnotify-action-button.primary:hover {
  color: var(--gray2) !important;
}
.ui-pnotify.hv-pnotify.meeting-notification .ui-pnotify-action-button.btn-default:not(.primary):hover {
  color: var(--gray3) !important;
}
.ui-pnotify.hv-pnotify.meeting-notification .ui-pnotify-closer {
  order: 2;
  margin: 0;
  color: var(--gray261);
  font-size: 20px;
}
.ui-pnotify.hv-pnotify.requestUpdate {
  width: 320px;
  height: 50px;
}
.ui-pnotify.hv-pnotify.requestUpdate .ui-pnotify-container {
  background-color: var(--backgroundPrimary);
  display: flex;
  align-items: center;
  border-left: 4px solid var(--primary-blue);
  gap: 16px;
  padding: 20px 8px 14px 16px;
}
.ui-pnotify.hv-pnotify.requestUpdate .ui-pnotify-container:after {
  display: none;
}
.ui-pnotify.hv-pnotify.requestUpdate .ui-pnotify-container .ui-pnotify-action-button {
  width: 160px;
  padding: 2px 8px;
}
.ui-pnotify.hv-pnotify.requestUpdate .ui-pnotify-container .ui-pnotify-title {
  font-weight: normal;
}
.ui-pnotify.hv-pnotify.requestUpdate .ui-pnotify-action-bar {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}
.ui-pnotify.hv-pnotify.requestUpdate .ui-pnotify-icon {
  color: var(--gray261);
  margin-top: 2px;
}
.ui-pnotify.hv-pnotify.requestUpdate .ui-pnotify-title {
  color: var(--gray261);
}
.ui-pnotify.hv-pnotify.requestUpdate .ui-pnotify-text {
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: var(--gray261);
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  flex: 1;
}
.ui-pnotify.hv-pnotify.requestUpdate .ui-pnotify-text b {
  font-weight: 400;
}
.ui-pnotify.hv-pnotify.requestUpdate .ui-pnotify-text br {
  display: none;
}
.ui-pnotify.hv-pnotify.requestUpdate .ui-pnotify-action-button {
  margin: 0;
  float: right;
}
.ui-pnotify.hv-pnotify.requestUpdate .ui-pnotify-action-button.primary {
  background-color: transparent;
  border: 1px solid var(--inputBorderPrimary);
  color: var(--gray261);
}
.ui-pnotify.hv-pnotify.requestUpdate .ui-pnotify-action-button.primary:hover {
  color: var(--gray2);
}
.ui-pnotify.hv-pnotify.requestUpdate .ui-pnotify-action-button.btn-default:not(.primary):hover {
  color: var(--gray3);
}
.ui-pnotify.hv-pnotify.requestUpdate .ui-pnotify-closer {
  order: 2;
  padding-left: 100px;
  color: var(--gray261);
  font-size: 20px;
}
.ui-pnotify.hv-pnotify.hv-addon-notification {
  max-width: 800px;
  left: calc(50% - 400px);
}
@media (max-width: 800px) {
  .ui-pnotify.hv-pnotify.hv-addon-notification {
    max-width: 100%;
    left: initial;
    margin: 0 8px;
  }
}
.ui-pnotify.hv-pnotify.hv-addon-notification .ui-pnotify-container {
  display: grid;
  grid-template-columns: min-content auto 24px;
  grid-template-areas: "icon title close" "icon text .";
  box-shadow: 0 0 12px var(--color9);
  background-color: var(--backgroundPrimary);
  padding: 24px;
  border-radius: 8px;
}
@media (max-width: 500px) {
  .ui-pnotify.hv-pnotify.hv-addon-notification .ui-pnotify-container {
    grid-template-columns: 1fr 24px;
    grid-template-areas: ". close" "icon ." "title title" "text text";
  }
}
.ui-pnotify.hv-pnotify.hv-addon-notification .ui-pnotify-icon {
  grid-area: icon;
  padding-right: 16px;
}
@media (max-width: 500px) {
  .ui-pnotify.hv-pnotify.hv-addon-notification .ui-pnotify-icon {
    justify-self: center;
    padding-right: 0;
    padding-bottom: 16px;
  }
}
.ui-pnotify.hv-pnotify.hv-addon-notification .ui-pnotify-icon .try-addon-icon,
.ui-pnotify.hv-pnotify.hv-addon-notification .ui-pnotify-icon .addon-trial-expired-icon {
  display: block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--color84) center no-repeat;
}
.ui-pnotify.hv-pnotify.hv-addon-notification .ui-pnotify-icon .try-addon-icon {
  background-image: url('https://hv-static-content.s3.amazonaws.com/try-addon.svg');
}
.ui-pnotify.hv-pnotify.hv-addon-notification .ui-pnotify-icon .addon-trial-expired-icon {
  background-image: url('https://hv-static-content.s3.amazonaws.com/info.svg');
}
.ui-pnotify.hv-pnotify.hv-addon-notification .ui-pnotify-title {
  grid-area: title;
  margin-right: 16px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3333;
  margin-bottom: 8px;
  color: var(--gray261);
}
.ui-pnotify.hv-pnotify.hv-addon-notification .ui-pnotify-title b {
  font-weight: 600;
}
.ui-pnotify.hv-pnotify.hv-addon-notification .ui-pnotify-text {
  grid-area: text;
  font-size: 16px;
  line-height: 1.5;
  color: var(--gray261);
}
.ui-pnotify.hv-pnotify.hv-addon-notification .ui-pnotify-text a {
  color: #2B74D9;
  font-weight: 600;
  text-decoration: underline !important;
}
.ui-pnotify.hv-pnotify.hv-addon-notification .ui-pnotify-closer {
  grid-area: close;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  align-self: start;
  color: var(--gray2);
  font-size: 20px;
  margin: 0;
  border-radius: 4px;
}
.ui-pnotify.hv-pnotify.hv-addon-notification .ui-pnotify-closer:hover {
  background-color: var(--gray106);
}
.ui-pnotify.hv-pnotify.download-file-notification {
  width: 300px !important;
}
.ui-pnotify.hv-pnotify.download-file-notification .ui-pnotify-title {
  color: var(--gray232);
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
}
.ui-pnotify.hv-pnotify.download-file-notification .ui-pnotify-text {
  color: var(--gray232);
  margin-bottom: 8px;
}
.ui-pnotify.hv-pnotify.download-file-notification .ui-pnotify-container {
  background-color: var(--white);
}
.ui-pnotify.hv-pnotify.download-file-notification .ui-pnotify-action-button {
  margin: 0 8px 0 0;
  color: var(--staticWhite) !important;
}
.ui-pnotify.hv-pnotify.download-file-notification .progress-bar-wrapper {
  height: 6px;
  border-radius: 6px;
  background-color: var(--gray4);
  margin: 8px 0 12px 0;
  display: flex;
}
.ui-pnotify.hv-pnotify.download-file-notification .progress-bar {
  border-radius: 6px;
  transition: width 200ms ease;
  display: block;
  background: var(--blue137);
}
.ui-pnotify.hv-pnotify.download-file-notification .ui-pnotify-closer {
  margin-left: 10px;
  color: var(--gray232);
}
.ui-pnotify.hv-pnotify.mail-notification {
  top: 89vh;
  right: 52px;
}
.ui-pnotify.hv-pnotify.mail-notification.add-title-padding .ui-pnotify-title {
  padding-right: 11px;
}
.ui-pnotify.hv-pnotify.action-reminder-notification .ui-pnotify-container {
  background-color: var(--white);
  max-width: 600px;
  display: flex;
  align-items: center;
}
.ui-pnotify.hv-pnotify.action-reminder-notification .ui-pnotify-title {
  color: var(--gray232);
  font-size: 15px;
  font-weight: 600;
  margin: 0 5px 0 0;
  align-self: flex-start;
}
.ui-pnotify.hv-pnotify.action-reminder-notification .ui-pnotify-text {
  align-self: flex-start;
  display: block;
  font-size: 15px;
  font-weight: normal;
  color: var(--gray232);
}
.ui-pnotify.hv-pnotify.action-reminder-notification .ui-pnotify-action-bar {
  margin-top: 0 !important;
}
.ui-pnotify.hv-pnotify.action-reminder-notification .ui-pnotify-action-bar .ui-pnotify-action-button {
  padding: 3px 8px;
}
.ui-pnotify.hv-pnotify.action-reminder-notification .ui-pnotify-closer {
  color: var(--gray232);
  order: 1;
}
.ui-pnotify.hv-pnotify.action-reminder-notification .ui-pnotify-icon {
  align-self: flex-start;
  float: none;
  min-width: 14px;
  height: 15px;
  margin-right: 5px;
  margin-top: 2px;
}
.ui-pnotify.hv-pnotify.action-reminder-notification .ui-pnotify-icon .bell {
  float: none;
  width: 100%;
  height: 100%;
  background-image: url('https://hv-static-content.s3.amazonaws.com/bell.svg');
  background-repeat: no-repeat;
  background-size: contain;
}
.ui-pnotify.hv-new.top-right {
  top: 64px !important;
  right: 16px !important;
}
.ui-pnotify.hv-pnotify.bottom-center {
  left: 0 !important;
  top: unset !important;
  right: 0 !important;
  bottom: 16px !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: auto;
}
.ui-pnotify.hv-pnotify.closer-right .ui-pnotify-container {
  display: flex;
}
.ui-pnotify.hv-pnotify.closer-right .ui-pnotify-container .ui-pnotify-closer {
  order: 1;
  float: none;
  margin-left: 8px;
}
/* PNotify modules included in this custom build file:
animate
buttons
callbacks
confirm
desktop
history
mobile
nonblock
*/
/*
Author  : Hunter Perrin
Version : 3.0.0
Link    : http://sciactive.com/pnotify/
*/
/* -- Notice */
.ui-pnotify {
  top: 36px;
  right: 36px;
  position: absolute;
  height: auto;
  z-index: 2;
}
body > .ui-pnotify {
  /* Notices in the body context should be fixed to the viewport. */
  position: fixed;
  /* Ensures notices are above everything */
  z-index: 100040;
}
.ui-pnotify-modal-overlay {
  background-color: var(--color20);
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
}
body > .ui-pnotify-modal-overlay {
  position: fixed;
  z-index: 100039;
}
.ui-pnotify.ui-pnotify-in {
  display: block !important;
}
.ui-pnotify.ui-pnotify-move {
  transition: left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease;
}
.ui-pnotify.ui-pnotify-fade-slow {
  transition: opacity 0.6s linear;
  opacity: 0;
}
.ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move {
  transition: opacity 0.6s linear, left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease;
}
.ui-pnotify.ui-pnotify-fade-normal {
  transition: opacity 0.4s linear;
  opacity: 0;
}
.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move {
  transition: opacity 0.4s linear, left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease;
}
.ui-pnotify.ui-pnotify-fade-fast {
  transition: opacity 0.2s linear;
  opacity: 0;
}
.ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move {
  transition: opacity 0.2s linear, left 0.5s ease, top 0.5s ease, right 0.5s ease, bottom 0.5s ease;
}
.ui-pnotify.ui-pnotify-fade-in {
  opacity: 1;
}
.ui-pnotify .ui-pnotify-shadow {
  -webkit-box-shadow: 0px 6px 28px 0px var(--boxShadow);
  -moz-box-shadow: 0px 6px 28px 0px var(--boxShadow);
  box-shadow: 0px 6px 28px 0px var(--boxShadow);
}
.ui-pnotify-container {
  background-position: 0 0;
  padding: 0.8em;
  height: 100%;
  margin: 0;
}
.ui-pnotify-container:after {
  content: " ";
  /* Older browser do not support empty content */
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.ui-pnotify-container.ui-pnotify-sharp {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.ui-pnotify-title {
  display: block;
  margin-bottom: 0.4em;
  margin-top: 0;
}
.ui-pnotify-text {
  display: block;
}
.ui-pnotify-icon,
.ui-pnotify-icon span {
  display: block;
  float: left;
  margin-right: 0.2em;
}
.yellow-alert .ui-pnotify-icon,
.yellow-alert .ui-pnotify-icon span {
  margin-top: 2px;
  color: var(--yellowBrown90);
}
.green-alert .ui-pnotify-icon,
.green-alert .ui-pnotify-icon span {
  color: var(--checked-green);
}
.green-alert .ui-pnotify-icon,
.primary-blue-alert .ui-pnotify-icon span {
  color: var(--primary-blue);
}
.red-alert .ui-pnotify-icon,
.red-alert .ui-pnotify-icon span {
  color: var(--color-negative);
}
/* Alternate stack initial positioning. */
.ui-pnotify.stack-topleft,
.ui-pnotify.stack-bottomleft {
  left: 25px;
  right: auto;
}
.ui-pnotify.stack-bottomright,
.ui-pnotify.stack-bottomleft {
  bottom: 25px;
  top: auto !important;
}
.ui-pnotify.stack-modal {
  left: 50%;
  right: auto;
  margin-left: -150px;
}
.ui-pnotify-closer,
.ui-pnotify-sticker {
  float: right;
  margin-left: 8px;
  margin-right: 0.4em;
  margin-top: 0.2em;
  visibility: visible !important;
}
/* -- Pulldown */
.ui-pnotify-history-container {
  position: absolute;
  top: 0;
  right: 18px;
  width: 70px;
  border-top: none;
  padding: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  border-top-right-radius: 0;
  /* Ensures history container is above notices. */
  z-index: 10000;
}
.ui-pnotify-history-container.ui-pnotify-history-fixed {
  position: fixed;
}
.ui-pnotify-history-container .ui-pnotify-history-header {
  padding: 2px;
  text-align: center;
}
.ui-pnotify-history-container button {
  cursor: pointer;
  display: block;
  width: 100%;
}
.ui-pnotify-history-container .ui-pnotify-history-pulldown {
  display: block;
  margin: 0 auto;
}
.ui-pnotify-container {
  position: relative;
  left: 0;
}
@media (max-width: 480px) {
  /* -- Notice */
  .ui-pnotify-mobile-able.ui-pnotify {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: auto !important;
    font-size: 1.2em;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    font-smoothing: antialiased;
  }
  .ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom-width: 5px;
  }
  .ui-pnotify-mobile-able .ui-pnotify-container {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  /* Alternate stack initial positioning. */
  .ui-pnotify-mobile-able.ui-pnotify.stack-topleft,
  .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft {
    left: 0;
    right: 0;
  }
  .ui-pnotify-mobile-able.ui-pnotify.stack-bottomright,
  .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft {
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
  }
  .ui-pnotify-mobile-able.ui-pnotify.stack-bottomright .ui-pnotify-shadow,
  .ui-pnotify-mobile-able.ui-pnotify.stack-bottomleft .ui-pnotify-shadow {
    border-top-width: 5px;
    border-bottom-width: 1px;
  }
}
.ui-pnotify.ui-pnotify-nonblock-fade {
  /*transition: opacity .3s ease;*/
  opacity: 0.2;
}
.ui-pnotify.ui-pnotify-nonblock-hide {
  display: none !important;
}
.ui-pnotify.ui-pnotify-center-mobile {
  left: 15% !important;
  right: 15% !important;
  margin: auto !important;
}
.ui-pnotify.hv:not(.white) .ui-pnotify-container {
  background-color: var(--pnotifyBackground) !important;
  background-image: none !important;
  border: none !important;
  border-radius: 6px;
}
.ui-pnotify.hv:not(.white) .ui-pnotify-title,
.ui-pnotify.hv .ui-pnotify-text {
  text-shadow: 2px 2px 3px var(--staticBlack) !important;
  font-size: 10pt !important;
  color: var(--staticWhite) !important;
  line-height: 1 !important;
  text-rendering: geometricPrecision !important;
}
.ui-pnotify.hv:not(.white) .ui-pnotify-title {
  font-weight: bold;
}
.ui-pnotify.hv .ui-pnotify-icon {
  float: left;
}
.ui-pnotify.hv .picon {
  margin: 3px;
  width: 33px;
  height: 33px;
}
.hv-success.ui-pnotify.hv {
  font-weight: bold;
}
.hv-success.ui-pnotify.hv .alert-warning {
  color: var(--staticWhite);
  background-color: var(--green106) !important;
}
.hv-success.ui-pnotify.hv .ui-pnotify-title {
  padding-top: 5px;
  text-shadow: none !important;
}
.ui-pnotify-container {
  height: inherit;
}
.ui-pnotify.stack-bar-bottom {
  top: auto;
}
@media (min-width: 900px) {
  .ui-pnotify.stack-bar-bottom {
    width: 400px !important;
  }
}
.ui-pnotify.hv-invite-banner.stack-bar-bottom {
  right: auto;
  bottom: 0;
  top: auto;
  width: 100% !important;
  display: block;
  align-items: stretch;
}
.ui-pnotify.hv-invite-banner.stack-bar-bottom .ui-pnotify-container {
  display: inline-block;
}
.ui-pnotify.hv-invite-banner.stack-bar-bottom .error {
  color: var(--color-negative);
}
.ui-pnotify.hv-invite-banner.stack-bar-bottom .ui-pnotify-text {
  display: inline-block;
  vertical-align: middle;
  width: 30%;
  margin-left: 5%;
}
.ui-pnotify.hv-invite-banner.stack-bar-bottom .ui-pnotify-action-bar {
  display: inline-block;
  width: 60%;
  text-align: center;
}
.ui-pnotify.hv-invite-banner.stack-bar-bottom .ui-pnotify-action-bar .hv-input,
.ui-pnotify.hv-invite-banner.stack-bar-bottom .ui-pnotify-action-bar .btn.btn-primary {
  display: inline-block;
  vertical-align: middle;
}
.ui-pnotify.hv-invite-banner.stack-bar-bottom .ui-pnotify-action-bar .hv-input {
  width: 63%;
  margin-right: 5%;
}
.ui-pnotify.hv-invite-banner.stack-bar-bottom .ui-pnotify-action-bar .btn.btn-primary {
  color: var(--staticWhite) !important;
  margin-top: -5px;
}
.hv-invite-banner .ui-pnotify-container {
  padding: 0;
}
.hv-toast.ui-pnotify {
  width: 385px !important;
}
.hv-toast .ui-pnotify-text {
  color: var(--staticWhite);
  padding: 6px;
  font-size: 15px;
  font-weight: 600;
}
.hv-toast .ui-pnotify-closer {
  padding: 4px 0px;
}
.hv-toast .ui-pnotify-closer .fa {
  color: var(--staticWhite);
  font-weight: 300;
}
.hv-toast .ui-pnotify-container {
  background: var(--gray232);
  border-radius: 4px;
  border: none;
}
@media (max-width: 901px) {
  .ui-pnotify.hv-invite-banner.stack-bar-bottom {
    display: none !important;
  }
}
@media (min-width: 901px) and (max-width: 1275px) {
  .ui-pnotify.hv-invite-banner.stack-bar-bottom .ui-pnotify-text {
    display: block;
    width: 100%;
  }
  .ui-pnotify.hv-invite-banner.stack-bar-bottom .ui-pnotify-action-bar {
    display: block;
    width: 100%;
    text-align: center !important;
  }
}
@media (min-width: 2000px) {
  .ui-pnotify.hv-invite-banner .hv-input {
    width: 63%;
    margin-right: 5%;
  }
}
.hv-new.custom-pnotify-container .ui-pnotify-container {
  flex-wrap: wrap;
}
.hv-new.custom-pnotify-container .ui-pnotify-container .ui-pnotify-closer {
  position: absolute !important;
  top: 8px;
  left: calc(100% - 25px) !important;
}
.hv-new.custom-pnotify-container .ui-pnotify-container .ui-pnotify-title {
  font-weight: bold;
  position: initial !important;
  width: 100%;
  margin-right: 25px;
}
.hv-new.custom-pnotify-container .ui-pnotify-container .ui-pnotify-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 4;
  width: 100%;
}
.hv-new.custom-pnotify-container .ui-pnotify-container .ui-pnotify-text div:first-child {
  width: 100%;
}
.hive-pnotify {
  /* Ignores provided width */
  /* Possible positioning */
}
.hive-pnotify .ui-pnotify-container {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border: none;
  border-radius: 4px;
  color: var(--text100);
  background-color: var(--surface100);
  font-family: 'proxima-nova', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
}
.hive-pnotify .ui-pnotify-sticker {
  display: none;
}
.hive-pnotify .ui-pnotify-title {
  order: 1;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 0;
}
.hive-pnotify .ui-pnotify-action-bar {
  order: 2;
  /* Need to override inline 3rd-party styles */
  margin-top: 0 !important;
}
.hive-pnotify .ui-pnotify-action-bar .ui-pnotify-action-button {
  width: auto;
  height: 28px;
  padding: 2px 8px;
  border: none;
  border-radius: 4px;
  background-color: #2B74D9;
  color: var(--staticWhite);
}
.hive-pnotify .ui-pnotify-action-bar .ui-pnotify-action-button:hover {
  color: var(--staticWhite) !important;
}
.hive-pnotify .ui-pnotify-closer {
  order: 3;
}
.hive-pnotify .ui-pnotify-closer .fa.fa-times {
  font-weight: 100;
}
.hive-pnotify.fit-content {
  min-width: fit-content;
  max-width: fit-content;
}
.hive-pnotify.top-right {
  top: 64px !important;
  right: 16px !important;
  bottom: unset !important;
  left: unset !important;
}
.hive-pnotify.bottom-right {
  top: unset !important;
  right: 16px !important;
  bottom: 64px !important;
  left: unset !important;
}
.hive-pnotify.top-left {
  top: 64px !important;
  right: unset !important;
  bottom: unset !important;
  left: 16px !important;
}
.hive-pnotify.bottom-left {
  top: unset !important;
  right: unset !important;
  bottom: 64px !important;
  left: 16px !important;
}
.hive-pnotify.top-center {
  top: 16px !important;
  right: 0 !important;
  bottom: unset !important;
  left: 0 !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: auto;
}
.hive-pnotify.bottom-center {
  top: unset !important;
  right: 0 !important;
  bottom: 16px !important;
  left: 0 !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: auto;
}
.hv-notification-with-button {
  top: calc(100% - 100px);
  right: 17px;
}
.hv-notification-with-button .ui-pnotify-container {
  background-color: var(--gray232);
  color: var(--white);
  border-radius: 4px;
  line-height: 20px;
  font-size: 14px;
  text-align: left;
  display: flex;
  align-items: center;
}
.hv-notification-with-button .ui-pnotify-container.alert-warning {
  border-color: transparent;
}
.hv-notification-with-button .ui-pnotify-container .ui-pnotify-title {
  font-weight: 600;
  font-size: 15px;
  padding-top: 0;
  display: flex;
  position: relative;
  right: 20px;
  margin-bottom: 0;
  line-height: 1;
}
.hv-notification-with-button .ui-pnotify-container .ui-pnotify-action-bar {
  padding-left: 10px;
  position: relative;
  right: 20px;
  margin-top: 0px !important;
}
.hv-notification-with-button .ui-pnotify-container .ui-pnotify-closer {
  position: relative;
  left: calc(100% - 20px);
  margin: 0 0 0 11px;
}
.hv-notification-with-button .ui-pnotify-container .ui-pnotify-sticker {
  display: none;
}
.hv-notification-with-button .ui-pnotify-container .ui-pnotify-action-button {
  font-weight: 500;
  width: 64px;
  display: flex;
  background-color: var(--blue136);
  color: var(--white);
  font-size: 14px;
  border-radius: 4px;
  border: none;
  padding: 0 25%;
}
.hv-notification-with-button .ui-pnotify-container .ui-pnotify-action-button:hover {
  color: var(--white) !important;
}
.hv-new.no-links .ui-pnotify-container .ui-pnotify-text a {
  color: var(--white);
  pointer-events: none;
  word-wrap: break-word;
  width: 100%;
}
.hv-new .ui-pnotify-text .emoji-mart-emoji {
  width: 20px;
  height: 20px;
  vertical-align: bottom;
}
:root {
  --at-mention-height: 200px;
}
.atwho-container.light .atwho-view,
.atwho-container:not(.dark) .atwho-view {
  background: var(--dropdownBackgroundPrimary);
  color: var(--typographyPrimary);
  box-shadow: 0px 2px 8px var(--color9);
  border-color: var(--borderPrimary);
}
.atwho-container.light .atwho-view ul,
.atwho-container:not(.dark) .atwho-view ul {
  scrollbar-color: var(--gray4) transparent;
}
.atwho-container.light .atwho-view ul:hover::-webkit-scrollbar-thumb,
.atwho-container:not(.dark) .atwho-view ul:hover::-webkit-scrollbar-thumb {
  background: var(--gray4);
}
.atwho-container.light .atwho-view ul li,
.atwho-container:not(.dark) .atwho-view ul li {
  border-color: var(--borderPrimary);
}
.atwho-container.dark .atwho-view {
  background: var(--dropdownBackgroundPrimary);
  color: var(--typographyPrimary);
  box-shadow: 0px 2px 12px var(--color13);
  border-color: var(--borderPrimary);
}
.atwho-container.dark .atwho-view ul {
  scrollbar-color: var(--gray222);
}
.atwho-container.dark .atwho-view ul:hover::-webkit-scrollbar-thumb {
  background: var(--gray222);
}
.atwho-container.dark .atwho-view ul li {
  border-color: var(--borderPrimary);
}
.atwho-view {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  margin-top: 18px;
  border: 1px solid;
  border-radius: 3px;
  min-width: 120px;
  z-index: 11110 !important;
}
.atwho-view .atwho-header {
  padding: 5px;
  margin: 5px;
  cursor: pointer;
  border-bottom: solid 1px var(--whiteGray20);
  color: var(--grayBlue129);
  font-size: 11px;
  font-weight: bold;
}
.atwho-view .atwho-header .small {
  color: var(--grayBlue129);
  float: right;
  padding-top: 2px;
  margin-right: -5px;
  font-size: 12px;
  font-weight: normal;
}
.atwho-view .atwho-header:hover {
  cursor: default;
}
.atwho-view .cur {
  background: var(--blue119);
  color: var(--staticWhite);
}
.atwho-view .cur small {
  color: var(--staticWhite);
}
.atwho-view strong {
  color: var(--blue119);
}
.atwho-view .cur strong {
  color: var(--staticWhite);
  font-weight: bold;
}
.atwho-view ul {
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: auto;
  max-height: var(--at-mention-height);
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}
.atwho-view ul::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background: transparent;
}
.atwho-view ul::-webkit-scrollbar-thumb {
  background: transparent;
  -webkit-border-radius: 7px;
}
.atwho-view ul::-webkit-scrollbar-corner {
  background: transparent;
}
.atwho-view ul::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: transparent;
}
.atwho-view ul li {
  /*display: block;*/
  padding: 5px 10px;
  border-bottom: 1px solid;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-shrink: 0;
  /* border-top: 1px solid @whiteGray179; */
}
.atwho-view small {
  font-size: smaller;
  color: var(--color-minor);
  font-weight: normal;
}
.category-picker .category-list-item {
  display: flex !important;
}
.category-picker .category-list-item .category-name {
  width: 100%;
}
.category-picker .category-list-item .fa,
.category-picker .category-list-item .far,
.category-picker .category-list-item .fas,
.category-picker .category-list-item .fal {
  float: none !important;
  align-self: flex-end;
}
.category-picker .category-list-item .edit-category {
  visibility: hidden;
}
.category-picker .category-list-item:hover .edit-category {
  visibility: visible;
  color: var(--black);
}
.category-picker .add-category {
  cursor: pointer;
  height: 24px;
  padding: 3px 20px;
  color: var(--blue141);
}
.category-picker .add-category:hover {
  color: var(--blue141) !important;
}
.icon-box,
.preview-box {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  content: '';
}
.icon-box:not(.popup, .note, .drive),
.preview-box:not(.popup, .note, .drive) {
  background-color: var(--dark-sky-blue);
}
@media (max-width: 899px) {
  .icon-box,
  .preview-box {
    width: 30px;
    height: 30px;
  }
}
.icon-box .file-ext,
.preview-box .file-ext {
  font-size: 8px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  text-align: center;
  color: var(--white);
  align-self: center;
  width: 100%;
}
.icon-box.empty,
.preview-box.empty {
  border: none;
  background-color: inherit;
}
.icon-box.empty .hv-img-thumbnail,
.preview-box.empty .hv-img-thumbnail {
  height: 24px;
  width: 24px;
  margin: 0px;
}
.list-group-item.file-item .file-details-row {
  margin-top: 7px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 8px;
}
.list-group-item.file-item .file-details-row .file-details {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 8px;
}
html {
  overscroll-behavior: none;
}
#mobile-container {
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
}
.component-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.outerPadding {
  padding: 8px;
}
.custom-field-input-wrapper {
  display: flex;
  width: 98%;
  justify-content: space-between;
}
.edit-cf-selections .input-option-wrapper {
  width: 100%;
}
.custom-field-input {
  min-height: 32px;
  width: 100%;
  padding: 5px 10px;
  border: 1px solid var(--inputBorderPrimary);
  cursor: text;
  background: var(--newWhiteGrayBackground);
  outline-style: none;
  line-height: 20px;
}
.custom-field-input.label {
  width: 100%;
  max-height: 73px;
  overflow: hidden;
  overflow-y: auto;
}
.custom-field-input.label:empty {
  display: block;
}
.custom-field-input.value {
  padding-left: 15px;
}
.custom-field-input:focus {
  border-color: var(--blue141);
}
.custom-field-input.error {
  border-color: var(--red69);
}
.custom-field-input [contenteditable=true]:empty:before {
  content: attr(placeholder);
  display: block;
}
.custom-field-input-wrapper .custom-field-options {
  width: 49%;
}
.custom-field-input-wrapper .custom-field-options .add-option {
  line-height: 33px;
}
.custom-field-input-wrapper .custom-field-options .input-option-wrapper {
  border: solid 1px var(--inputBorderPrimary);
}
.custom-field-input-wrapper .custom-field-options .input-option-wrapper .option-input {
  padding: 6px 10px;
}
.custom-field-input-wrapper .custom-field-options .input-option-wrapper .option-input:focus {
  border-color: var(--blue141);
}
.custom-field-input-wrapper .hive-select {
  width: 120px;
}
.project-custom-field .hive-select {
  width: 43%;
}
.project-custom-field .hive-select .hive-select-container {
  font-weight: normal;
  border-color: var(--inputBorderPrimary);
  padding: 5px 10px;
}
.project-custom-field .hive-select .hive-select-container .select-icon {
  line-height: 22px;
}
.project-custom-field .hive-select .hive-select-dropdown .hive-select-dropdown-body .hive-select-dropdown-item {
  padding: 5px 10px;
}
.project-custom-field .hive-select .hive-select-dropdown .hive-select-dropdown-body .hive-select-dropdown-item span {
  width: 100%;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-field-control-container .hive-select {
  width: 150px;
}
.custom-field-control-container .hive-select .hive-select-container {
  border-color: var(--inputBorderPrimary);
  padding: 5px 10px;
}
.custom-field-control-container .hive-select .hive-select-container .hive-select-text {
  font-weight: normal;
}
.custom-field-control-container .hive-select .hive-select-dropdown .hive-select-dropdown-item label {
  margin: 0;
  max-width: 100%;
}
.custom-field-control-container label {
  font-weight: normal;
  max-width: 140px;
}
#mobile-list-view {
  height: 100%;
}
.my-approvals-wrapper:not(:empty),
.my-team-actions-wrapper:not(:empty) {
  position: relative;
  display: flex;
  flex-direction: column;
}
.my-approvals-wrapper.my-approvals-kanban:not(:empty) {
  margin-right: 40px;
  max-height: 30%;
  margin-top: 24px;
}
#action-list-view-wrapper .my-approvals-wrapper {
  margin-right: 0;
}
.my-actions-react-wrapper {
  height: 100%;
}
.welcome-placeholder-wrapper {
  height: 100%;
  padding-bottom: 32px;
}
.list-view-action-new-form-input {
  background: var(--backgroundPrimary);
}
.list-view-action-new-form-input #new-action {
  background: var(--backgroundPrimary);
  margin: 16px 32px;
}
.teams-config-root {
  position: absolute;
  height: 100%;
  width: 100%;
}
.teams-config-root .teams-config-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
}
.teams-config-root .teams-config-container .teams-config-create-project {
  padding: 0 15px;
}
.teams-getting-started {
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: absolute;
  width: 100%;
}
.teams-getting-started .value-prop-image {
  height: 150px;
}
.teams-getting-started .value-prop-text {
  font-size: 16px;
  margin: 15px;
}
.teams-getting-started .value-prop-text a {
  color: var(--purple131);
}
.teams-getting-started .get-started-button {
  background-color: var(--purple131);
  color: var(--white);
}
#action-history-panel {
  overflow: auto;
  padding-right: 10px;
  background-color: var(--backgroundPrimary);
  width: 100%;
}
#action-history-panel .action-history-panel-header {
  margin-bottom: 10px;
  position: fixed;
  padding-top: 10px;
  padding-left: 10px;
  z-index: 99;
  background: var(--backgroundPrimary);
  height: 40px;
  border-bottom: 1px solid var(--borderPrimary);
}
#action-history-panel .action-history-panel-header > span {
  user-select: none;
}
#action-history-panel .action-history-panel-header .icon-button {
  margin-bottom: 10px;
  left: 5px;
  top: 6px;
  color: var(--gray224);
}
#action-history-panel .action-card {
  margin-bottom: 10px;
}
#action-history-panel .action-history-loading {
  width: 25px;
  font-size: 26px;
  color: var(--gray201);
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  display: block;
}
#action-history-panel .action-history {
  margin-top: 45px;
  padding-left: 10px;
}
.margin-top-10 {
  margin-top: 10px;
}
.additional-user-details {
  text-align: center;
}
.additional-user-details .user-emails {
  margin-top: 10px;
}
.additional-user-details .user-status {
  margin-top: 10px;
}
.additional-user-details .user-status .user-status-emoji {
  display: inline-block;
  vertical-align: top;
}
.additional-user-details .user-status .user-status-emoji .emoji-mart-emoji {
  vertical-align: top;
}
.additional-user-details .user-status .user-status-text {
  display: inline-block;
  vertical-align: top;
  max-width: calc(100% - 30px);
  word-wrap: break-word;
  margin-left: 5px;
}
.additional-user-details .user-online-status {
  margin-top: 10px;
}
.additional-user-details .user-online-status .online-status-indicator {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}
.additional-user-details .user-online-status .online-status-indicator.user-online {
  background-color: var(--person-online-green);
}
.additional-user-details .user-online-status .online-status-indicator.user-away {
  background-color: var(--hive-orange);
}
.additional-user-details .user-online-status .online-status-indicator.user-offline {
  background-color: var(--color-tag);
}
.additional-user-details .user-online-status .online-status-text {
  vertical-align: middle;
  margin-left: 5px;
  font-weight: normal;
}
.AttachmentAnchor {
  display: flex;
  align-items: center;
  color: var(--gray226);
  margin-bottom: 5px;
}
.AttachmentAnchor .ToggleButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 16px;
  line-height: 1;
  border-radius: 50%;
  background-color: transparent;
  border: 1px dashed var(--gray214);
  color: var(--gray214);
  margin-left: 10px;
}
.AttachmentDropdown {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 5px 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  border-radius: 2px;
}
.AttachmentDropdown > li {
  position: relative;
  box-sizing: border-box;
  display: flex;
  padding: 3px 20px;
  white-space: nowrap;
  cursor: pointer;
  width: 100%;
  font-weight: normal;
  background-color: transparent;
  color: var(--gray224);
  transition: 0.4s ease all;
}
.AttachmentDropdown > li:hover {
  background-color: var(--whiteGray33);
}
.AttachmentDropdown > li input.upload {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: inherit;
  cursor: pointer;
}
.AttachmentList {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0 10px;
}
.basecamp-accounts-selector .basecamp-account-item label span {
  margin-left: 5px;
}
.basecamp-accounts-selector .basecamp-account-item label.disabled {
  cursor: not-allowed;
}
.basecamp-accounts-selector .basecamp-account-item label.disabled i {
  font-weight: 400;
}
.basecamp-accounts-selector .basecamp-account-item label.disabled span,
.basecamp-accounts-selector .basecamp-account-item label.disabled i {
  opacity: 0.7;
}
.DayPickerRangeController {
  min-height: 300px;
}
@media (min-width: 900px) {
  .DayPickerRangeController .DayPicker__horizontal,
  .DayPickerRangeController .DayPicker_transitionContainer {
    width: 490px !important;
    min-height: 300px;
  }
}
.DayPickerRangeController .CalendarDay__selected_start {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.DayPickerRangeController .CalendarDay__selected_end {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
@media (max-width: 900px) {
  .DayPickerRangeController .DayPicker_transitionContainer {
    width: auto !important;
  }
  .DayPickerRangeController .DayPicker_weekHeader_li {
    width: 39px !important;
  }
  .DayPickerRangeController .DayPicker_transitionContainer {
    max-width: 100%;
  }
  .DayPickerRangeController .CalendarDay_container {
    width: 39px !important;
  }
}
.DayPickerSingleDateController {
  min-height: 300px;
}
.DayPickerSingleDateController .DayPicker__horizontal,
.DayPickerSingleDateController .DayPicker_transitionContainer {
  width: 257px !important;
  min-height: 300px;
}
.DayPickerNavigation_button {
  background-color: var(--white);
  padding: 8px 10px;
}
.DayPickerNavigation_button:hover {
  background: var(--color-rare);
}
.CalendarMonth_caption,
.actionDatePicker .CalendarMonth_caption {
  font-size: 14px;
  padding-bottom: 42px;
}
.DayPicker_weekHeader_1:nth-child(2) {
  left: 235px !important;
}
.CalendarDay_container,
.actionDatePicker .CalendarDay_container {
  border-color: transparent;
  border-radius: 4px;
  display: inline-flex;
  width: 30px !important;
  height: 30px !important;
}
.CalendarDay_container:hover,
.actionDatePicker .CalendarDay_container:hover {
  background-color: var(--dropdownBackgroundPrimaryHover);
  border-color: var(--borderPrimary);
}
.CalendarDay__outside {
  color: var(--gray201);
}
.DayPicker_weekHeader_li {
  font-weight: bold;
  width: 30px !important;
  color: var(--gray224);
}
.DayPicker_transitionContainer {
  border-top: solid 1px var(--whiteGray52);
  min-height: 300px;
  width: 300px !important;
}
.DayPickerNavigation_button__default {
  border: 0;
}
.DayPickerNavigation_container__vertical {
  box-shadow: none;
}
.CalendarDay__highlighted_calendar,
.CalendarDay__highlighted_calendar:hover {
  background-color: var(--color-rare);
}
.CalendarDay__selected,
.CalendarDay__selected:hover {
  color: var(--white);
  background-color: var(--blue135);
  border-color: var(--blue135);
}
.CalendarDay__selected_span,
.CalendarDay__hovered_span,
.CalendarDay__selected_span:hover,
.CalendarDay__hovered_span:hover {
  color: var(--gray224);
  background-color: var(--whiteBlue4);
  border-color: var(--whiteBlue4);
  border-radius: 0px;
}
.CalendarDay__blocked_calendar {
  background: var(--white);
  color: var(--gray206);
}
.CalendarDay__blocked_calendar:hover {
  background-color: var(--dropdownBackgroundPrimaryHover);
}
.CalendarDay__blocked_calendar.CalendarDay__today {
  background-color: var(--dropdownBackgroundPrimaryHover);
}
.CalendarDay__blocked_calendar.CalendarDay__today:hover {
  background-color: var(--dropdownBackgroundPrimaryHover);
}
.CalendarDay__blocked_calendar.CalendarDay__selected {
  color: var(--white);
  background-color: var(--blue134);
  border-color: var(--blue134);
}
.CalendarDay__blocked_calendar.CalendarDay__selected:hover {
  color: var(--white);
  background-color: var(--blue134);
  border-color: var(--blue134);
}
.CalendarDay__blocked_calendar.CalendarDay__selected.CalendarDay__selected_start {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.CalendarDay__blocked_calendar.CalendarDay__selected_span:not(.CalendarDay__selected) {
  color: var(--gray224);
  background-color: var(--whiteBlue4);
  border-color: var(--whiteBlue4);
}
.CalendarDay__blocked_calendar.CalendarDay__selected_span:not(.CalendarDay__selected):hover {
  background-color: var(--whiteBlue4);
}
.contextmenu {
  box-shadow: 0px 4px 10px var(--color11);
  background-color: var(--dropdownBackgroundPrimary);
  padding: 4px 0;
  border-radius: 4px;
}
.DependencyDropdown {
  display: flex;
  flex-direction: column;
}
.DependencyDropdown .SearchInput {
  margin: 5px 0;
  height: 30px;
  border-radius: 2px;
  border: solid 1px var(--whiteGray52);
  padding: 0 10px;
}
.DependencyDropdown .ActionsList {
  list-style: none;
  padding: 0;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid var(--white169);
  box-sizing: border-box;
  margin: 0 0 10px;
}
.DependencyDropdown .ActionsList .ActionItem {
  display: flex;
  align-items: center;
  padding: 10px;
  background-color: transparent;
}
.DependencyDropdown .ActionsList .ActionItem.NotFound {
  justify-content: center;
}
.DependencyDropdown .ActionsList .ActionItem:not(.NotFound) {
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  transition: background-color 300ms;
}
.DependencyDropdown .ActionsList .ActionItem:not(.NotFound):hover {
  background-color: var(--whiteGray24);
}
.dropdownMenuWrapper {
  position: relative;
  z-index: 1;
}
.dropdownMenu {
  position: absolute;
  top: auto;
  left: 0;
  overflow-y: auto;
}
.dropdownItem {
  display: flex;
  align-items: baseline;
  width: 100%;
  padding: 4px 14px;
  clear: both;
  font-weight: 400;
  color: var(--gray251);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}
.dropdownItem:hover {
  color: var(--gray254);
  text-decoration: none;
  background-color: var(--whiteGray40);
}
.checkmark {
  color: var(--hive-green);
}
.dropdownItemText {
  margin-right: 20px;
}
.dropdownHeader {
  display: flex;
  align-items: center;
  border-radius: 2px;
  border: solid 1px var(--whiteGray52);
  padding: 5px 10px;
  cursor: pointer;
}
.checkmark {
  margin-left: auto;
}
.caret {
  margin-left: 5px;
}
.scrollable-content {
  overflow-y: auto;
}
.scrollable-content::-webkit-scrollbar {
  width: 12px;
}
.scrollable-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: var(--scrollbarColor);
  border: 3px solid var(--scrollbarBackgroundColor);
}
.scrollable-content::-webkit-scrollbar-track {
  background-color: var(--transparent);
}
.email-actions-list {
  padding-bottom: 15px;
  margin-top: 5px;
}
.email-actions-list ul {
  padding-left: 30px;
}
.email-actions-list ol {
  padding-left: 15px;
}
#emoji-creator input[type="text"],
#emoji-creator input[type="url"],
#emoji-creator input[type="password"] {
  width: 100%;
  height: 30px;
  border: none;
  border-bottom: solid 0.5px var(--whiteGray21);
  font-size: 17px;
  font-weight: normal;
}
#emoji-creator .form-row {
  padding: 10px 0px;
}
#emoji-creator span.help-block {
  display: none;
}
#emoji-creator div.has-error span.help-block {
  display: inline-block;
  margin: 0;
}
#emoji-creator input:required {
  box-shadow: none;
}
#emoji-creator button {
  margin-left: 10px;
  height: 34px;
}
#emoji-creator label {
  margin-top: 10px;
}
#emoji-creator .emoji-preview {
  width: 30px;
}
#emoji-creator .emoji-preview img {
  width: inherit;
}
#giphy-selector {
  padding: 10px 15px;
  border-top: solid 1px var(--whiteGray14);
}
#giphy-selector .giphy-search-term {
  margin-bottom: 10px;
}
#giphy-selector .giphy-preview {
  border-left: solid var(--whiteGray14);
  padding-left: 10px;
  margin-left: 30px;
  width: 80%;
}
#giphy-selector .giphy-preview i {
  margin-left: 94px;
}
#giphy-selector .giphy-preview .giphy-image {
  display: block;
  max-width: 100%;
  max-height: 250px;
  width: auto;
  height: auto;
}
#giphy-selector .giphy-preview .giphy-logo {
  width: 150px;
  margin-top: 5px;
}
#giphy-selector button.btn {
  margin: 10px 5px 0 0px;
  border: 1px solid;
  background-color: var(--white);
}
#giphy-selector button.btn.btn-secondary:hover,
#giphy-selector button.btn.btn-default:hover {
  background-color: var(--whiteGray13);
}
.github-anchor-wrapper #GithubAnchor:hover,
.github-anchor-wrapper #GithubAnchor.active {
  color: var(--blue141);
}
.appended-to-body.github-dropdown {
  width: 550px;
  border-radius: 4px;
}
.appended-to-body.github-dropdown .github-dropdown-body {
  min-height: 250px;
  max-height: 350px;
  background-color: var(--backgroundPrimary);
  border: 1px solid var(--borderPrimary);
  border-radius: 4px;
  box-shadow: 0 2px 8px var(--boxShadowSecondary);
}
.appended-to-body.github-dropdown .btn-primary {
  border: none;
}
.appended-to-body.github-dropdown .tabs-bar {
  background-color: var(--navbar-background);
  border-bottom: none;
  display: flex;
  flex-direction: row;
}
.appended-to-body.github-dropdown .tabs-bar .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 1px solid var(--white162);
  border-bottom: none;
  margin-top: 0px;
  min-width: 55px;
  text-align: center;
  padding: 5px 10px;
  background-color: var(--newGrayToDarkGrayBorder);
  transition: background-color 0.2s ease;
  border-bottom: 1px solid var(--white162);
  max-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 1s ease;
}
.appended-to-body.github-dropdown .tabs-bar .tab .tab-name {
  max-width: calc(100% - 20px);
  overflow: hidden;
  white-space: nowrap;
}
.appended-to-body.github-dropdown .tabs-bar .tab .pull-request-status {
  min-width: 14px;
  height: 14px;
  width: 14px;
  font-size: 11px;
  font-weight: bold;
  border-radius: 999px;
  color: var(--white);
  text-align: center;
  margin-right: 5px;
  margin-top: 1px;
}
.appended-to-body.github-dropdown .tabs-bar .tab .pull-request-status.fa-times {
  background-color: var(--red75);
}
.appended-to-body.github-dropdown .tabs-bar .tab .pull-request-status.fa-times:before {
  position: relative;
  top: 1px;
}
.appended-to-body.github-dropdown .tabs-bar .tab .pull-request-status.fa-check {
  background-color: var(--hive-green);
}
.appended-to-body.github-dropdown .tabs-bar .tab .pull-request-status.fa-check:before {
  position: relative;
  top: 1px;
  font-size: 10px;
}
.appended-to-body.github-dropdown .tabs-bar .tab .pull-request-status.fa-pending {
  border: 5px solid var(--orange66);
  border-radius: 15px;
  backround-color: var(--white);
}
.appended-to-body.github-dropdown .tabs-bar .tab.selected {
  background-color: var(--backgroundPrimary);
  color: unset;
  border-bottom-color: transparent;
}
.appended-to-body.github-dropdown .tabs-bar .tab:hover {
  color: unset;
  background-color: var(--backgroundPrimary);
}
.appended-to-body.github-dropdown .github-row {
  margin-top: 15px;
}
.appended-to-body.github-dropdown .github-header {
  padding: 10px 15px 10px 15px;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--borderPrimary);
}
.appended-to-body.github-dropdown .github-header .options-list {
  display: flex;
}
.appended-to-body.github-dropdown .github-header .options-list .github-option {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  border-radius: 3px;
  cursor: pointer;
  font-weight: bold;
  flex: 1;
  user-select: none;
  color: var(--staticWhite);
}
.appended-to-body.github-dropdown .github-header .options-list .github-option:last-child {
  margin-right: 0;
}
.appended-to-body.github-dropdown .github-header .options-list .github-option.small {
  padding: 8px;
  flex: 0 0 auto;
  min-width: 30px;
}
.appended-to-body.github-dropdown .github-header .options-list .github-option.small .fa,
.appended-to-body.github-dropdown .github-header .options-list .github-option.small .far,
.appended-to-body.github-dropdown .github-header .options-list .github-option.small .fas,
.appended-to-body.github-dropdown .github-header .options-list .github-option.small .fal {
  margin: 0;
}
.appended-to-body.github-dropdown .github-header .options-list .github-option .fa,
.appended-to-body.github-dropdown .github-header .options-list .github-option .far,
.appended-to-body.github-dropdown .github-header .options-list .github-option .fas,
.appended-to-body.github-dropdown .github-header .options-list .github-option .fal {
  margin-right: 10px;
}
.appended-to-body.github-dropdown .github-header .options-list .github-option .fa,
.appended-to-body.github-dropdown .github-header .options-list .github-option .far,
.appended-to-body.github-dropdown .github-header .options-list .github-option .fas,
.appended-to-body.github-dropdown .github-header .options-list .github-option .fal {
  font-weight: bold;
}
.appended-to-body.github-dropdown .github-header .options-list .open-pr {
  background-color: var(--green113);
}
.appended-to-body.github-dropdown .github-header .options-list .open-branch {
  background-color: var(--blue139);
}
.appended-to-body.github-dropdown .github-header .options-list .copy-branch {
  background-color: var(--gray207);
}
.appended-to-body.github-dropdown .github-header .options-list .copy-branch.check {
  background-color: var(--green111);
}
.appended-to-body.github-dropdown .github-header .options-list .remove-branch {
  background-color: var(--red75);
}
.appended-to-body.github-dropdown .github-header .options-list .disabled {
  filter: grayscale(58%);
  opacity: 0.5;
  cursor: not-allowed;
}
.appended-to-body.github-dropdown .duplicate-warning {
  height: 45px;
  padding: 0px 10px;
  font-size: 14px;
  border-bottom: 1px solid var(--borderPrimary);
  text-overflow: ellipsis;
  background-color: var(--yellow96);
}
.appended-to-body.github-dropdown .branch-list {
  flex: 1;
}
.appended-to-body.github-dropdown .branch-list .branch-label {
  display: inline-block;
}
.appended-to-body.github-dropdown .branch-list div {
  margin-right: 5px;
}
.appended-to-body.github-dropdown .branch-list .edit-branches {
  margin-left: 5px;
}
.appended-to-body.github-dropdown .branch-list .close {
  margin-top: 3px;
}
.appended-to-body.github-dropdown .loading-wrapper {
  text-align: center;
  height: 100px;
}
.appended-to-body.github-dropdown .loading-wrapper .fa-spinner {
  margin: 30px;
  font-size: 32px;
}
.appended-to-body.github-dropdown .github-scrollable {
  height: 250px;
  overflow-y: auto;
  margin-bottom: 5px;
}
.appended-to-body.github-dropdown .github-scrollable .close {
  float: unset;
  color: var(--white);
  opacity: 1;
  cursor: default;
}
.appended-to-body.github-dropdown .github-scrollable .close:hover {
  color: var(--white);
}
.appended-to-body.github-dropdown .github-scrollable .text-wrapper {
  overflow: hidden;
}
.appended-to-body.github-dropdown .github-scrollable.truncated {
  height: 205px;
}
.appended-to-body.github-dropdown .padded {
  padding: 15px;
}
.appended-to-body.github-dropdown .branch-body input {
  border-radius: 2px;
  border: 1px solid var(--whiteGray52);
  padding: 5px;
  flex: 1 1;
}
.appended-to-body.github-dropdown .branch-body .add-branch {
  margin-left: 10px;
  flex: 1 1;
  max-width: 100px;
}
.github-event-handlers .btn-primary {
  border: none;
}
.github-event-handlers .loading-wrapper {
  text-align: center;
  height: 150px;
}
.github-event-handlers .loading-wrapper .fa-spinner {
  margin: 30px;
  font-size: 32px;
}
.github-event-handlers .btn-delete {
  color: unset;
  float: right;
  margin-right: 15px;
}
.github-event-handlers .btn-delete:hover {
  color: var(--red72);
}
.github-event-handlers .event-handler-wrapper {
  display: flex;
  padding: 5px 15px;
}
.github-event-handlers .event-handler-wrapper .text-wrapper {
  flex: 1;
  overflow: hidden;
}
.github-event-handlers .create-handler-wrapper {
  padding: 15px;
  margin-bottom: 80px;
}
.github-event-handlers .create-handler-wrapper p {
  display: inline-block;
  margin-right: 10px;
}
.github-event-handlers .create-handler-wrapper .row {
  margin-top: 10px;
}
.github-event-handlers .create-handler-wrapper input {
  border: 1px solid var(--whiteGray52);
  border-radius: 2px;
  padding: 6px;
}
.github-event-handlers .create-handler-wrapper .title {
  font-weight: bold;
}
.github-event-handlers .create-handler-wrapper .btn-primary {
  float: right;
  margin-right: 30px;
  margin-top: -30px;
}
.github-event-handlers .dropdown {
  display: inline-block;
}
.github-event-handlers .dropdown .dropdown__trigger {
  color: unset;
  padding: 8px;
  border: 1px solid var(--whiteGray52);
  border-radius: 2px;
  display: inline-block;
}
.github-event-handlers .dropdown .dropdown__trigger i {
  margin-left: 15px;
}
.github-event-handlers .dropdown .dropdown__content {
  max-height: 200px;
  overflow-y: scroll;
  min-width: 150px;
}
.github-event-handlers .dropdown .dropdown__content ul {
  list-style: none;
}
.github-event-handlers .dropdown .dropdown__content li {
  padding: 10px 20px;
  cursor: pointer;
}
.github-event-handlers .dropdown .dropdown__content li:hover {
  background-color: var(--whiteGray52);
}
.add-users-to-projects-modal-body {
  gap: 24px;
  display: flex;
  flex-direction: column;
}
.add-users-to-projects-modal-body .label {
  font-size: 15px;
  font-weight: 600;
  color: var(--typographyPrimary);
  margin-bottom: 8px;
}
.add-users-to-projects-modal-body .users-selection-row {
  padding-top: 10px;
}
.add-users-to-projects-modal-body .selected-items {
  background-color: var(--whiteGray52);
  border-radius: 8px;
  padding: 10px;
  margin: 10px 0;
  max-height: 200px;
  overflow-y: auto;
}
.TemplatesManagerAction {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.TemplatesManagerAction .Top {
  display: flex;
  flex-grow: 1;
  box-sizing: border-box;
  align-items: center;
  background-color: var(--newWhiteGrayBackground);
  height: 40px;
  cursor: pointer;
}
.TemplatesManagerAction .Top:not(:last-child) {
  margin-right: 10px;
}
.TemplatesManagerAction .Top .LeftBlock {
  box-sizing: border-box;
  display: flex;
  flex-grow: 1;
}
.TemplatesManagerAction .Top .LeftBlock:not(:last-child) {
  margin-right: 5px;
}
.TemplatesManagerAction .Top .LeftBlock .IconButton {
  cursor: pointer;
  background-color: transparent;
  color: var(--gray203);
  font-size: 18px;
  transition: color 0.4s ease;
  display: flex;
  align-items: center;
  margin-left: 5px;
}
.TemplatesManagerAction .Top .LeftBlock .ActionName {
  flex-grow: 1;
  border: none;
  padding: 10px 5px 10px 9px;
  background-color: transparent;
  transition: background-color 300ms;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.TemplatesManagerAction .Top .RightBlock {
  display: flex;
  align-items: center;
}
.TemplatesManagerAction .Top .RightBlock > *:not(:last-child) {
  margin-right: 10px;
}
.TemplatesManagerAction .DependedActions {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0 -30px 0 -49px;
}
.TemplatesManagerAction .DependedActions li {
  display: flex;
  flex-grow: 1;
  background-color: var(--yellow92);
  color: var(--white);
  min-height: 30px;
  align-items: center;
  padding: 0 5px 0 49px;
}
.TemplatesManagerAction .DependedActions li .DependencyDirection {
  margin-right: 10px;
}
.TemplatesManagerAction .DependedActions li .DependencyTitle {
  margin-right: 10px;
  max-width: 50ch;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.TemplatesManagerAction .DependedActions li .RemoveDependencyButton {
  cursor: pointer;
}
.TemplatesManagerAction .DependedActions li .DependencyTitle,
.TemplatesManagerAction .DependedActions li .RemoveDependencyButton {
  font-weight: 700;
}
.TemplatesManagerCustomFields .hive-select {
  display: inline-block;
  border-radius: 4px;
  min-width: 220px;
}
.TemplatesManagerCustomFields .hive-select .hive-select-container {
  padding: 4px 8px;
}
.TemplatesManagerCustomFields .hive-select-dropdown-body {
  max-height: 200px;
}
.TemplatesManagerCustomFields .hive-select-dropdown {
  border-radius: 4px;
  overflow: hidden;
  margin-top: 6px;
  box-shadow: 0 3px 9px var(--color66);
}
.TemplatesManagerCustomFields .apply-filters {
  background-color: var(--whiteGray33);
  color: var(--gray224);
}
.TemplatesManagerCustomFields .custom-field-select-wrapper .dropdown-selection-container {
  width: 340px;
}
.TemplatesManagerCustomFields .datePickerBtn {
  min-height: 36px;
  padding: 8px 16px !important;
}
.TemplatesManagerCustomFields .custom-field-text-input {
  line-height: 18px;
}
.TemplatesManagerCustomFields .customFieldsList {
  margin-top: 8px;
  display: grid;
  grid-template-columns: auto auto 50px;
  gap: 8px 0;
}
.TemplatesManagerCustomFields .customFieldsList li {
  display: contents;
}
.TemplatesManagerCustomFields .customFieldsList li > * {
  background-color: var(--whiteBlue7);
  color: var(--gray244);
}
.TemplatesManagerCustomFields .customFieldsList li > *:first-child {
  border-radius: 4px 0 0 4px;
}
.TemplatesManagerCustomFields .customFieldsList li > *:last-child {
  border-radius: 0 4px 4px 0;
}
.react-modal.wide-modal .modal-dialog {
  width: 950px;
}
.react-modal .tabs-bar {
  display: flex;
  border-bottom: solid 0.5px var(--whiteGray194);
}
.react-modal .tabs-bar .tab {
  display: flex;
  padding: 15px;
  cursor: pointer;
  font-weight: 600;
  font-size: 15px;
}
.react-modal .tabs-bar .tab.selected {
  color: var(--blue146);
  border-bottom-color: var(--blue146);
  border-bottom-width: 4px;
  border-bottom-style: solid;
}
.react-modal .tabs-bar .tab.disabled {
  font-weight: 400;
  cursor: default;
  color: var(--typographyPrimaryDisabled);
}
.react-modal .tabs-bar .tab.disabled:hover {
  color: var(--typographyPrimaryDisabled) !important;
}
.react-modal .tabs-bar .tab:hover {
  color: var(--blue146);
}
.react-modal .inline-group,
.react-modal .team-inline-group {
  display: flex;
  justify-content: space-between;
}
.react-modal .inline-group .input-group,
.react-modal .team-inline-group .input-group {
  margin-left: 20px;
}
@media (max-width: 899px) {
  .react-modal .inline-group .input-group,
  .react-modal .team-inline-group .input-group {
    margin-top: 10px;
  }
}
.react-modal .inline-group .input-group .caption,
.react-modal .team-inline-group .input-group .caption {
  margin-bottom: 3px;
}
.react-modal .inline-group .input-group.email,
.react-modal .team-inline-group .input-group.email {
  width: 45%;
}
@media (min-width: 900px) {
  .react-modal .inline-group .input-group.workspace-email,
  .react-modal .team-inline-group .input-group.workspace-email {
    width: 88.5%;
  }
}
.react-modal .inline-group .input-group .submit,
.react-modal .team-inline-group .input-group .submit {
  border-radius: 2px;
  background-color: var(--hive-orange);
  padding: 5px 10px;
  margin-top: 22px;
}
.react-modal .inline-group .input-group .submit.inactive,
.react-modal .team-inline-group .input-group .submit.inactive {
  opacity: 0.8;
}
.react-modal .inline-group .input-group:first-of-type,
.react-modal .team-inline-group .input-group:first-of-type {
  margin-left: 0;
}
@media (max-width: 899px) {
  .react-modal .input-group {
    margin-top: 10px;
  }
}
.new-messages-banner {
  position: fixed;
  left: 0px;
  min-width: 190px;
  width: inherit;
  height: 23px;
  z-index: 99;
  animation-duration: 0.25s;
  animation-fill-mode: forwards;
  overflow: hidden;
}
.new-messages-banner .banner-text-wrapper {
  background-color: var(--orange61);
  margin-left: 5px;
  margin-right: 5px;
  text-align: center;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  color: white;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  user-select: none;
}
.new-messages-banner .banner-text-wrapper .fa,
.new-messages-banner .banner-text-wrapper .far,
.new-messages-banner .banner-text-wrapper .fas,
.new-messages-banner .banner-text-wrapper .fal {
  margin-left: 7px;
  font-size: 12px;
}
.new-messages-banner .banner-text {
  padding: 3px 10px;
}
.new-messages-banner.hide-banner {
  height: 0px;
}
.new-messages-banner.anchor-top {
  animation-name: topShowBanner;
}
.new-messages-banner.anchor-top.hide-banner {
  animation-name: topHideBanner;
}
.new-messages-banner.anchor-bottom {
  animation-name: bottomShowBanner;
}
.new-messages-banner.anchor-bottom .banner-text-wrapper {
  border-radius: 7px 7px 0 0;
}
.new-messages-banner.anchor-bottom.hide-banner {
  animation-name: bottomHideBanner;
}
@keyframes bottomHideBanner {
  from {
    height: 23px;
    margin-top: 0;
  }
  to {
    height: 0;
    margin-top: 23px;
  }
}
@keyframes bottomShowBanner {
  from {
    height: 0;
    margin-top: 23px;
  }
  to {
    height: 23px;
    margin-top: 0;
  }
}
@keyframes topHideBanner {
  from {
    height: 23px;
  }
  to {
    height: 0;
  }
}
@keyframes topShowBanner {
  from {
    height: 0;
  }
  to {
    height: 23px;
  }
}
.splitscreen .notebook-root .apollo-notes-page {
  position: fixed;
  width: 40%;
  left: 60%;
}
.splitscreen .zoom-container {
  border: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 60%;
  height: 100%;
}
.notebook-root {
  height: 100%;
  width: 100%;
}
.pnotify-note-notifications {
  padding: 0 14px;
}
.pnotify-note-notifications.ui-pnotify {
  top: auto;
  right: auto;
  border-radius: 4px;
}
.pnotify-note-notifications .ui-pnotify-shadow {
  box-shadow: 0px 3px 9px var(--color80);
}
.pnotify-note-notifications .ui-pnotify-container {
  padding: 16px;
  background-color: var(--white);
  border: 1px solid var(--gray4);
}
.pnotify-note-notifications .ui-pnotify-sticker {
  display: none;
}
.pnotify-note-notifications .ui-pnotify-title {
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: var(--gray232);
}
.pnotify-note-notifications .ui-pnotify-title b {
  font-weight: 600;
}
.pnotify-note-notifications .ui-pnotify-closer {
  margin: 0 0 0 10px;
}
.pnotify-note-notifications .ui-pnotify-closer .fa {
  font-size: 17px;
  color: var(--gray232);
  font-weight: 300;
}
.pnotify-note-notifications .ui-pnotify-action-bar {
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.pnotify-note-notifications .ui-pnotify-action-bar .btn {
  padding: 6px 10px;
  font-size: 15px;
  line-height: 18px !important;
  font-weight: 500;
  transition: none;
}
.pnotify-note-notifications .ui-pnotify-action-bar .btn:hover {
  box-shadow: 0px 2px 8px 0px var(--color9);
}
.pnotify-note-notifications .ui-pnotify-action-bar .btn:first-child {
  margin-right: 8px;
  color: var(--gray232) !important;
  border: 1px solid var(--gray4);
}
.pnotify-note-notifications .ui-pnotify-action-bar .btn:first-child:hover {
  background-color: var(--white);
}
.pnotify-note-notifications .ui-pnotify-action-bar .btn:last-child {
  background-color: var(--blue136);
  border: 1px solid var(--blue136);
  color: var(--white) !important;
}
.pnotify-note-notifications .ui-pnotify-action-bar .btn:last-child:hover {
  background-color: var(--blue136);
}
@media screen and (max-width: 480px) {
  .pnotify-note-notifications.ui-pnotify-mobile-able.ui-pnotify {
    top: auto;
    left: auto;
    font-size: 15px;
  }
  .pnotify-note-notifications.ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-shadow {
    box-shadow: 0px 2px 8px 0px var(--color9);
    border-bottom-width: 1px;
  }
  .pnotify-note-notifications.ui-pnotify-mobile-able.ui-pnotify .ui-pnotify-container {
    border-radius: 4px;
  }
}
.pnotify-note-templates .ui-pnotify-title {
  margin-bottom: 0;
}
.pnotify-note-templates .ui-pnotify-icon {
  font-size: 16px;
  color: var(--green105);
}
.pnotify-note-templates .ui-pnotify-container {
  border: none;
  border-radius: 4px;
}
.pnotify-note-to-notebook .ui-pnotify-title {
  margin-bottom: 0;
}
.pnotify-note-to-notebook .ui-pnotify-icon {
  font-size: 16px;
}
.pnotify-note-to-notebook .fa-info-circle {
  color: var(--green105);
}
.pnotify-note-to-notebook .fa-times-circle {
  color: var(--red69);
}
.pnotify-note-to-notebook .ui-pnotify-container {
  border: none;
  border-radius: 4px;
}
.plus-button-blue {
  width: 18px;
  height: 18px;
  background-size: 18px;
  background-image: url("https://hv-static-content.s3.amazonaws.com/plusButton.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  transition: all 0.15s linear;
}
.plus-button-blue:not([disabled]):active {
  background-image: url("https://hv-static-content.s3.amazonaws.com/plusButtonPressed.svg");
}
.plus-button-blue:hover {
  filter: drop-shadow(0px 2px 8px var(--color81));
}
.plus-button-blue:disabled {
  width: 18px;
  height: 18px;
  background-size: 18px;
  background-image: url("https://hv-static-content.s3.amazonaws.com/plusButtonDisabled.svg");
  background-repeat: no-repeat;
  background-color: transparent;
}
.scroller {
  max-height: 50vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.sharing-with-flex-container,
.member-display {
  position: relative;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  cursor: pointer;
}
.sharing-with-flex-container .additional-members-count,
.member-display .additional-members-count {
  color: var(--gray195);
  display: inline-block;
  min-width: 22px;
  cursor: default;
}
.sharing-with-flex-container .avatar,
.member-display .avatar {
  margin: 0 1px;
  cursor: pointer;
}
.shared-with {
  display: flex;
}
.shared-with i.fal.fa-globe {
  margin: 0 6px;
  font-size: 18px;
  vertical-align: middle;
}
.actionDatePickerBody .CalendarDay__blocked_calendar button {
  cursor: not-allowed;
  color: var(--gray202);
}
.clickable {
  transition: all 200ms ease-in;
  color: var(--blue141);
  cursor: pointer;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none !important;
}
.clickable.onHover {
  transition: none;
  color: inherit;
}
.clickable.onHover:hover {
  color: var(--blue141);
}
.clickable .no-padding-top {
  padding-top: 0px;
}
.gray {
  color: var(--gray214);
}
.align-rigth {
  text-align: right;
  margin-left: auto;
}
.align-rigth p {
  width: 100%;
}
.left-margin {
  margin-left: 5px;
}
.summaryRow {
  max-width: 170px;
}
.calendarStackIcon {
  top: 5px;
}
.calendarStackIcon:hover .fa,
.calendarStackIcon:hover .far,
.calendarStackIcon:hover .fas,
.calendarStackIcon:hover .fal {
  color: var(--blue141) !important;
}
.calendarStackIcon .fa-calendar-alt.fa-stack-2x {
  font-size: 16px;
}
.calendarStackIcon .fa-exclamation.fa-stack-1x {
  font-size: 7px;
  bottom: 4px;
}
.recurringIcon {
  color: var(--white);
  margin-left: 5px;
}
.recurringIcon:hover {
  color: var(--white) !important;
}
.recurringIcon.left-recurring-icon {
  color: var(--gray232);
  font-size: 15px;
  margin-left: 0;
  margin-right: 8px;
}
.recurringIcon.left-recurring-icon:hover {
  color: var(--gray232) !important;
}
.datePickerBtn {
  cursor: pointer;
  border-radius: 2px;
  padding: 1px 5px;
}
.datePickerBtn.selected {
  background-color: var(--blue141);
  color: var(--white);
}
.datePickerBtn i {
  cursor: pointer;
}
.datePickerBtn i:not(.recurringIcon) {
  font-size: 16px !important;
}
.subaction-adjusted-deadline {
  color: var(--blue144);
  background-color: transparent;
}
.actionDatePickerHead {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  padding: 10px;
  font-weight: 600;
  color: var(--gray226);
  font-size: 16px;
}
.actionDatePickerHead .textSelected {
  color: var(--blue141);
  margin: 0px 5px;
  font-size: 16px;
  font-weight: bold;
}
.actionDatePickerHead .captionText {
  color: var(--gray2);
  margin: 0px 5px;
  font-size: 16px;
}
.actionDatePickerHead .headerArrow {
  align-self: center;
  margin: 0px 15px;
}
.center {
  align-self: center;
}
.actionDatePickerFooter {
  display: flex;
  flex-direction: column;
  padding: 0px 10px 10px;
  max-width: 490px;
}
.actionDatePickerFooter .calendarPadding {
  padding: 0px 10px 10px;
}
.actionDatePickerFooter .disabled {
  color: var(--whiteGray175);
  cursor: not-allowed;
}
.actionDatePickerFooter .time-picker-row {
  padding: 15px 10px;
  border-top: 1px solid var(--whiteGray28);
  border-bottom: 1px solid var(--whiteGray28);
  margin: 0px -10px;
}
.actionDatePickerFooter .time-picker-row .time-picker {
  display: inline-block;
  margin-left: 5px;
}
.actionDatePickerFooter .time-picker-row .clickable {
  float: right;
  margin-right: 10px;
}
.actionDatePickerFooter .time-picker-row .time-picker-info {
  max-width: 225px;
  margin-top: 10px;
  margin-left: 10px;
  display: flex;
  flex-direction: row;
}
.actionDatePickerFooter .time-picker-row .time-picker-info .fa-clock-o {
  display: inline-block;
  margin-right: 10px;
  margin-top: 6px;
}
.actionDatePickerFooter .time-picker-row .time-picker-info p {
  display: inline-block;
}
.actionDatePickerFooter .disable-date-selection-info {
  display: flex;
  align-items: center;
  padding: 0px 10px;
}
.actionDatePickerFooter .disable-date-selection-info i {
  margin-left: 5px;
}
.actionDatePickerFooter .primaryButton {
  background-color: var(--blue135);
}
.primaryButton {
  align-self: flex-end;
  background-color: var(--hive-blue);
  padding: 0.5em 0.75em;
  color: var(--staticWhite);
  border-radius: 4px;
}
.primaryButton:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.reccuringFormFooter {
  display: flex;
  justify-content: flex-end;
}
.align-flex {
  display: flex;
}
.calendar-buttons {
  text-align: right;
}
.calendar-buttons .btn,
.calendar-buttons button {
  font-weight: 600;
  border: 1px solid transparent;
  border-radius: 3px;
  margin-top: 5px;
}
.calendar-buttons .btn.btn-primary,
.calendar-buttons button.btn-primary,
.calendar-buttons .btn.primaryButton,
.calendar-buttons button.primaryButton {
  background-color: var(--hive-blue) !important;
  color: var(--staticWhite);
}
.adjust-subactions {
  background-color: var(--whiteBlue2);
  margin: 0px -10px;
  padding: 5px 5px 0px 5px;
}
.adjust-subactions .reversed-checkbox {
  display: flex;
  font-weight: normal;
  flex-direction: row-reverse;
  justify-content: center;
}
.adjust-subactions .reversed-checkbox input {
  margin-right: 5px;
}
.open-button,
.open-button span {
  white-space: nowrap;
}
.disable-date-selection-tooltip {
  width: 200px;
}
.disable-date-selection-tooltip.type-dark {
  background-color: var(--gray232) !important;
}
.disable-date-selection-tooltip.type-dark.place-top:after {
  border-top-color: var(--gray232) !important;
}
.action-date-picker-container {
  display: flex;
  align-items: center;
  width: 100%;
}
.action-date-picker-container .bell-container {
  margin-left: 10px;
  cursor: pointer;
}
.action-date-picker-container .bell-container .svg-icon {
  fill: var(--blue136);
  margin-top: -1px;
}
.action-date-picker-container .bell-container .svg-icon svg {
  width: 14px;
  height: 15px;
}
.fa-datepicker-open-button-hidden {
  display: none;
}
.custom-calendar-footer {
  border-top: solid 1px var(--whiteGray52);
  display: flex;
  justify-content: flex-end;
}
.custom-calendar-footer button {
  color: var(--grayBlue127);
  background-color: transparent;
  padding: 13px;
}
.custom-calendar-footer button.primary {
  color: var(--blue144);
}
.custom-calendar-footer button:disabled {
  color: var(--white170);
}
.custom-calendar-footer .left-button {
  margin-right: auto;
}
.date-range-picker-container {
  display: flex;
  justify-content: flex-end;
  width: 100px;
}
.date-range-picker-container .toggle-dropdown-btn {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.date-range-picker-container .toggle-dropdown-btn-icon {
  margin-right: 0;
  margin-left: 8px;
  color: var(--color-tag);
  cursor: pointer;
}
.date-range-picker-container.with-navigation .selected {
  color: var(--color-tag);
}
.date-range-picker-container.with-navigation .toggle-dropdown-btn {
  border-radius: 4px;
  border: solid 1px var(--borderPrimary);
}
.date-range-picker-container.with-navigation .toggle-dropdown-btn-padding-wrapper {
  padding: 4px 8px;
}
.date-range-picker-container.with-navigation button.date-range-picker-navigation {
  display: flex;
  align-items: center;
  padding: 2px 8px;
  background-color: unset;
}
.date-range-picker-container.with-navigation button.date-range-picker-navigation .fa:before,
.date-range-picker-container.with-navigation button.date-range-picker-navigation .far:before,
.date-range-picker-container.with-navigation button.date-range-picker-navigation .fas:before,
.date-range-picker-container.with-navigation button.date-range-picker-navigation .fal:before {
  font-weight: normal;
  font-size: 13px;
  color: var(--color-tag);
}
.date-range-picker-container.with-navigation button.date-range-picker-navigation:hover .fa:before,
.date-range-picker-container.with-navigation button.date-range-picker-navigation:hover .far:before,
.date-range-picker-container.with-navigation button.date-range-picker-navigation:hover .fas:before,
.date-range-picker-container.with-navigation button.date-range-picker-navigation:hover .fal:before {
  color: var(--blue144);
}
.date-range-picker-dropdown-content {
  display: block;
  width: 340px;
  background: var(--dropdownBackgroundPrimary);
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 var(--color62);
}
.date-range-picker-dropdown-content hr {
  margin: 3px 0;
  border-top-color: var(--borderPrimary);
}
.date-range-picker-dropdown-content.loading .dropdown-item {
  cursor: not-allowed;
}
.date-range-picker-dropdown-content .dropdown-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  padding: 8px 16px;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
.date-range-picker-dropdown-content .dropdown-item:hover {
  background-color: var(--surface200);
}
.date-range-picker-dropdown-content .dropdown-item .fa,
.date-range-picker-dropdown-content .dropdown-item .far,
.date-range-picker-dropdown-content .dropdown-item .fas,
.date-range-picker-dropdown-content .dropdown-item .fal {
  padding-left: 18px;
  padding-right: 10px;
  color: var(--blue139);
}
.date-range-picker-dropdown-content .dropdown-item .dropdown-label-helper {
  flex: 1;
  text-align: right;
  color: var(--whiteGray187);
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.date-range-picker-dropdown-content .action-date-picker-container {
  width: 100%;
}
.date-range-picker-dropdown-content .custom-date-picker {
  display: flex;
  align-items: center;
  width: 100%;
}
.date-range-picker-dropdown-content .dropdown-footer .dropdown-line {
  border-bottom-color: var(--whiteGray24);
  border-bottom-width: 2px;
  margin: 20px 15px 15px;
}
.time-picker .hive-select {
  min-width: 130px;
}
.time-tracking-icon {
  font-size: 18px;
  line-height: 14px;
  display: inline-block;
  text-align: center;
}
.time-tracking-icon i:hover {
  color: inherit !important;
  transition: none !important;
  cursor: default;
}
.export-time-tracking-container .fa,
.export-time-tracking-container .far,
.export-time-tracking-container .fas,
.export-time-tracking-container .fal {
  color: var(--grayBlue127);
  cursor: pointer;
}
.dropdown-20 {
  background: var(--whiteGray175);
  width: 200px;
  position: absolute;
  top: 5px;
  left: 20px;
  display: flex;
  flex-direction: column;
}
.dropdown-20 .header-20 {
  flex: 0 1 auto;
}
.dropdown-20 .sub-section-20 {
  flex: 1 0 50px;
  height: 50px;
  overflow-y: scroll;
}
.dropdown-20 .sub-section-20 .item-20,
.dropdown-20 .sub-section-20 .project-section-item,
.dropdown-20 .sub-section-20 .resource-section-item {
  display: flex;
  background: green;
}
.dropdown-20 .sub-section-20 .item-20 .icon,
.dropdown-20 .sub-section-20 .project-section-item .icon,
.dropdown-20 .sub-section-20 .resource-section-item .icon {
  background: red;
  width: 10px;
  height: 10px;
}
.dropdown-20 .sub-section-20 .item-20 .text,
.dropdown-20 .sub-section-20 .project-section-item .text,
.dropdown-20 .sub-section-20 .resource-section-item .text {
  background: var(--white);
}
.dropdown-20 .sub-section-20 .item-20 .checkbox,
.dropdown-20 .sub-section-20 .project-section-item .checkbox,
.dropdown-20 .sub-section-20 .resource-section-item .checkbox {
  background: blue;
}
.filter-search-container .fa-search {
  color: var(--grayBlue127);
  flex: 0 1 auto;
}
.filter-search-container .icomoon-checkmark-filled {
  font-size: 18px;
  color: var(--white169);
}
.filter-search-container .icomoon-plus-circle {
  font-size: 18px;
  color: var(--blue139);
}
.filter-search-container .dropdown {
  display: block;
  width: 100%;
}
.filter-search-container .dropdown__trigger {
  display: flex;
  align-items: center;
  cursor: default;
  height: auto;
}
.filter-search-container .dropdown__trigger .input-tags .input-tags-tag {
  background-color: var(--whiteGray24);
  font-size: 14px;
  padding: 0px 10px;
  height: 25px;
  color: var(--gray226);
  display: inline-flex;
  align-items: center;
  border-radius: 3px;
  margin: 3px 0px 3px 10px;
  white-space: nowrap;
  overflow: hidden;
}
.filter-search-container .dropdown__trigger .input-tags .input-tags-tag .fa,
.filter-search-container .dropdown__trigger .input-tags .input-tags-tag .far,
.filter-search-container .dropdown__trigger .input-tags .input-tags-tag .fas,
.filter-search-container .dropdown__trigger .input-tags .input-tags-tag .fal {
  color: var(--gray203);
  margin-left: 15px;
  cursor: pointer;
}
.filter-search-container .dropdown__trigger .input-tags .tag {
  background-color: var(--whiteGray24);
  font-size: 14px;
  font-family: inherit;
  padding: 3px 10px 4px;
  font-weight: normal;
  color: var(--gray226);
}
.filter-search-container .dropdown__trigger .input-tags input {
  margin-left: 10px;
  height: 25px;
  background: var(--white);
}
.filter-search-container .dropdown__trigger .react-tagsinput {
  border: none;
  padding-left: 10px;
}
.filter-search-container .dropdown__trigger .react-tagsinput-tag {
  border: none;
  background-color: var(--whiteGray24);
  font-size: 14px;
  font-family: inherit;
  padding: 3px 10px 4px;
  font-weight: normal;
  color: var(--gray226);
}
.filter-search-container .dropdown__trigger .react-tagsinput-tag a {
  color: var(--gray226);
  font-weight: 600;
  font-size: 16px;
  margin-left: 15px;
}
.filter-search-container .dropdown__trigger input {
  color: var(--gray238);
  width: 215px;
  border: 0;
}
.filter-search-container .dropdown__content {
  display: none;
  position: absolute;
  width: 286px;
  background: var(--white);
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 var(--color62);
}
.filter-search-container .dropdown__content .dropdown-header {
  padding: 15px;
  border-bottom: solid 1px var(--whiteGray52);
  color: var(--grayBlue127);
}
.filter-search-container .dropdown__content .dropdown-section {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.filter-search-container .dropdown__content .dropdown-list .dropdown-section-item {
  max-height: none;
}
.filter-search-container .dropdown__content .dropdown-section-item {
  max-height: 185px;
  overflow-y: auto;
  position: relative;
}
.filter-search-container .dropdown__content .project-section-item,
.filter-search-container .dropdown__content .resource-section-item {
  cursor: pointer;
  padding: 15px 15px 0;
  display: flex;
  align-items: center;
}
.filter-search-container .dropdown__content .project-section-item .name,
.filter-search-container .dropdown__content .resource-section-item .name {
  flex: 1;
  margin-left: 15px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.filter-search-container .dropdown__content .project-section-item .fa-square,
.filter-search-container .dropdown__content .resource-section-item .fa-square {
  font-size: 20px;
}
.filter-search-container .dropdown__content .project-section-item .expand-icon,
.filter-search-container .dropdown__content .resource-section-item .expand-icon {
  margin-left: 5px;
}
.filter-search-container .dropdown__content .project-section-item .team-icon,
.filter-search-container .dropdown__content .resource-section-item .team-icon {
  border-radius: 50%;
  margin-left: 0;
}
.filter-search-container .dropdown__content .project-section-item .user-avatar-rounded,
.filter-search-container .dropdown__content .resource-section-item .user-avatar-rounded {
  border-radius: 50%;
}
.filter-search-container .dropdown__content .project-section-item .resource-section-item-avatar,
.filter-search-container .dropdown__content .resource-section-item .resource-section-item-avatar {
  width: 20px;
  height: 20px;
  margin: 0;
}
.filter-search-container .dropdown__content .project-section-item .resource-section-item-avatar .initials,
.filter-search-container .dropdown__content .resource-section-item .resource-section-item-avatar .initials {
  width: inherit;
  text-align: center;
}
.filter-search-container .dropdown__content .dropdown-item {
  display: flex;
  align-items: center;
  margin-top: 15px;
  cursor: pointer;
}
.filter-search-container .dropdown__content .dropdown-item .fa,
.filter-search-container .dropdown__content .dropdown-item .far,
.filter-search-container .dropdown__content .dropdown-item .fas,
.filter-search-container .dropdown__content .dropdown-item .fal {
  padding: 0 15px;
  color: var(--blue139);
}
.filter-search-container .dropdown__content .dropdown-footer .dropdown-line {
  border-bottom-color: var(--whiteGray24);
  border-bottom-width: 2px;
  margin: 20px 0px 15px;
}
.filter-search-container .dropdown--active .dropdown__content {
  display: block;
  z-index: 102;
}
.my-actions-tracking-row .time {
  margin-left: 5px;
  font-size: 13px;
  font-weight: 600;
}
.time-input-container {
  display: flex;
  min-height: 20px;
  margin-bottom: 10px;
  width: 100%;
  color: var(--gray203);
}
.time-input-container.able-to-click {
  cursor: pointer;
}
.time-input-container .time-input-block {
  display: flex;
  white-space: nowrap;
}
.time-input-container .time-input-block > input {
  border: 1px solid transparent;
}
.time-input-container .time-input-block.disabled {
  opacity: 0.6;
}
.time-input-container .time-input-block.disabled > input[disabled] {
  background-color: transparent;
}
.time-input-container .time-input-block:not(:last-of-type) {
  margin-right: 5px;
}
.time-input-container .time-input-block:not(.fill) {
  align-items: center;
}
.time-input-container .time-input-block:not(.fill) input {
  width: 20px;
}
.time-input-container .time-input-block.fill {
  width: 100%;
}
.time-input-container .time-input-block.fill input {
  width: inherit;
}
.time-input-container .time-input-block .after {
  cursor: pointer;
  max-width: 100%;
  margin: 0;
  font-weight: normal;
}
.time-input-error {
  height: 0;
  background-color: var(--red70);
  font-size: 10px;
  color: var(--white);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-weight: 700;
  transition: height 0.5s ease-out, padding 0.5s ease-out, font-size 0.5s ease-out;
}
.time-input-error.show-error {
  font-size: 14px;
  padding: 3px 5px;
  height: 25px;
}
.time-dropdown-content {
  min-width: 300px;
  max-width: 600px;
  max-height: 400px;
  padding: 10px 20px;
  overflow-x: hidden;
}
.user-profile-photo.user-online {
  position: relative;
  box-shadow: 0 0 0 1.5px var(--checked-green);
}
.user-profile-photo.user-online .online-indicator {
  background: var(--checked-green);
}
.user-profile-photo.user-away {
  position: relative;
  box-shadow: 0 0 0 1.5px var(--hive-orange);
}
.user-profile-photo.user-away .online-indicator {
  background: var(--hive-orange);
}
.user-profile-photo.user-offline {
  position: relative;
  box-shadow: 0 0 0 1.5px var(--color-tag);
}
.user-profile-photo.user-offline .online-indicator {
  background: var(--color-tag);
}
.user-profile-photo .online-indicator {
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 4px;
  top: -3px;
  right: -3px;
}
.user-profile-photo .emoji-mart-emoji {
  width: 19px;
  height: 19px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  position: absolute;
  bottom: -1px;
  right: -5px;
  background: var(--white);
  border: 1px solid var(--gray4);
}
.initials-thumb:hover {
  cursor: default;
}
.user-status-dropdown .user-status-selector .user-status {
  display: flex;
}
.user-status-dropdown .user-status-selector .user-status .emoji-mart-emoji span:first-child {
  width: 15px !important;
  height: 15px !important;
}
.user-status-dropdown .user-status-selector .with-icon {
  border: 1px;
}
.user-status-selector .dropdown-toggle {
  color: var(--gray224);
  font-weight: normal;
  padding: 8px 16px;
  font-size: 14px;
  white-space: nowrap;
  margin: 0;
  border: none;
  display: flex;
  cursor: pointer;
}
.user-status-selector .dropdown-toggle .dropdown-caret {
  position: relative;
  right: 0;
  top: 1px;
  margin-left: 4px;
  font-size: 12px;
}
.user-status-selector .dropdown-toggle .status-item i {
  font-size: 18px;
}
.user-status-selector .dropdown-toggle .status-title {
  margin-right: 3px;
  font-size: 15px;
}
.user-status-selector:hover {
  background-color: var(--dropdownBackgroundPrimaryHover);
}
@media screen and (max-width: 899px) {
  .user-status-dropdown .user-status-selector .dropdown-toggle {
    color: var(--black);
  }
  .user-status-dropdown .user-status-selector .dropdown-menu {
    width: 100%;
  }
}
.reccuringForm {
  /* anything less than this and enclosed date pickers will get cut off */
  min-width: 400px;
  padding: 10px;
}
.reccuringForm .summaryRow {
  max-width: 210px;
}
.reccuringForm .DateInput_input {
  color: var(--gray224);
  font-weight: normal;
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 2px;
  border: solid 1px var(--whiteGray52);
  cursor: pointer;
}
.reccuringForm .reccuringFormTitle {
  font-size: 20px;
  font-weight: 500;
  color: var(--gray232);
  margin-bottom: 15px;
}
.reccuringForm .inputName {
  font-weight: 600;
  margin-right: 10px;
  min-width: 45px;
}
.reccuringForm .inputName i {
  margin-left: 5px;
}
.reccuringForm .selectDay {
  display: inline-block;
  border-top: solid 1px var(--whiteGray52);
  border-bottom: solid 1px var(--whiteGray52);
  border-right: solid 1px var(--whiteGray52);
  width: 30px;
  height: 28px;
  text-align: center;
  padding-top: 4px;
  cursor: pointer;
}
.reccuringForm .selectDay:first-of-type {
  border-left: solid 1px var(--whiteGray52);
}
.reccuringForm .selectDay:last-of-type {
  border-right: solid 1px var(--whiteGray52);
}
.reccuringForm .selectDay.selected {
  background-color: var(--blue141);
  color: var(--white);
}
.reccuringForm .selectDay.blocked {
  background: var(--whiteGray178);
  color: var(--gray206);
  cursor: not-allowed;
}
.reccuringForm .inlineOption {
  padding: 10px 0px;
  display: flex;
  align-items: baseline;
}
.reccuringForm .inlineOption .displayFlex {
  display: flex;
  align-items: center;
}
.reccuringForm .inlineOption .radioOption {
  align-items: baseline;
}
.reccuringForm .inlineOption .radioOption input[type=radio] {
  margin-right: 5px;
}
.reccuringForm .inlineOption .radioOption > * {
  margin-left: 5px;
}
.reccuringForm .inlineOption.multiline {
  flex-direction: column;
}
.reccuringForm .inlineOption .DayPicker__horizontal,
.reccuringForm .inlineOption .DayPicker_transitionContainer {
  width: 257px !important;
}
.reccuringForm .inputNode {
  margin-right: 10px;
}
.reccuringForm .SingleDatePickerInput__withBorder {
  border: 0px;
  color: var(--gray224);
}
.reccuringForm .SingleDatePicker_picker__openDown {
  top: 100%;
}
.reccuringForm .SingleDatePicker_picker__openUp {
  bottom: 100%;
}
.reccuringForm .DateInput__openDown:before,
.reccuringForm .DateInput__openUp:before,
.reccuringForm .DateInput__openDown:after,
.reccuringForm .DateInput__openUp:after {
  display: none;
}