/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

/* FONT PATH
 * -------------------------- */

/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/*
IMPORTANT:
In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
classes should alter those!
*/

/*!
 * Bootstrap-select v1.13.9 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2019 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */

/**
 * ContextJS Styles
 * For use WITHOUT Twitters Bootstrap CSS
 */

/*!
 * froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2019 Froala Labs
 */

/*!
 * froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2019 Froala Labs
 */

/*!
 * froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2019 Froala Labs
 */

/*!
 * froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2019 Froala Labs
 */

/*!
 * froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2019 Froala Labs
 */

/*!
 * froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2019 Froala Labs
 */

/*!
 * froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2019 Froala Labs
 */

/*!
 * froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2019 Froala Labs
 */

/*!
 * froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2019 Froala Labs
 */

/*!
 * froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2019 Froala Labs
 */

/*!
 * froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2019 Froala Labs
 */

/*!
 * froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2019 Froala Labs
 */

/*!
 * froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2019 Froala Labs
 */

/*!
 * froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2019 Froala Labs
 */

/*!
 * froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2019 Froala Labs
 */

/*!
 * froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2019 Froala Labs
 */

/*!
 * froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2019 Froala Labs
 */

/*!
 * froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2019 Froala Labs
 */

/*!
 * froala_editor v2.9.5 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2019 Froala Labs
 */

.bound-element {
  display: none;
  position: absolute;
}

.bound-element.dropdown,
.bound-element.dropup {
  position: absolute;
}

.bound-element.open {
  display: inline-block;
}

.bound-element .default-close {
  color: #ccc;
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 6px;
  z-index: 1001;
  font-size: 14px;
}

.bound-element .default-close:hover {
  color: #999;
}



html.ghost * {
  background: #000 !important;
  color: #0f0 !important;
  outline: solid #f00 1px !important;
}





.navbar {
  min-height: 45px;
}



.justdo-avatar {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border-radius: 50%;
}



.justdo-avatars-box .justdo-avatar {
  width: 100%;
  height: 100%;
}

.justdo-avatars-box .cont {
  float: left;
}

.justdo-avatars-box .sep {
  float: left;
}

.justdo-avatars-box .avatar-box-button {
  float: left;
}

.default-avatar-box-button {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #aaa;
  line-height: 30px;
  background-color: #ddd;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

.justdo-avatars-box .avatar-box-button {
  height: 30px;
  width: 30px;
}

.justdo-avatars-box .cont {
  height: 30px;
  width: 30px;
  margin-bottom: 0;
}

.justdo-avatars-box .cont + .cont {
  margin-left: 4px;
}

.justdo-avatars-box .sep {
  height: 30px;
  margin: 0 4px;
  width: 1px;
  background-color: #dedede;
  display: inline-block;
  vertical-align: middle;
}



#login-dropdown-list .dropdown-menu {
  min-width: 320px;
}

#login-dropdown-list .dropdown-menu .or {
  margin: 5px 0;
  text-align: center;
}

#login-dropdown-list #forgot-password-link,
#login-dropdown-list #signup-link {
  margin-top: 10px;
}

#login-dropdown-list input {
  margin: 0 0 -1px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  position: relative;
  z-index: 1;
}

#login-dropdown-list input:first-of-type {
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-top-right-radius: 5px;
}

#login-dropdown-list input:last-of-type {
  margin-bottom: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px;
}

#login-dropdown-list input:focus {
  z-index: 2;
}

.modal-backdrop {
  opacity: 0.75;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
}

.modal-footer .btn {
  margin: 0;
}

#login-buttons-reset-password-modal .modal-dialog,
#login-buttons-reset-password-modal-success .modal-dialog,
#login-buttons-enroll-account-modal .modal-dialog,
#login-buttons-email-address-verified-modal .modal-dialog {
  width: 400px;
}

#login-buttons-reset-password-modal .modal-dialog .modal-content,
#login-buttons-reset-password-modal-success .modal-dialog .modal-content,
#login-buttons-enroll-account-modal .modal-dialog .modal-content,
#login-buttons-email-address-verified-modal .modal-dialog .modal-content {
  margin-top: 30%;
}

.login-buttons-dropdown-align-left#login-buttons + li .dropdown-menu {
  float: left;
  left: 0;
  right: auto;
}

.login-buttons-dropdown-align-right#login-buttons + li .dropdown-menu {
  float: right;
  right: 0;
  left: auto;
}

#login-buttons {
  display: none;
}

#login-dropdown-list a {
  cursor: pointer;
}

.dropdown-info .action-buttons:before {
  content: " \00b7 ";
  color: #000;
  display: inline-block;
  margin-right: 2px;
}

.dropdown-info .action-buttons:first-child:before {
  content: "";
}

.btn-Facebook {
  color: #fff;
  background-color: #3b5998;
}

.btn-Google {
  color: #fff;
  background-color: #d34836;
}

.btn-Twitter {
  color: #fff;
  background-color: #4099ff;
}

#login-dropdown-list .dropdown-info-btn .dropdown-info-divider {
  width: 1px;
  opacity: 0.2;
}

#login-dropdown-list label {
  font-size: 14px;
  margin-bottom: 0.25rem;
}

#login-dropdown-list .user-dropdown-toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  -moz-transition: box-shadow 0.15s ease-in-out, -moz-box-shadow 0.15s ease-in-out;
  -o-transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out, -moz-box-shadow 0.15s ease-in-out;
}

#login-dropdown-list .user-dropdown-toggle:hover {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.08);
}

#login-dropdown-list .user-dropdown-toggle:active {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.12);
}

#login-dropdown-list .user-dropdown-toggle img {
  width: 33px;
  height: 33px;
}

#login-dropdown-list .dropdown-avatar {
  margin-right: 1.5rem;
}

#login-dropdown-list .dropdown-menu.settings .dropdown-avatar {
  margin-right: 0rem;
}

#login-dropdown-list .dropdown-menu.settings .dropdown-info-name {
  padding-top: 0.5rem;
}

#login-dropdown-list .dropdown-menu.settings .dropdown-info {
  text-align: center;
}

#login-dropdown-list .dropdown-menu .dropdown-content {
  height: auto;
  max-height: -webkit-calc(100vh - 60px);
  max-height: -moz-calc(100vh - 60px);
  max-height: calc(100vh - 60px);
  overflow: auto;
}



input[type="file"] {
  display: none;
}

.dropdown-avatar .dropdown-user-avatar {
  width: 95px;
  height: 95px;
  background-color: #cecece;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: relative;
  overflow: hidden;
  -webkit-background-size: 95px 95px;
  -moz-background-size: 95px 95px;
  -o-background-size: 95px 95px;
  background-size: 95px 95px;
}

.dropdown-avatar .dropdown-user-avatar .dropdown-user-avatar-loading-indicator {
  display: none;
}

.dropdown-avatar .dropdown-user-avatar .avatar-edit {
  position: absolute;
  bottom: -30px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 13px;
  line-height: 25px;
  width: 100%;
  height: 30px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: bottom .2s ease-in-out;
  -moz-transition: bottom .2s ease-in-out;
  -o-transition: bottom .2s ease-in-out;
  transition: bottom .2s ease-in-out;
}

.dropdown-avatar .avatar-remove {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 15px;
  right: 6px;
  padding: 4px;
  stroke-width: 2;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

.dropdown-avatar .avatar-remove:hover {
  background: rgba(0, 0, 0, 0.5);
  stroke: white;
}

.dropdown-avatar:hover .avatar-edit {
  bottom: 0px;
}

.dropdown-avatar:hover .avatar-remove {
  display: block;
}

.dropdown-user-avatar.disable-avatar-upload {
  cursor: default;
}

.dropdown-avatar.loading {
  cursor: default;
}

.dropdown-avatar.loading .dropdown-user-avatar {
  cursor: default;
}

.dropdown-avatar.loading .dropdown-user-avatar-loading-indicator {
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(2, 10, 37, 0.6);
  text-align: center;
  padding-top: 37px;
  color: #e5e5e5;
  font-weight: bold;
}

.dropdown-avatar.loading .avatar-edit,
.dropdown-avatar.loading .avatar-remove {
  display: none;
}



.dropdown-info .dropdown-info-email {
  font-size: 12px;
}

.dropdown-info .verify-your-email {
  font-weight: bold;
  cursor: pointer;
  font-size: 14px;
}

.dropdown-info .verify-your-email:hover {
  text-decoration: underline;
}

.settings .dropdown-info .verify-your-email {
  margin-top: 1px;
}



.avatars-colors-editor .modal-dialog {
  width: 645px;
}

.avatars-colors-editor .cp-container {
  float: left;
}

.avatars-colors-editor .cp-container:first-child {
  margin-right: 26px;
}

.avatars-colors-editor .picker-caption {
  font-weight: bold;
  font-size: 15px;
}

.avatars-colors-editor .avatar-container {
  text-align: center;
  margin: 18px;
}

.avatars-colors-editor .avatar-container img {
  width: 100px;
  height: 100px;
}

.avatars-colors-editor .palette.add {
  display: none;
}



@font-face {
  font-family: 'FontAwesome';
  src: url('packages/fortawesome_fontawesome/upstream/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('packages/fortawesome_fontawesome/upstream/fonts/fontawesome-webfont.eot?') format('embedded-opentype'), url('packages/fortawesome_fontawesome/upstream/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('packages/fortawesome_fontawesome/upstream/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('packages/fortawesome_fontawesome/upstream/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('packages/fortawesome_fontawesome/upstream/fonts/fontawesome-webfont.svg?v=4.7.0') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */

.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  -webkit-border-radius: .1em;
  -moz-border-radius: .1em;
  border-radius: .1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: .3em;
}

.fa.fa-pull-right {
  margin-left: .3em;
}

/* Deprecated as of 4.4.0 */

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}

.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  -moz-animation: fa-spin 2s infinite linear;
  -o-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  -moz-animation: fa-spin 1s infinite steps(8);
  -o-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-moz-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@-o-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #ffffff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.fa-glass:before {
  content: "\f000";
}

.fa-music:before {
  content: "\f001";
}

.fa-search:before {
  content: "\f002";
}

.fa-envelope-o:before {
  content: "\f003";
}

.fa-heart:before {
  content: "\f004";
}

.fa-star:before {
  content: "\f005";
}

.fa-star-o:before {
  content: "\f006";
}

.fa-user:before {
  content: "\f007";
}

.fa-film:before {
  content: "\f008";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-th:before {
  content: "\f00a";
}

.fa-th-list:before {
  content: "\f00b";
}

.fa-check:before {
  content: "\f00c";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}

.fa-search-plus:before {
  content: "\f00e";
}

.fa-search-minus:before {
  content: "\f010";
}

.fa-power-off:before {
  content: "\f011";
}

.fa-signal:before {
  content: "\f012";
}

.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}

.fa-trash-o:before {
  content: "\f014";
}

.fa-home:before {
  content: "\f015";
}

.fa-file-o:before {
  content: "\f016";
}

.fa-clock-o:before {
  content: "\f017";
}

.fa-road:before {
  content: "\f018";
}

.fa-download:before {
  content: "\f019";
}

.fa-arrow-circle-o-down:before {
  content: "\f01a";
}

.fa-arrow-circle-o-up:before {
  content: "\f01b";
}

.fa-inbox:before {
  content: "\f01c";
}

.fa-play-circle-o:before {
  content: "\f01d";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}

.fa-refresh:before {
  content: "\f021";
}

.fa-list-alt:before {
  content: "\f022";
}

.fa-lock:before {
  content: "\f023";
}

.fa-flag:before {
  content: "\f024";
}

.fa-headphones:before {
  content: "\f025";
}

.fa-volume-off:before {
  content: "\f026";
}

.fa-volume-down:before {
  content: "\f027";
}

.fa-volume-up:before {
  content: "\f028";
}

.fa-qrcode:before {
  content: "\f029";
}

.fa-barcode:before {
  content: "\f02a";
}

.fa-tag:before {
  content: "\f02b";
}

.fa-tags:before {
  content: "\f02c";
}

.fa-book:before {
  content: "\f02d";
}

.fa-bookmark:before {
  content: "\f02e";
}

.fa-print:before {
  content: "\f02f";
}

.fa-camera:before {
  content: "\f030";
}

.fa-font:before {
  content: "\f031";
}

.fa-bold:before {
  content: "\f032";
}

.fa-italic:before {
  content: "\f033";
}

.fa-text-height:before {
  content: "\f034";
}

.fa-text-width:before {
  content: "\f035";
}

.fa-align-left:before {
  content: "\f036";
}

.fa-align-center:before {
  content: "\f037";
}

.fa-align-right:before {
  content: "\f038";
}

.fa-align-justify:before {
  content: "\f039";
}

.fa-list:before {
  content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}

.fa-indent:before {
  content: "\f03c";
}

.fa-video-camera:before {
  content: "\f03d";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}

.fa-pencil:before {
  content: "\f040";
}

.fa-map-marker:before {
  content: "\f041";
}

.fa-adjust:before {
  content: "\f042";
}

.fa-tint:before {
  content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}

.fa-share-square-o:before {
  content: "\f045";
}

.fa-check-square-o:before {
  content: "\f046";
}

.fa-arrows:before {
  content: "\f047";
}

.fa-step-backward:before {
  content: "\f048";
}

.fa-fast-backward:before {
  content: "\f049";
}

.fa-backward:before {
  content: "\f04a";
}

.fa-play:before {
  content: "\f04b";
}

.fa-pause:before {
  content: "\f04c";
}

.fa-stop:before {
  content: "\f04d";
}

.fa-forward:before {
  content: "\f04e";
}

.fa-fast-forward:before {
  content: "\f050";
}

.fa-step-forward:before {
  content: "\f051";
}

.fa-eject:before {
  content: "\f052";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-plus-circle:before {
  content: "\f055";
}

.fa-minus-circle:before {
  content: "\f056";
}

.fa-times-circle:before {
  content: "\f057";
}

.fa-check-circle:before {
  content: "\f058";
}

.fa-question-circle:before {
  content: "\f059";
}

.fa-info-circle:before {
  content: "\f05a";
}

.fa-crosshairs:before {
  content: "\f05b";
}

.fa-times-circle-o:before {
  content: "\f05c";
}

.fa-check-circle-o:before {
  content: "\f05d";
}

.fa-ban:before {
  content: "\f05e";
}

.fa-arrow-left:before {
  content: "\f060";
}

.fa-arrow-right:before {
  content: "\f061";
}

.fa-arrow-up:before {
  content: "\f062";
}

.fa-arrow-down:before {
  content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}

.fa-expand:before {
  content: "\f065";
}

.fa-compress:before {
  content: "\f066";
}

.fa-plus:before {
  content: "\f067";
}

.fa-minus:before {
  content: "\f068";
}

.fa-asterisk:before {
  content: "\f069";
}

.fa-exclamation-circle:before {
  content: "\f06a";
}

.fa-gift:before {
  content: "\f06b";
}

.fa-leaf:before {
  content: "\f06c";
}

.fa-fire:before {
  content: "\f06d";
}

.fa-eye:before {
  content: "\f06e";
}

.fa-eye-slash:before {
  content: "\f070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}

.fa-plane:before {
  content: "\f072";
}

.fa-calendar:before {
  content: "\f073";
}

.fa-random:before {
  content: "\f074";
}

.fa-comment:before {
  content: "\f075";
}

.fa-magnet:before {
  content: "\f076";
}

.fa-chevron-up:before {
  content: "\f077";
}

.fa-chevron-down:before {
  content: "\f078";
}

.fa-retweet:before {
  content: "\f079";
}

.fa-shopping-cart:before {
  content: "\f07a";
}

.fa-folder:before {
  content: "\f07b";
}

.fa-folder-open:before {
  content: "\f07c";
}

.fa-arrows-v:before {
  content: "\f07d";
}

.fa-arrows-h:before {
  content: "\f07e";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-camera-retro:before {
  content: "\f083";
}

.fa-key:before {
  content: "\f084";
}

.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}

.fa-comments:before {
  content: "\f086";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}

.fa-thumbs-o-down:before {
  content: "\f088";
}

.fa-star-half:before {
  content: "\f089";
}

.fa-heart-o:before {
  content: "\f08a";
}

.fa-sign-out:before {
  content: "\f08b";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-thumb-tack:before {
  content: "\f08d";
}

.fa-external-link:before {
  content: "\f08e";
}

.fa-sign-in:before {
  content: "\f090";
}

.fa-trophy:before {
  content: "\f091";
}

.fa-github-square:before {
  content: "\f092";
}

.fa-upload:before {
  content: "\f093";
}

.fa-lemon-o:before {
  content: "\f094";
}

.fa-phone:before {
  content: "\f095";
}

.fa-square-o:before {
  content: "\f096";
}

.fa-bookmark-o:before {
  content: "\f097";
}

.fa-phone-square:before {
  content: "\f098";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}

.fa-github:before {
  content: "\f09b";
}

.fa-unlock:before {
  content: "\f09c";
}

.fa-credit-card:before {
  content: "\f09d";
}

.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}

.fa-hdd-o:before {
  content: "\f0a0";
}

.fa-bullhorn:before {
  content: "\f0a1";
}

.fa-bell:before {
  content: "\f0f3";
}

.fa-certificate:before {
  content: "\f0a3";
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.fa-hand-o-left:before {
  content: "\f0a5";
}

.fa-hand-o-up:before {
  content: "\f0a6";
}

.fa-hand-o-down:before {
  content: "\f0a7";
}

.fa-arrow-circle-left:before {
  content: "\f0a8";
}

.fa-arrow-circle-right:before {
  content: "\f0a9";
}

.fa-arrow-circle-up:before {
  content: "\f0aa";
}

.fa-arrow-circle-down:before {
  content: "\f0ab";
}

.fa-globe:before {
  content: "\f0ac";
}

.fa-wrench:before {
  content: "\f0ad";
}

.fa-tasks:before {
  content: "\f0ae";
}

.fa-filter:before {
  content: "\f0b0";
}

.fa-briefcase:before {
  content: "\f0b1";
}

.fa-arrows-alt:before {
  content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}

.fa-cloud:before {
  content: "\f0c2";
}

.fa-flask:before {
  content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}

.fa-paperclip:before {
  content: "\f0c6";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}

.fa-square:before {
  content: "\f0c8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}

.fa-list-ul:before {
  content: "\f0ca";
}

.fa-list-ol:before {
  content: "\f0cb";
}

.fa-strikethrough:before {
  content: "\f0cc";
}

.fa-underline:before {
  content: "\f0cd";
}

.fa-table:before {
  content: "\f0ce";
}

.fa-magic:before {
  content: "\f0d0";
}

.fa-truck:before {
  content: "\f0d1";
}

.fa-pinterest:before {
  content: "\f0d2";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-google-plus:before {
  content: "\f0d5";
}

.fa-money:before {
  content: "\f0d6";
}

.fa-caret-down:before {
  content: "\f0d7";
}

.fa-caret-up:before {
  content: "\f0d8";
}

.fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-right:before {
  content: "\f0da";
}

.fa-columns:before {
  content: "\f0db";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}

.fa-envelope:before {
  content: "\f0e0";
}

.fa-linkedin:before {
  content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}

.fa-comment-o:before {
  content: "\f0e5";
}

.fa-comments-o:before {
  content: "\f0e6";
}

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}

.fa-sitemap:before {
  content: "\f0e8";
}

.fa-umbrella:before {
  content: "\f0e9";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}

.fa-lightbulb-o:before {
  content: "\f0eb";
}

.fa-exchange:before {
  content: "\f0ec";
}

.fa-cloud-download:before {
  content: "\f0ed";
}

.fa-cloud-upload:before {
  content: "\f0ee";
}

.fa-user-md:before {
  content: "\f0f0";
}

.fa-stethoscope:before {
  content: "\f0f1";
}

.fa-suitcase:before {
  content: "\f0f2";
}

.fa-bell-o:before {
  content: "\f0a2";
}

.fa-coffee:before {
  content: "\f0f4";
}

.fa-cutlery:before {
  content: "\f0f5";
}

.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-building-o:before {
  content: "\f0f7";
}

.fa-hospital-o:before {
  content: "\f0f8";
}

.fa-ambulance:before {
  content: "\f0f9";
}

.fa-medkit:before {
  content: "\f0fa";
}

.fa-fighter-jet:before {
  content: "\f0fb";
}

.fa-beer:before {
  content: "\f0fc";
}

.fa-h-square:before {
  content: "\f0fd";
}

.fa-plus-square:before {
  content: "\f0fe";
}

.fa-angle-double-left:before {
  content: "\f100";
}

.fa-angle-double-right:before {
  content: "\f101";
}

.fa-angle-double-up:before {
  content: "\f102";
}

.fa-angle-double-down:before {
  content: "\f103";
}

.fa-angle-left:before {
  content: "\f104";
}

.fa-angle-right:before {
  content: "\f105";
}

.fa-angle-up:before {
  content: "\f106";
}

.fa-angle-down:before {
  content: "\f107";
}

.fa-desktop:before {
  content: "\f108";
}

.fa-laptop:before {
  content: "\f109";
}

.fa-tablet:before {
  content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}

.fa-circle-o:before {
  content: "\f10c";
}

.fa-quote-left:before {
  content: "\f10d";
}

.fa-quote-right:before {
  content: "\f10e";
}

.fa-spinner:before {
  content: "\f110";
}

.fa-circle:before {
  content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}

.fa-github-alt:before {
  content: "\f113";
}

.fa-folder-o:before {
  content: "\f114";
}

.fa-folder-open-o:before {
  content: "\f115";
}

.fa-smile-o:before {
  content: "\f118";
}

.fa-frown-o:before {
  content: "\f119";
}

.fa-meh-o:before {
  content: "\f11a";
}

.fa-gamepad:before {
  content: "\f11b";
}

.fa-keyboard-o:before {
  content: "\f11c";
}

.fa-flag-o:before {
  content: "\f11d";
}

.fa-flag-checkered:before {
  content: "\f11e";
}

.fa-terminal:before {
  content: "\f120";
}

.fa-code:before {
  content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}

.fa-location-arrow:before {
  content: "\f124";
}

.fa-crop:before {
  content: "\f125";
}

.fa-code-fork:before {
  content: "\f126";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}

.fa-question:before {
  content: "\f128";
}

.fa-info:before {
  content: "\f129";
}

.fa-exclamation:before {
  content: "\f12a";
}

.fa-superscript:before {
  content: "\f12b";
}

.fa-subscript:before {
  content: "\f12c";
}

.fa-eraser:before {
  content: "\f12d";
}

.fa-puzzle-piece:before {
  content: "\f12e";
}

.fa-microphone:before {
  content: "\f130";
}

.fa-microphone-slash:before {
  content: "\f131";
}

.fa-shield:before {
  content: "\f132";
}

.fa-calendar-o:before {
  content: "\f133";
}

.fa-fire-extinguisher:before {
  content: "\f134";
}

.fa-rocket:before {
  content: "\f135";
}

.fa-maxcdn:before {
  content: "\f136";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-html5:before {
  content: "\f13b";
}

.fa-css3:before {
  content: "\f13c";
}

.fa-anchor:before {
  content: "\f13d";
}

.fa-unlock-alt:before {
  content: "\f13e";
}

.fa-bullseye:before {
  content: "\f140";
}

.fa-ellipsis-h:before {
  content: "\f141";
}

.fa-ellipsis-v:before {
  content: "\f142";
}

.fa-rss-square:before {
  content: "\f143";
}

.fa-play-circle:before {
  content: "\f144";
}

.fa-ticket:before {
  content: "\f145";
}

.fa-minus-square:before {
  content: "\f146";
}

.fa-minus-square-o:before {
  content: "\f147";
}

.fa-level-up:before {
  content: "\f148";
}

.fa-level-down:before {
  content: "\f149";
}

.fa-check-square:before {
  content: "\f14a";
}

.fa-pencil-square:before {
  content: "\f14b";
}

.fa-external-link-square:before {
  content: "\f14c";
}

.fa-share-square:before {
  content: "\f14d";
}

.fa-compass:before {
  content: "\f14e";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}

.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}

.fa-gbp:before {
  content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}

.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}

.fa-won:before,
.fa-krw:before {
  content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}

.fa-file:before {
  content: "\f15b";
}

.fa-file-text:before {
  content: "\f15c";
}

.fa-sort-alpha-asc:before {
  content: "\f15d";
}

.fa-sort-alpha-desc:before {
  content: "\f15e";
}

.fa-sort-amount-asc:before {
  content: "\f160";
}

.fa-sort-amount-desc:before {
  content: "\f161";
}

.fa-sort-numeric-asc:before {
  content: "\f162";
}

.fa-sort-numeric-desc:before {
  content: "\f163";
}

.fa-thumbs-up:before {
  content: "\f164";
}

.fa-thumbs-down:before {
  content: "\f165";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-youtube:before {
  content: "\f167";
}

.fa-xing:before {
  content: "\f168";
}

.fa-xing-square:before {
  content: "\f169";
}

.fa-youtube-play:before {
  content: "\f16a";
}

.fa-dropbox:before {
  content: "\f16b";
}

.fa-stack-overflow:before {
  content: "\f16c";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-flickr:before {
  content: "\f16e";
}

.fa-adn:before {
  content: "\f170";
}

.fa-bitbucket:before {
  content: "\f171";
}

.fa-bitbucket-square:before {
  content: "\f172";
}

.fa-tumblr:before {
  content: "\f173";
}

.fa-tumblr-square:before {
  content: "\f174";
}

.fa-long-arrow-down:before {
  content: "\f175";
}

.fa-long-arrow-up:before {
  content: "\f176";
}

.fa-long-arrow-left:before {
  content: "\f177";
}

.fa-long-arrow-right:before {
  content: "\f178";
}

.fa-apple:before {
  content: "\f179";
}

.fa-windows:before {
  content: "\f17a";
}

.fa-android:before {
  content: "\f17b";
}

.fa-linux:before {
  content: "\f17c";
}

.fa-dribbble:before {
  content: "\f17d";
}

.fa-skype:before {
  content: "\f17e";
}

.fa-foursquare:before {
  content: "\f180";
}

.fa-trello:before {
  content: "\f181";
}

.fa-female:before {
  content: "\f182";
}

.fa-male:before {
  content: "\f183";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}

.fa-sun-o:before {
  content: "\f185";
}

.fa-moon-o:before {
  content: "\f186";
}

.fa-archive:before {
  content: "\f187";
}

.fa-bug:before {
  content: "\f188";
}

.fa-vk:before {
  content: "\f189";
}

.fa-weibo:before {
  content: "\f18a";
}

.fa-renren:before {
  content: "\f18b";
}

.fa-pagelines:before {
  content: "\f18c";
}

.fa-stack-exchange:before {
  content: "\f18d";
}

.fa-arrow-circle-o-right:before {
  content: "\f18e";
}

.fa-arrow-circle-o-left:before {
  content: "\f190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}

.fa-dot-circle-o:before {
  content: "\f192";
}

.fa-wheelchair:before {
  content: "\f193";
}

.fa-vimeo-square:before {
  content: "\f194";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}

.fa-plus-square-o:before {
  content: "\f196";
}

.fa-space-shuttle:before {
  content: "\f197";
}

.fa-slack:before {
  content: "\f198";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-wordpress:before {
  content: "\f19a";
}

.fa-openid:before {
  content: "\f19b";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}

.fa-yahoo:before {
  content: "\f19e";
}

.fa-google:before {
  content: "\f1a0";
}

.fa-reddit:before {
  content: "\f1a1";
}

.fa-reddit-square:before {
  content: "\f1a2";
}

.fa-stumbleupon-circle:before {
  content: "\f1a3";
}

.fa-stumbleupon:before {
  content: "\f1a4";
}

.fa-delicious:before {
  content: "\f1a5";
}

.fa-digg:before {
  content: "\f1a6";
}

.fa-pied-piper-pp:before {
  content: "\f1a7";
}

.fa-pied-piper-alt:before {
  content: "\f1a8";
}

.fa-drupal:before {
  content: "\f1a9";
}

.fa-joomla:before {
  content: "\f1aa";
}

.fa-language:before {
  content: "\f1ab";
}

.fa-fax:before {
  content: "\f1ac";
}

.fa-building:before {
  content: "\f1ad";
}

.fa-child:before {
  content: "\f1ae";
}

.fa-paw:before {
  content: "\f1b0";
}

.fa-spoon:before {
  content: "\f1b1";
}

.fa-cube:before {
  content: "\f1b2";
}

.fa-cubes:before {
  content: "\f1b3";
}

.fa-behance:before {
  content: "\f1b4";
}

.fa-behance-square:before {
  content: "\f1b5";
}

.fa-steam:before {
  content: "\f1b6";
}

.fa-steam-square:before {
  content: "\f1b7";
}

.fa-recycle:before {
  content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}

.fa-tree:before {
  content: "\f1bb";
}

.fa-spotify:before {
  content: "\f1bc";
}

.fa-deviantart:before {
  content: "\f1bd";
}

.fa-soundcloud:before {
  content: "\f1be";
}

.fa-database:before {
  content: "\f1c0";
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.fa-file-word-o:before {
  content: "\f1c2";
}

.fa-file-excel-o:before {
  content: "\f1c3";
}

.fa-file-powerpoint-o:before {
  content: "\f1c4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}

.fa-file-code-o:before {
  content: "\f1c9";
}

.fa-vine:before {
  content: "\f1ca";
}

.fa-codepen:before {
  content: "\f1cb";
}

.fa-jsfiddle:before {
  content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}

.fa-circle-o-notch:before {
  content: "\f1ce";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}

.fa-git-square:before {
  content: "\f1d2";
}

.fa-git:before {
  content: "\f1d3";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}

.fa-tencent-weibo:before {
  content: "\f1d5";
}

.fa-qq:before {
  content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}

.fa-history:before {
  content: "\f1da";
}

.fa-circle-thin:before {
  content: "\f1db";
}

.fa-header:before {
  content: "\f1dc";
}

.fa-paragraph:before {
  content: "\f1dd";
}

.fa-sliders:before {
  content: "\f1de";
}

.fa-share-alt:before {
  content: "\f1e0";
}

.fa-share-alt-square:before {
  content: "\f1e1";
}

.fa-bomb:before {
  content: "\f1e2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}

.fa-tty:before {
  content: "\f1e4";
}

.fa-binoculars:before {
  content: "\f1e5";
}

.fa-plug:before {
  content: "\f1e6";
}

.fa-slideshare:before {
  content: "\f1e7";
}

.fa-twitch:before {
  content: "\f1e8";
}

.fa-yelp:before {
  content: "\f1e9";
}

.fa-newspaper-o:before {
  content: "\f1ea";
}

.fa-wifi:before {
  content: "\f1eb";
}

.fa-calculator:before {
  content: "\f1ec";
}

.fa-paypal:before {
  content: "\f1ed";
}

.fa-google-wallet:before {
  content: "\f1ee";
}

.fa-cc-visa:before {
  content: "\f1f0";
}

.fa-cc-mastercard:before {
  content: "\f1f1";
}

.fa-cc-discover:before {
  content: "\f1f2";
}

.fa-cc-amex:before {
  content: "\f1f3";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}

.fa-cc-stripe:before {
  content: "\f1f5";
}

.fa-bell-slash:before {
  content: "\f1f6";
}

.fa-bell-slash-o:before {
  content: "\f1f7";
}

.fa-trash:before {
  content: "\f1f8";
}

.fa-copyright:before {
  content: "\f1f9";
}

.fa-at:before {
  content: "\f1fa";
}

.fa-eyedropper:before {
  content: "\f1fb";
}

.fa-paint-brush:before {
  content: "\f1fc";
}

.fa-birthday-cake:before {
  content: "\f1fd";
}

.fa-area-chart:before {
  content: "\f1fe";
}

.fa-pie-chart:before {
  content: "\f200";
}

.fa-line-chart:before {
  content: "\f201";
}

.fa-lastfm:before {
  content: "\f202";
}

.fa-lastfm-square:before {
  content: "\f203";
}

.fa-toggle-off:before {
  content: "\f204";
}

.fa-toggle-on:before {
  content: "\f205";
}

.fa-bicycle:before {
  content: "\f206";
}

.fa-bus:before {
  content: "\f207";
}

.fa-ioxhost:before {
  content: "\f208";
}

.fa-angellist:before {
  content: "\f209";
}

.fa-cc:before {
  content: "\f20a";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}

.fa-meanpath:before {
  content: "\f20c";
}

.fa-buysellads:before {
  content: "\f20d";
}

.fa-connectdevelop:before {
  content: "\f20e";
}

.fa-dashcube:before {
  content: "\f210";
}

.fa-forumbee:before {
  content: "\f211";
}

.fa-leanpub:before {
  content: "\f212";
}

.fa-sellsy:before {
  content: "\f213";
}

.fa-shirtsinbulk:before {
  content: "\f214";
}

.fa-simplybuilt:before {
  content: "\f215";
}

.fa-skyatlas:before {
  content: "\f216";
}

.fa-cart-plus:before {
  content: "\f217";
}

.fa-cart-arrow-down:before {
  content: "\f218";
}

.fa-diamond:before {
  content: "\f219";
}

.fa-ship:before {
  content: "\f21a";
}

.fa-user-secret:before {
  content: "\f21b";
}

.fa-motorcycle:before {
  content: "\f21c";
}

.fa-street-view:before {
  content: "\f21d";
}

.fa-heartbeat:before {
  content: "\f21e";
}

.fa-venus:before {
  content: "\f221";
}

.fa-mars:before {
  content: "\f222";
}

.fa-mercury:before {
  content: "\f223";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}

.fa-transgender-alt:before {
  content: "\f225";
}

.fa-venus-double:before {
  content: "\f226";
}

.fa-mars-double:before {
  content: "\f227";
}

.fa-venus-mars:before {
  content: "\f228";
}

.fa-mars-stroke:before {
  content: "\f229";
}

.fa-mars-stroke-v:before {
  content: "\f22a";
}

.fa-mars-stroke-h:before {
  content: "\f22b";
}

.fa-neuter:before {
  content: "\f22c";
}

.fa-genderless:before {
  content: "\f22d";
}

.fa-facebook-official:before {
  content: "\f230";
}

.fa-pinterest-p:before {
  content: "\f231";
}

.fa-whatsapp:before {
  content: "\f232";
}

.fa-server:before {
  content: "\f233";
}

.fa-user-plus:before {
  content: "\f234";
}

.fa-user-times:before {
  content: "\f235";
}

.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}

.fa-viacoin:before {
  content: "\f237";
}

.fa-train:before {
  content: "\f238";
}

.fa-subway:before {
  content: "\f239";
}

.fa-medium:before {
  content: "\f23a";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}

.fa-optin-monster:before {
  content: "\f23c";
}

.fa-opencart:before {
  content: "\f23d";
}

.fa-expeditedssl:before {
  content: "\f23e";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}

.fa-mouse-pointer:before {
  content: "\f245";
}

.fa-i-cursor:before {
  content: "\f246";
}

.fa-object-group:before {
  content: "\f247";
}

.fa-object-ungroup:before {
  content: "\f248";
}

.fa-sticky-note:before {
  content: "\f249";
}

.fa-sticky-note-o:before {
  content: "\f24a";
}

.fa-cc-jcb:before {
  content: "\f24b";
}

.fa-cc-diners-club:before {
  content: "\f24c";
}

.fa-clone:before {
  content: "\f24d";
}

.fa-balance-scale:before {
  content: "\f24e";
}

.fa-hourglass-o:before {
  content: "\f250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}

.fa-hourglass:before {
  content: "\f254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}

.fa-hand-scissors-o:before {
  content: "\f257";
}

.fa-hand-lizard-o:before {
  content: "\f258";
}

.fa-hand-spock-o:before {
  content: "\f259";
}

.fa-hand-pointer-o:before {
  content: "\f25a";
}

.fa-hand-peace-o:before {
  content: "\f25b";
}

.fa-trademark:before {
  content: "\f25c";
}

.fa-registered:before {
  content: "\f25d";
}

.fa-creative-commons:before {
  content: "\f25e";
}

.fa-gg:before {
  content: "\f260";
}

.fa-gg-circle:before {
  content: "\f261";
}

.fa-tripadvisor:before {
  content: "\f262";
}

.fa-odnoklassniki:before {
  content: "\f263";
}

.fa-odnoklassniki-square:before {
  content: "\f264";
}

.fa-get-pocket:before {
  content: "\f265";
}

.fa-wikipedia-w:before {
  content: "\f266";
}

.fa-safari:before {
  content: "\f267";
}

.fa-chrome:before {
  content: "\f268";
}

.fa-firefox:before {
  content: "\f269";
}

.fa-opera:before {
  content: "\f26a";
}

.fa-internet-explorer:before {
  content: "\f26b";
}

.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}

.fa-contao:before {
  content: "\f26d";
}

.fa-500px:before {
  content: "\f26e";
}

.fa-amazon:before {
  content: "\f270";
}

.fa-calendar-plus-o:before {
  content: "\f271";
}

.fa-calendar-minus-o:before {
  content: "\f272";
}

.fa-calendar-times-o:before {
  content: "\f273";
}

.fa-calendar-check-o:before {
  content: "\f274";
}

.fa-industry:before {
  content: "\f275";
}

.fa-map-pin:before {
  content: "\f276";
}

.fa-map-signs:before {
  content: "\f277";
}

.fa-map-o:before {
  content: "\f278";
}

.fa-map:before {
  content: "\f279";
}

.fa-commenting:before {
  content: "\f27a";
}

.fa-commenting-o:before {
  content: "\f27b";
}

.fa-houzz:before {
  content: "\f27c";
}

.fa-vimeo:before {
  content: "\f27d";
}

.fa-black-tie:before {
  content: "\f27e";
}

.fa-fonticons:before {
  content: "\f280";
}

.fa-reddit-alien:before {
  content: "\f281";
}

.fa-edge:before {
  content: "\f282";
}

.fa-credit-card-alt:before {
  content: "\f283";
}

.fa-codiepie:before {
  content: "\f284";
}

.fa-modx:before {
  content: "\f285";
}

.fa-fort-awesome:before {
  content: "\f286";
}

.fa-usb:before {
  content: "\f287";
}

.fa-product-hunt:before {
  content: "\f288";
}

.fa-mixcloud:before {
  content: "\f289";
}

.fa-scribd:before {
  content: "\f28a";
}

.fa-pause-circle:before {
  content: "\f28b";
}

.fa-pause-circle-o:before {
  content: "\f28c";
}

.fa-stop-circle:before {
  content: "\f28d";
}

.fa-stop-circle-o:before {
  content: "\f28e";
}

.fa-shopping-bag:before {
  content: "\f290";
}

.fa-shopping-basket:before {
  content: "\f291";
}

.fa-hashtag:before {
  content: "\f292";
}

.fa-bluetooth:before {
  content: "\f293";
}

.fa-bluetooth-b:before {
  content: "\f294";
}

.fa-percent:before {
  content: "\f295";
}

.fa-gitlab:before {
  content: "\f296";
}

.fa-wpbeginner:before {
  content: "\f297";
}

.fa-wpforms:before {
  content: "\f298";
}

.fa-envira:before {
  content: "\f299";
}

.fa-universal-access:before {
  content: "\f29a";
}

.fa-wheelchair-alt:before {
  content: "\f29b";
}

.fa-question-circle-o:before {
  content: "\f29c";
}

.fa-blind:before {
  content: "\f29d";
}

.fa-audio-description:before {
  content: "\f29e";
}

.fa-volume-control-phone:before {
  content: "\f2a0";
}

.fa-braille:before {
  content: "\f2a1";
}

.fa-assistive-listening-systems:before {
  content: "\f2a2";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}

.fa-glide:before {
  content: "\f2a5";
}

.fa-glide-g:before {
  content: "\f2a6";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}

.fa-low-vision:before {
  content: "\f2a8";
}

.fa-viadeo:before {
  content: "\f2a9";
}

.fa-viadeo-square:before {
  content: "\f2aa";
}

.fa-snapchat:before {
  content: "\f2ab";
}

.fa-snapchat-ghost:before {
  content: "\f2ac";
}

.fa-snapchat-square:before {
  content: "\f2ad";
}

.fa-pied-piper:before {
  content: "\f2ae";
}

.fa-first-order:before {
  content: "\f2b0";
}

.fa-yoast:before {
  content: "\f2b1";
}

.fa-themeisle:before {
  content: "\f2b2";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}

.fa-handshake-o:before {
  content: "\f2b5";
}

.fa-envelope-open:before {
  content: "\f2b6";
}

.fa-envelope-open-o:before {
  content: "\f2b7";
}

.fa-linode:before {
  content: "\f2b8";
}

.fa-address-book:before {
  content: "\f2b9";
}

.fa-address-book-o:before {
  content: "\f2ba";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}

.fa-user-circle:before {
  content: "\f2bd";
}

.fa-user-circle-o:before {
  content: "\f2be";
}

.fa-user-o:before {
  content: "\f2c0";
}

.fa-id-badge:before {
  content: "\f2c1";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}

.fa-quora:before {
  content: "\f2c4";
}

.fa-free-code-camp:before {
  content: "\f2c5";
}

.fa-telegram:before {
  content: "\f2c6";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}

.fa-shower:before {
  content: "\f2cc";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}

.fa-podcast:before {
  content: "\f2ce";
}

.fa-window-maximize:before {
  content: "\f2d0";
}

.fa-window-minimize:before {
  content: "\f2d1";
}

.fa-window-restore:before {
  content: "\f2d2";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}

.fa-bandcamp:before {
  content: "\f2d5";
}

.fa-grav:before {
  content: "\f2d6";
}

.fa-etsy:before {
  content: "\f2d7";
}

.fa-imdb:before {
  content: "\f2d8";
}

.fa-ravelry:before {
  content: "\f2d9";
}

.fa-eercast:before {
  content: "\f2da";
}

.fa-microchip:before {
  content: "\f2db";
}

.fa-snowflake-o:before {
  content: "\f2dc";
}

.fa-superpowers:before {
  content: "\f2dd";
}

.fa-wpexplorer:before {
  content: "\f2de";
}

.fa-meetup:before {
  content: "\f2e0";
}

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

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default!important;
  pointer-events: none;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em;
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: -webkit-calc( 100% - 2.4em );
  width: -moz-calc( 100% - 2.4em );
  width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  -webkit-box-shadow: inset 1px 1px 1px #ccc;
  -moz-box-shadow: inset 1px 1px 1px #ccc;
  box-shadow: inset 1px 1px 1px #ccc;
  -webkit-border-radius: .12em;
  -moz-border-radius: .12em;
  border-radius: .12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
  filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  padding: .2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

.ui-widget {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana,Arial,sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #d3d3d3;
}

.ui-widget-content {
  border: 1px solid #aaa;
  background: #fff;
  color: #222;
}

.ui-widget-content a {
  color: #222;
}

.ui-widget-header {
  border: 1px solid #aaa;
  background: #ccc url("packages/mizzao_jquery-ui/lib/themes/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
  color: #222;
  font-weight: bold;
}

.ui-widget-header a {
  color: #222;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url("packages/mizzao_jquery-ui/lib/themes/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #555;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #555;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #999;
  background: #dadada url("packages/mizzao_jquery-ui/lib/themes/smoothness/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #212121;
  text-decoration: none;
}

.ui-visual-focus {
  -webkit-box-shadow: 0 0 3px 1px rgb(94,158,214);
  -moz-box-shadow: 0 0 3px 1px rgb(94,158,214);
  box-shadow: 0 0 3px 1px rgb(94,158,214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #aaa;
  background: #fff url("packages/mizzao_jquery-ui/lib/themes/smoothness/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #aaa;
  background-color: #212121;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url("packages/mizzao_jquery-ui/lib/themes/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
  color: #363636;
}

.ui-state-checked {
  border: 1px solid #fcefa1;
  background: #fbf9ee;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url("packages/mizzao_jquery-ui/lib/themes/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("packages/mizzao_jquery-ui/lib/themes/smoothness/images/ui-icons_222222_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("packages/mizzao_jquery-ui/lib/themes/smoothness/images/ui-icons_222222_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("packages/mizzao_jquery-ui/lib/themes/smoothness/images/ui-icons_454545_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("packages/mizzao_jquery-ui/lib/themes/smoothness/images/ui-icons_454545_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("packages/mizzao_jquery-ui/lib/themes/smoothness/images/ui-icons_2e83ff_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("packages/mizzao_jquery-ui/lib/themes/smoothness/images/ui-icons_cd0a0a_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("packages/mizzao_jquery-ui/lib/themes/smoothness/images/ui-icons_888888_256x240.png");
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}

.ui-widget-overlay {
  background: #aaa;
  opacity: .3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  -webkit-box-shadow: -8px -8px 8px #aaa;
  -moz-box-shadow: -8px -8px 8px #aaa;
  box-shadow: -8px -8px 8px #aaa;
}

.slick-header.ui-state-default,
.slick-headerrow.ui-state-default {
  width: 100%;
  overflow: hidden;
  border-left: 0px;
}

.slick-header-columns,
.slick-headerrow-columns {
  position: relative;
  white-space: nowrap;
  cursor: default;
  overflow: hidden;
}

.slick-header-column.ui-state-default {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  height: 16px;
  line-height: 16px;
  margin: 0;
  padding: 4px;
  border-right: 1px solid silver;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0px;
  float: left;
}

.slick-header-column.ui-state-default .slick-column-name {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

.slick-headerrow-column.ui-state-default {
  padding: 4px;
}

.slick-header-column-sorted {
  font-style: italic;
}

.slick-sort-indicator {
  display: inline-block;
  width: 8px;
  height: 5px;
  margin-left: 4px;
  margin-top: 6px;
  float: left;
}

.slick-sort-indicator-desc {
  background: url(packages/stem-capital_slick-grid/images/sort-desc.gif);
}

.slick-sort-indicator-asc {
  background: url(packages/stem-capital_slick-grid/images/sort-asc.gif);
}

.slick-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  cursor: col-resize;
  width: 4px;
  right: 0px;
  top: 0;
  height: 100%;
}

.slick-sortable-placeholder {
  background: silver;
}

.grid-canvas {
  position: relative;
  outline: 0;
  min-height: 1px;
}

.slick-cell,
.slick-headerrow-column {
  position: absolute;
  border: 1px solid transparent;
  border-right: 1px dotted silver;
  border-bottom-color: silver;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: middle;
  z-index: 1;
  padding: 1px 2px 2px 1px;
  margin: 0;
  white-space: nowrap;
  cursor: default;
}

.slick-group-toggle {
  display: inline-block;
}

.slick-cell.highlighted {
  background: lightskyblue;
  background: rgba(0, 0, 255, 0.2);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.slick-cell.flashing {
  border: 1px solid red !important;
}

.slick-cell.editable {
  z-index: 11;
  overflow: visible;
  background: white;
  border-color: black;
  border-style: solid;
}

.slick-cell:focus {
  outline: none;
}

.slick-reorder-proxy {
  display: inline-block;
  background: blue;
  opacity: 0.15;
  filter: alpha(opacity=15);
  cursor: move;
}

.slick-reorder-guide {
  display: inline-block;
  height: 2px;
  background: blue;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.slick-selection {
  z-index: 10;
  position: absolute;
  border: 2px dashed black;
}

.slick-dynamic-row-height .slick-cell {
  position: relative;
  display: table-cell;
  overflow: visible;
  white-space: normal;
  -o-text-overflow: clip;
  text-overflow: clip;
  vertical-align: middle;
  z-index: 1;
}

.column-name-tooltip {
  position: absolute;
  background-color: white;
  z-index: 10;
  opacity: 0;
  -webkit-transition: opacity 0.35s;
  -moz-transition: opacity 0.35s;
  -o-transition: opacity 0.35s;
  transition: opacity 0.35s;
  -webkit-box-shadow: 0 0px 3px rgba(171, 178, 191, 0.5);
  -moz-box-shadow: 0 0px 3px rgba(171, 178, 191, 0.5);
  box-shadow: 0 0px 3px rgba(171, 178, 191, 0.5);
  pointer-events: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  padding: 4px 6px;
  line-height: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #3D495B;
  white-space: nowrap;
}

.column-name-tooltip.show {
  opacity: 1;
}



select.bs-select-hidden,
.bootstrap-select > select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}

.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/
  vertical-align: middle;
}

.bootstrap-select > .dropdown-toggle {
  position: relative;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: -moz-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -moz-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  -moz-box-pack: justify;
  justify-content: space-between;
}

.bootstrap-select > .dropdown-toggle:after {
  margin-top: -1px;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
  color: #999;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active {
  color: rgba(255, 255, 255, 0.5);
}

.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
  z-index: 0 !important;
}

.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2 !important;
}

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle,
.bootstrap-select.is-invalid .dropdown-toggle,
.was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle {
  border-color: #b94a48;
}

.bootstrap-select.is-valid .dropdown-toggle,
.was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle {
  border-color: #28a745;
}

.bootstrap-select.fit-width {
  width: auto !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}

:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}

.bootstrap-select.form-control.input-group-btn {
  float: none;
  z-index: auto;
}

.form-inline .bootstrap-select,
.form-inline .bootstrap-select.form-control:not([class*="col-"]) {
  width: auto;
}

.bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}

.bootstrap-select.dropdown-menu-right,
.bootstrap-select[class*="col-"].dropdown-menu-right,
.row .bootstrap-select[class*="col-"].dropdown-menu-right {
  float: right;
}

.form-inline .bootstrap-select,
.form-horizontal .bootstrap-select,
.form-group .bootstrap-select {
  margin-bottom: 0;
}

.form-group-lg .bootstrap-select.form-control,
.form-group-sm .bootstrap-select.form-control {
  padding: 0;
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.form-control .dropdown-toggle {
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
}

.bootstrap-select.form-control-sm .dropdown-toggle,
.bootstrap-select.form-control-lg .dropdown-toggle {
  font-size: inherit;
  line-height: inherit;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
}

.bootstrap-select.form-control-sm .dropdown-toggle {
  padding: 0.25rem 0.5rem;
}

.bootstrap-select.form-control-lg .dropdown-toggle {
  padding: 0.5rem 1rem;
}

.form-inline .bootstrap-select .form-control {
  width: 100%;
}

.bootstrap-select.disabled,
.bootstrap-select > .disabled {
  cursor: not-allowed;
}

.bootstrap-select.disabled:focus,
.bootstrap-select > .disabled:focus {
  outline: none !important;
}

.bootstrap-select.bs-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 0 !important;
  padding: 0 !important;
}

.bootstrap-select.bs-container .dropdown-menu {
  z-index: 1060;
}

.bootstrap-select .dropdown-menu {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18);
}

.bootstrap-select .dropdown-toggle .filter-option {
  position: static;
  top: 0;
  left: 0;
  float: left;
  height: 100%;
  width: 100%;
  text-align: left;
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  -moz-box-flex: 0;
  flex: 0 1 auto;
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
  padding-right: inherit;
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
  position: absolute;
  padding-top: inherit;
  padding-bottom: inherit;
  padding-left: inherit;
  float: none;
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
  padding-right: inherit;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: hidden;
}

.slick-cell .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  margin-top: 3px;
}

.bootstrap-select .dropdown-toggle .filter-expand {
  width: 0 !important;
  float: left;
  opacity: 0 !important;
  overflow: hidden;
}

.bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
}

.bootstrap-select[class*="col-"] .dropdown-toggle {
  width: 100%;
}

.bootstrap-select .dropdown-menu {
  border: none;
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bootstrap-select .dropdown-menu > .inner {
  -ms-overflow-style: none;
  padding: 0 8px;
}

.bootstrap-select .dropdown-menu > .inner:focus {
  outline: none !important;
}

.bootstrap-select .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.bootstrap-select .dropdown-menu li {
  position: relative;
}

.bootstrap-select .dropdown-menu li + li {
  margin-top: 2px;
}

.bootstrap-select .dropdown-menu li.active small {
  color: rgba(255, 255, 255, 0.5) !important;
}

.bootstrap-select .dropdown-menu li.disabled a {
  cursor: not-allowed;
}

.bootstrap-select .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.bootstrap-select .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}

.bootstrap-select .dropdown-menu li a span.check-mark {
  display: none;
}

.bootstrap-select .dropdown-menu li a span.text {
  display: inline-block;
}

.bootstrap-select .dropdown-menu li small {
  padding-left: 0.5em;
}

.bootstrap-select .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bootstrap-select .no-results {
  padding: 4px 8px;
  background: #f5f5f5;
  font-size: 14px;
  white-space: nowrap;
  max-width: 240px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
  position: static;
  display: inline;
  padding: 0;
  width: auto;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
  display: inline;
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
  content: '\00a0';
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 5px;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}

.bootstrap-select .bs-ok-default:after {
  content: '';
  display: block;
  width: 0.5em;
  height: 1em;
  border-style: solid;
  border-width: 0 0.26em 0.26em 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
  z-index: 1061;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
  bottom: auto;
  top: -4px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
  bottom: auto;
  top: -4px;
  border-top: 6px solid white;
  border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
  right: 12px;
  left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
  right: 13px;
  left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after {
  display: block;
}

.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}

.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bs-actionsbox .btn-group button {
  width: 50%;
}

.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bs-donebutton .btn-group button {
  width: 100%;
}

.bs-searchbox {
  margin: 0 8px 8px 8px;
}

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}

.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
}



/* Custom styles */

.bootstrap-select .dropdown-item.selected {
  background-color: #f8f9fa;
  color: #16181b;
  font-weight: bold;
}

.bootstrap-select .dropdown-item:active {
  background-color: #f8f9fa;
  color: #16181b;
}

.bootstrap-select .dropdown-item:focus {
  outline: none;
}

.dropdown-menu.dropdown-context {
  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;
  background-color: #ffffff;
  font-size: 14px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  text-align: left;
  overflow: visible;
}

.dropdown-menu.dropdown-context.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu.dropdown-context .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.dropdown-menu.dropdown-context a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
  text-decoration: none;
}

.dropdown-menu.dropdown-context li > a:hover,
.dropdown-menu.dropdown-context li > a:focus,
.dropdown-menu.dropdown-context .dropdown-submenu:hover > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0088cc), to(#0077b3));
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu.dropdown-context .active > a,
.dropdown-menu.dropdown-context .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
  background-color: #0081c2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0088cc), to(#0077b3));
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu.dropdown-context .disabled > a,
.dropdown-menu.dropdown-context .disabled > a:hover {
  color: #999999;
}

.dropdown-menu.dropdown-context .disabled > a:hover {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
}

.dropdown-menu.dropdown-context .open {
  *z-index: 1000;
}

.dropdown-menu.dropdown-context .open > .dropdown-menu {
  display: block;
}

.dropdown-menu.dropdown-context .pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropdown-menu.dropdown-context .dropup .caret,
.dropdown-menu.dropdown-context .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "\2191";
}

.dropdown-menu.dropdown-context .dropup .dropdown-menu,
.dropdown-menu.dropdown-context .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

.dropdown-menu.dropdown-context .dropdown-submenu {
  position: relative;
}

.dropdown-menu.dropdown-context .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
  overflow: auto;
}

.dropdown-menu.dropdown-context .dropdown-submenu > .dropdown-menu.drop-left {
  left: -100%;
}

.dropdown-menu.dropdown-context .dropdown-submenu:hover .dropdown-menu {
  display: block;
}

.dropdown-menu.dropdown-context .dropdown-submenu > a:after {
  display: block;
  float: right;
  width: 0;
  height: 0;
  margin-top: 5px;
  margin-right: -10px;
  border-color: transparent;
  border-left-color: #cccccc;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
}

.dropdown-menu.dropdown-context .dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}

.dropdown-menu.dropdown-context .dropdown .dropdown-menu .nav-header {
  padding-right: 20px;
  padding-left: 20px;
}

/**
 *  Context Styles
 */

.dropdown-context .nav-header {
  cursor: default;
}

.dropdown-context:before,
.dropdown-context-up:before,
.dropdown-context-left:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropdown-context:after,
.dropdown-context-up:after,
.dropdown-context-left:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.dropdown-context-up:before,
.dropdown-context-up:after {
  top: auto;
  bottom: -7px;
  z-index: 9999;
}

.dropdown-context-up:before {
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-bottom: none;
  border-left: 7px solid transparent;
}

.dropdown-context-up:after {
  border-right: 6px solid transparent;
  border-top: 6px solid #ffffff;
  border-left: 6px solid transparent;
  border-bottom: none;
}

.dropdown-context-left:before {
  left: auto;
  right: 9px;
}

.dropdown-context-left:after {
  left: auto;
  right: 9px;
}

.dropdown-context-sub {
  max-height: 305px;
  overflow: auto;
}

.dropdown-context-sub:before,
.dropdown-context-sub:after {
  display: none;
}

.dropdown-context .dropdown-submenu:hover .dropdown-menu {
  display: none;
}

.dropdown-context .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.compressed-context a {
  padding-left: 14px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 13px;
}

.compressed-context .divider {
  margin: 5px 1px;
}

.compressed-context .nav-header {
  padding: 1px 13px;
}

.dynamic-menu-src {
  display: none;
}



.snackbar-container {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  -webkit-transition-property: top, right, bottom, left, opacity;
  -moz-transition-property: top, right, bottom, left, opacity;
  -o-transition-property: top, right, bottom, left, opacity;
  transition-property: top, right, bottom, left, opacity;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  min-height: 14px;
  background-color: #070b0e;
  position: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: white;
  line-height: 22px;
  padding: 18px 24px;
  bottom: 0;
  top: 0;
  opacity: 0;
  z-index: 9999;
}

.snackbar-container .action {
  background: inherit;
  display: inline-block;
  border: none;
  font-size: inherit;
  text-transform: uppercase;
  color: #4caf50;
  margin: 0 0 0 24px;
  padding: 0;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  cursor: pointer;
}

@media (min-width: 640px) {
  .snackbar-container {
    min-width: 288px;
    max-width: 568px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 24px;
    bottom: -100px;
  }
}

@media (max-width: 640px) {
  .snackbar-container {
    left: 0;
    right: 0;
  }
}

.snackbar-pos.bottom-center {
  top: auto !important;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.snackbar-pos.bottom-left {
  top: auto !important;
  bottom: 0;
  left: 0;
}

.snackbar-pos.bottom-right {
  top: auto !important;
  bottom: 0;
  right: 0;
}

.snackbar-pos.top-left {
  bottom: auto !important;
  top: 0;
  left: 0;
}

.snackbar-pos.top-center {
  bottom: auto !important;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.snackbar-pos.top-right {
  bottom: auto !important;
  top: 0;
  right: 0;
}



.snackbar-container .action {
  background: transparent;
  font-weight: bold;
}

.snackbar-container .snackbar-button-wrapper {
  white-space: nowrap;
}

.snackbar-container .action svg.jd-icon {
  margin-top: -2px;
}



.slickgrid,
.slickgrid *,
.slick-header-column {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -ms-box-sizing: content-box;
}

.slick-header.ui-state-default,
.slick-header-column {
  border-right: none;
  background: #F8F8F8;
}

.slick-header-column {
  font-weight: 600;
  color: #000000;
  text-transform: uppercase;
  font-size: 12px;
  padding-top: 2px;
  border-right: 1px dotted gainsboro;
}

.not-multi-select .slick-row.active {
  background: #ffeddb none;
}

.slick-cell.cell-handle {
  background: url("/packages/stem-capital_grid-control/lib/client/media/cell-handle.png") no-repeat center center;
}

.slick-loading-indicator {
  display: inline-block;
  background: url("/packages/stem-capital_grid-control/lib/client/media/loader.gif") no-repeat center center;
  width: 5px;
  height: 16px;
  visibility: hidden;
  vertical-align: bottom;
  margin-right: 3px;
  opacity: .85;
}

.slick-state-not-ready .slick-loading-indicator,
.slick-state-ops-lock .slick-loading-indicator {
  visibility: visible;
}

.slick-row {
  border-top: 1px dashed rgba(195, 195, 195, 0.65);
}

.slick-row:first-child,
.slick-row.f-first {
  border-top-color: transparent;
}

.slick-row:first-child .grid-formatter,
.slick-row:first-child .grid-editor,
.slick-row.f-first .grid-formatter,
.slick-row.f-first .grid-editor {
  padding-top: 4px;
}

.slick-row:last-child,
.slick-row.f-last {
  border-bottom: 1px dashed rgba(195, 195, 195, 0.65);
}

.not-multi-select .slick-row.active {
  background-color: #d7e3f6;
}

.grid-control .grid-formatter,
.grid-control .grid-editor {
  padding: 5px 5px 3px;
  overflow: hidden;
  min-height: 31px;
}

.grid-control .grid-formatter.key-val-formatter {
  padding: 4px;
}

.grid-control .grid-formatter.key-val-formatter .key-val-wrapper {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 100%;
  padding: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.grid-control .slick-cell {
  border: 0 none;
  border-right: 1px dashed rgba(195, 195, 195, 0.65);
}

.grid-control .slick-cell {
  vertical-align: top;
  padding: 0;
}

.grid-control .slick-cell.editable {
  background-color: rgba(37, 48, 186, 0.12);
  z-index: 100;
}

.grid-control .tree-control-input {
  outline: 0 none;
}

.grid-control .tree-control-textarea,
.grid-control .textarea-editor textarea {
  height: 23px;
}

.grid-control .selector-editor button {
  height: 31px;
}

.slick-row.archived {
  color: #4c4c4c;
}

.full-row-colspan {
  position: static;
  display: table;
  width: 100%;
}

.full-row-colspan .grid-tree-control-item-icons {
  display: none;
}

.frozen-columns-mode .frozen {
  position: -webkit-sticky;
  position: sticky;
  top: 0 !important;
  left: 0 !important;
  z-index: 101;
  background-color: white;
}

.frozen-columns-mode .full-row-colspan .frozen {
  z-index: 0;
}

#grid-control-mux .frozen-columns-mode .type-section-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f8f8f8;
}

#grid-control-mux .frozen-columns-mode .type-section-item .frozen {
  border-right: 0 none;
  background-color: #f8f8f8;
}

#grid-control-mux .frozen-columns-mode.not-multi-select .type-section-item.active {
  background-color: #e8edf4;
}

#grid-control-mux .frozen-columns-mode.not-multi-select .type-section-item .frozen.active {
  background-color: #e8edf4;
}

.not-multi-select.frozen-columns-mode .active .frozen {
  background-color: #d7e3f6;
}

.not-multi-select.frozen-columns-mode .active .frozen.editable {
  background-color: #ccd7f2;
}



.grid-canvas.ui-sortable .movable .cell-handle {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.grid-canvas.ui-sortable.ui-sortable-disabled .movable .cell-handle {
  cursor: wait;
}

.grid-canvas .ui-sortable-helper {
  display: none !important;
}

.grid-canvas .sortable-waiting-server {
  cursor: wait;
}

.grid-canvas .sortable-waiting-server .slick-cell {
  cursor: wait;
}

.sortable-cancel-mode .sortable-placeholder {
  opacity: .65;
}



.filter-active .slick-row {
  display: none;
}

.filter-active .slick-row.f-leaf,
.filter-active .slick-row.f-inner-node {
  display: block;
}

.filter-active .slick-row.f-leaf.full-row-colspan,
.filter-active .slick-row.f-inner-node.full-row-colspan {
  display: table;
}



.column-filter-dropdown-container.open .column-filter-dropdown {
  position: relative;
  margin-top: 7px;
  padding: 0;
  display: block;
}

.column-filter-dropdown-container.open .close-btn {
  display: none;
}

.column-filter-dropdown-container.open .dropdown-menu {
  right: 0px;
  font-size: 14px;
}

.column-filter-dropdown-container.open .divider {
  margin: 0;
}

.column-filter-dropdown-container.open .dropdown-divider {
  border-top: 1px dashed #f1f1f1;
}

.dates-filter-controller {
  padding-right: 8px;
}

.column-filter-button {
  display: block;
  cursor: pointer;
  position: absolute;
  right: 4px;
  color: #AAA;
}

.column-filter-active-wrapper .slick-column-name {
  position: absolute;
  width: auto;
  height: auto;
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 4px;
  color: white;
  font-weight: bold;
}

.column-filter-active-wrapper .column-filter-button {
  color: white;
  margin-right: 4px;
  z-index: 1;
}

.dropdown-filter-controls-container {
  padding: 0px 0.5rem 0.5rem 0px;
}

.dropdown-filter-controls-container button {
  margin-left: 4px;
  float: right;
}



.filter-dropdown-list-wrapper {
  max-height: 240px;
  overflow: auto;
}

.whitelist-alike-filter-dropdown-ul {
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0px;
  margin-left: 20px;
}

.whitelist-alike-filter-dropdown-ul li {
  min-height: 20px;
}

.whitelist-alike-filter-dropdown-ul .fa-li {
  margin-top: 1px;
  left: -26px;
  width: 27px;
}

.whitelist-alike-filter-dropdown-ul .fa {
  cursor: pointer;
}

.whitelist-alike-filter-dropdown-ul .fa-square-o {
  display: inline;
}

.whitelist-alike-filter-dropdown-ul .fa-check-square-o {
  display: none;
}

.whitelist-alike-filter-dropdown-ul .selected .fa-square-o {
  display: none;
}

.whitelist-alike-filter-dropdown-ul .selected .fa-check-square-o {
  display: inline;
}





.custom-range-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.custom-range-wrapper .custom-range-label-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.custom-range-wrapper .custom-range-label {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.32);
  cursor: pointer;
  padding: 0px 2px;
}

.custom-range-wrapper .custom-range-label:hover {
  border-color: black;
}

.custom-range-wrapper .custom-range-label[placeholder]:empty:before {
  content: attr(placeholder);
  color: #212529;
}

.custom-range-wrapper .custom-range-label-start {
  min-width: 36px;
}

.custom-range-wrapper .custom-range-label-end {
  min-width: 20px;
}

.custom-range-wrapper .custom-datepicker {
  position: absolute;
  background-color: white;
  padding: 8px;
  z-index: 1;
  top: 30px;
  display: none;
}

.custom-range-wrapper .custom-datepicker .ui-datepicker {
  border: none;
  padding: 0;
  font-size: 12px;
}

.custom-range-wrapper .custom-datepicker .ui-datepicker th {
  padding: 0.7em 0;
}

.custom-range-wrapper .clear-date {
  width: 16px;
  height: 16px;
  stroke-width: 3;
  margin-left: 4px;
  color: #76869a;
  background-color: #e8edf3;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2px;
}

.custom-range-wrapper .clear-date:hover {
  color: #212529;
}

.custom-range-wrapper .custom-range-input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.custom-range-wrapper .custom-range-input-wrapper.empty .clear-date {
  display: none;
}

.custom-range-wrapper span {
  padding: 0 6px;
}

#ui-datepicker-div .ui-datepicker-month {
  margin-right: 4px;
}



.grid-state-button {
  position: absolute;
  margin-top: -1px;
  width: 12px;
  height: 12px;
  border: none;
  outline: none;
  -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  z-index: 1;
}

.grid-state-button:hover {
  opacity: 1;
}

.grid-state-button svg {
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3;
  fill: none;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background-color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #546e7a;
  color: #546e7a;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
}

.grid-state-button svg:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.collapse-grid-button {
  right: 20px;
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: zoom-out;
}

.expand-grid-button {
  right: 36px;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}



.multi-selected {
  position: relative;
}

.multi-selected:after,
.multi-selected .slick-cell.l0.r0.frozen:after {
  content: "";
  position: absolute;
  width: auto;
  height: auto;
  bottom: 0px;
  top: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(33, 150, 243, 0.16);
}



.comment-indicator {
  color: #333;
  position: absolute;
  width: 10px;
  height: 12px;
  top: -1px;
  right: 1px;
  font-size: 9px;
  text-align: right;
}

.basket-auto-value .comment-indicator {
  color: rgba(127, 127, 127, 0.87);
}



.grid-formatter.tag-formatter {
  padding: 4px 4px 0 4px;
}

.grid-formatter.tag-formatter .tag-wrapper {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 100%;
  padding: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  display: inline-block;
  margin-bottom: 2px;
}



.selector-editor button {
  font-size: 15px;
  padding: 0 7px;
  width: 100%;
  margin-right: 0;
}

.selector-editor .dropdown-menu {
  margin-top: 3px;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.selector-editor .dropdown-menu.open .inner {
  display: block;
}

.selector-editor .dropdown-menu.inner li:hover {
  background-color: #f3f3f3;
}

.selector-editor .dropdown-menu.inner a {
  font-size: 14px;
  text-decoration: none;
  display: inherit;
}

.selector-editor .btn:first-child {
  padding-left: 5px;
}

.selector-editor .dropdown-menu > li > a {
  padding: 3px 6px;
}

.selector-editor-container-cell {
  position: static !important;
}

.selector-editor .null-state {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #AAA;
  margin: 13px 18px;
}

.selector-editor .dropdown-toggle .null-state {
  right: 20px;
  top: 4px;
}

.slick-cell .selector-editor .dropdown-toggle .null-state {
  right: 0px;
  top: 0;
  width: auto;
  margin: 14px 30px 14px 10px;
}

.active .selector-editor button {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  -moz-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.slick-cell .state-done-animation {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.slick-cell .state-done-animation.salute {
  overflow: hidden;
}

.slick-cell .state-done-animation.check {
  overflow: visible;
}



.multi-select-editor button {
  font-size: 15px;
  padding: 0 7px;
  width: 100%;
  margin-right: 0;
}

.multi-select-editor .dropdown-menu {
  margin-top: 3px;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.multi-select-editor .dropdown-menu.open .inner {
  display: block;
}

.multi-select-editor .dropdown-menu.inner li:hover {
  background-color: #f3f3f3;
}

.multi-select-editor .dropdown-menu.inner a {
  font-size: 14px;
  text-decoration: none;
  display: inherit;
}

.multi-select-editor .btn:first-child {
  padding-left: 5px;
}

.multi-select-editor .dropdown-menu > li > a {
  padding: 3px 6px;
}

.multi-select-editor-container-cell {
  position: static !important;
}

.multi-select-editor .null-state {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #AAA;
  margin: 13px 18px;
}

.multi-select-editor .dropdown-toggle .null-state {
  right: 20px;
  top: 4px;
}

.slick-cell .multi-select-editor .dropdown-toggle .null-state {
  right: 0px;
  top: 0;
  width: auto;
  margin: 14px 30px 14px 10px;
}

.active .multi-select-editor button {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  -moz-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.slick-cell .state-done-animation {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.slick-cell .state-done-animation.salute {
  overflow: hidden;
}

.slick-cell .state-done-animation.check {
  overflow: visible;
}

.grid-formatter.multi-select-formatter {
  padding: 4px 4px 0 4px;
}

.grid-formatter.multi-select-formatter .multi-select-wrapper {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 100%;
  padding: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  display: inline-block;
  margin-bottom: 2px;
}



.textarea-editor textarea {
  border: 0 none;
  background: transparent none;
  resize: none !important;
  vertical-align: top;
  width: 100%;
  outline: none;
  padding: 0;
}

.additional-field-items-list .textarea-editor textarea {
  text-align: left !important;
}



.tree-control-textarea {
  background-color: transparent;
  border: 0px solid transparent;
  width: 100%;
  outline: none;
  resize: none !important;
  display: block;
  padding: 0;
  top: 3px;
  text-indent: inherit;
}

.text-tree-control.grid-editor .grid-tree-control-item-icons {
  display: none;
}



.text-tree-control {
  position: relative;
  width: 100%;
  height: 100%;
}

.grid-tree-control-text {
  text-align: left;
}

.grid-tree-control-activation-area {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
}

.grid-tree-control-toggle {
  display: none;
  height: 12px;
  width: 16px;
  position: absolute;
  top: 10px;
  padding-left: 4px;
}

.slick-row:first-child .grid-tree-control-toggle,
.slick-row.f-first .grid-tree-control-toggle {
  top: 10px;
}

.grid-tree-control-toggle._collapse,
.grid-tree-control-toggle.expand {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.f-leaf .grid-tree-control-toggle._collapse,
.f-leaf .grid-tree-control-toggle.expand {
  display: none;
}

.f-leaf.sortable-new-level-mode-parent .grid-tree-control-toggle._collapse,
.f-leaf.sortable-new-level-mode-parent .grid-tree-control-toggle.expand {
  display: block;
}

.grid-tree-control-toggle svg {
  pointer-events: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3;
  fill: none;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background-color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #546e7a;
  color: #546e7a;
}

.grid-tree-control-toggle svg:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.sortable-new-level-mode-parent .grid-tree-control-toggle,
.f-leaf.sortable-new-level-mode-parent .grid-tree-control-toggle {
  display: block;
}

.grid-tree-control-toggle._collapse {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.grid-tree-control-toggle.expand {
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: zoom-out;
}

.sortable-new-level-mode-parent .grid-tree-control-toggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.grid-tree-control-task-id {
  position: absolute;
  font-size: 12px;
  font-weight: normal;
  padding: 0px 4px;
  top: 6px;
  width: 25px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-color: #eeeff2;
  color: #525F7F;
  border: 1px solid rgba(82, 95, 127, 0.2);
  opacity: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
}

.slick-row:first-child .grid-tree-control-task-id,
.slick-row.f-first .grid-tree-control-task-id {
  top: 6px;
}

.grid-tree-control-task-favorite {
  width: 15px;
  height: 15px;
  position: absolute;
  right: -8px;
  top: -6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  cursor: default;
}

.grid-tree-control-task-favorite svg {
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: #FF8A00;
  width: 100%;
  height: 100%;
  padding: 0px;
  stroke: white;
  stroke-width: 2px;
}

.grid-tree-control-user {
  position: absolute;
  top: 2px;
  cursor: pointer;
}

.grid-tree-control-user img {
  width: inherit;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
}

.grid-tree-control-user .transfer-owner {
  width: 14px;
  height: 14px;
  position: absolute;
  right: -2px;
  bottom: 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.grid-tree-control-user .transfer-owner svg {
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  width: 100%;
  height: 100%;
  padding: 1px;
  background-color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 0px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 0px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 0px 6px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.grid-tree-control-user .transfer-owner svg:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.grid-tree-control-user .transfer-non-related svg {
  color: #353A3F;
  border: 1px solid #353A3F;
  stroke-width: 3;
}

.grid-tree-control-user .transfer-to-me svg {
  color: red;
  border: 1px solid red;
  stroke-width: 3;
}

.grid-tree-control-user .transfer-from-me svg {
  color: #2F80ED;
  border: 1px solid #2F80ED;
  stroke-width: 3;
}

.grid-tree-control-user .transfer-no-owner svg {
  color: #353A3F;
  border: 1px solid #353A3F;
  stroke-width: 5;
}

.grid-tree-control-user-img {
  -webkit-transition: -webkit-transform 0.2s linear, -webkit-box-shadow 0.2s linear;
  transition: -webkit-transform 0.2s linear, -webkit-box-shadow 0.2s linear;
  -moz-transition: transform 0.2s linear, box-shadow 0.2s linear, -moz-transform 0.2s linear, -moz-box-shadow 0.2s linear;
  -o-transition: transform 0.2s linear, box-shadow 0.2s linear, -o-transform 0.2s linear;
  transition: transform 0.2s linear, box-shadow 0.2s linear;
  transition: transform 0.2s linear, box-shadow 0.2s linear, -webkit-transform 0.2s linear, -moz-transform 0.2s linear, -o-transform 0.2s linear, -webkit-box-shadow 0.2s linear, -moz-box-shadow 0.2s linear;
}

.grid-tree-control-user-img:hover {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-box-shadow: 0 0 0 3px #e1e1e1;
  -moz-box-shadow: 0 0 0 3px #e1e1e1;
  box-shadow: 0 0 0 3px #e1e1e1;
}

.grid-tree-control-item-icons {
  float: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
}

.grid-tree-control-item-icons .fa {
  cursor: pointer;
  height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.grid-tree-control-item-icons .fa.fa-archive {
  cursor: default;
}

.jd-icon.ongrid-jd-icon {
  padding: 0;
  width: 14px;
  height: 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.jd-icon.ongrid-jd-icon.jd-icon-context-menu {
  opacity: 0.4;
}

.slick-cell.active .jd-icon-context-menu,
.text-tree-control:hover .jd-icon-context-menu {
  opacity: 1;
}

.grid-tree-control-priority {
  width: 6px;
  height: auto;
  position: absolute;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  top: 3px;
  bottom: 3px;
  outline: 3px solid white;
  border: none;
}

.jdt-play {
  visibility: hidden;
}

.text-tree-control:hover .jdt-play {
  visibility: visible;
}

.jdt-stop {
  color: red;
}

.chat-messages {
  display: inline-block;
  position: relative;
}

.chat-messages-new,
.description-new-updates,
.has-unread-emails {
  color: #0170d5;
}

.task-is-archived-project {
  color: #9c9c9c;
}

.resource_planner {
  color: #9c9c9c;
}

.resource_planner.task-planned-or-executed-by-current-user {
  color: inherit;
}

.task-meetings {
  position: relative;
  top: -2px;
  stroke-width: 2;
  height: 15px;
  width: 19px;
  stroke: currentColor;
  fill: none;
}

.slick-row .hl {
  position: absolute;
  background-color: #c8cfd2;
  width: 1px;
  top: 0;
  bottom: 0;
}

.slick-row .hl.hl-f {
  top: 22px;
}

.slick-row.f-leaf .hl.hl-f {
  display: none;
}



.udf-id-date-setter {
  width: 15px;
  height: 15px;
  margin: 2px 1px;
  background: transparent url("/packages/stem-capital_grid-control/lib/client/formatters-and-editors/unicode-date/media/calendar.gif");
  cursor: pointer;
}

.udf-action-btn .fa {
  cursor: pointer;
}

.uni-date-formatter .udf-action-btn {
  display: none;
}

.uni-date-formatter:hover .udf-action-btn {
  display: inline-block;
  float: right;
}

.unicode-date-editor .udf-action-btn {
  display: inline-block;
  float: right;
}

.unicode-date-editor .udf-id-date-setter {
  margin-right: 2px;
}

.unicode-date-editor.udf-empty .udf-hidden-if-empty {
  display: none;
}

/* jQuery UI datepicker smaller in size */

#ui-datepicker-div {
  font-size: 12px;
  z-index: 1060 !important;
  padding: 7px;
  border: none;
  -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25), 0px 5px 45px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25), 0px 5px 45px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25), 0px 5px 45px rgba(0, 0, 0, 0.15);
}

.ui-datepicker-header {
  background: none;
  color: #37474F;
  border: none;
  font-size: 13px;
}

.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next {
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.ui-datepicker-header .ui-datepicker-prev .ui-icon-circle-triangle-w {
  background-position: -97px 0px;
}

.ui-datepicker-header .ui-datepicker-next .ui-icon-circle-triangle-e {
  background-position: -32px 0px;
}

.ui-datepicker-header .ui-datepicker-prev-hover {
  top: 2px;
  left: 2px;
}

.ui-datepicker-header .ui-datepicker-next-hover {
  top: 2px;
  right: 2px;
}

.ui-datepicker-header .ui-state-hover {
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #ECEFF1;
}

.ui-datepicker th {
  color: #555;
}

.ui-datepicker table {
  margin: 0;
}

.ui-datepicker-calendar {
  font-family: "Lato", sans-serif;
}

.ui-datepicker-calendar .ui-state-default {
  border: 1px solid #ECEFF1;
  background: #ECEFF1;
  color: #37474F;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.ui-datepicker-calendar .ui-state-default:hover {
  background: #2c70cf;
  color: white;
}

.ui-datepicker-calendar .ui-state-active {
  background: #2c70cf !important;
  color: white;
  border: none !important;
}

.ui-datepicker-calendar .ui-datepicker-today a {
  border: 1px solid #2c70cf;
  background: #ffffff;
  color: #2c70cf;
}

.ui-datepicker-calendar .ui-datepicker-today a.ui-state-active {
  color: white;
}

/* remove datepicker input field outline */

.datepicker {
  outline: none;
}

/* datepicker editor */

input.editor-unicode-date {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  background: transparent;
  outline: 0;
  padding: 0;
}

.ui-datepicker-trigger {
  display: none;
}

.editor-unicode-date::-webkit-input-placeholder {
  font-size: 14px;
  font-style: italic;
}

.editor-unicode-date:-moz-placeholder {
  font-size: 14px;
  font-style: italic;
}

.editor-unicode-date::-moz-placeholder {
  font-size: 14px;
  font-style: italic;
}

.editor-unicode-date::-ms-input-placeholder {
  font-size: 14px;
  font-style: italic;
}



.cfld-action-btn .fa {
  cursor: pointer;
}

.cfld-formatter .cfld-action-btn {
  display: none;
}

.cfld-formatter:hover .cfld-action-btn {
  display: inline-block;
  float: right;
}

.cfld-editor textarea {
  border: 0 none;
  background: transparent none;
  resize: none !important;
  vertical-align: top;
  width: 100%;
  outline: none;
  padding: 0;
}

.additional-field-items-list .cfld-editor textarea {
  text-align: left !important;
}

.cfld-editor .cfld-action-btn {
  display: inline-block;
  float: right;
}

.cfld-editor .cfld-id-field-settings {
  margin-right: 1px;
}

.cfld-editor.cfld-empty .cfld-hidden-if-empty {
  display: none;
}



.default-formatter {
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-align: left;
}

.default-formatter-footer {
  font-size: 12px;
  top: -7px;
  display: block;
  margin-top: 2px;
}



.datetime-formatter {
  font-size: 13px;
  line-height: 21px;
}



#project-search-comp-container .search-prev,
#project-search-comp-container .search-next {
  display: none;
}

#project-search-comp-container .search-input {
  width: 185px;
}

#project-search-comp-container .grid-control-search-btn {
  top: 0;
  bottom: 0;
  right: 0;
}

#project-search-comp-container .clear-button {
  display: none;
}

#project-search-comp-container .clear-button:hover {
  background-color: unset;
}

#project-search-comp-container .search-info-container {
  font-size: 10px;
  display: none;
}

#project-search-comp-container.input-not-empty .clear-button {
  display: block;
}

#project-search-comp-container.input-not-empty .search-info-container {
  display: block;
}

.search-result {
  background-color: #fff7af;
}

.search-result .frozen {
  background-color: #fff7af;
}



.bootbox-new-design .modal-content {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18);
  border: none;
}

.bootbox-new-design .modal-content .modal-header,
.bootbox-new-design .modal-content .modal-footer {
  border-color: #EDF1F8;
}

.bootbox-new-design .modal-title {
  font-size: 18px;
  font-weight: bold;
  color: #3D495B;
}

.bootbox-new-design .bootbox-close-button {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.bootbox-new-design .message {
  padding: 12px 16px;
  font-size: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #3D495B;
  border: 1px dashed;
}

.bootbox-new-design .message.attention {
  border-color: #F7DF93;
  background-color: #FEFAED;
}

.bootbox-new-design .message.primary {
  border-color: #8ed3ff;
  background-color: #dff1ff;
}

.bootbox-new-design .message + .message {
  margin-top: 10px;
}

.bootbox-close-button:focus {
  opacity: 1;
  outline: 0px;
}

@media (min-width: 768px) {
  .bootbox-new-design .modal-dialog {
    max-width: 600px;
  }
}



.custom-range-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.custom-range-wrapper .custom-range-label-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.custom-range-wrapper .custom-range-label {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.32);
  cursor: pointer;
  padding: 0px 2px;
}

.custom-range-wrapper .custom-range-label:hover {
  border-color: black;
}

.custom-range-wrapper .custom-range-label[placeholder]:empty:before {
  content: attr(placeholder);
  color: #212529;
}

.custom-range-wrapper .custom-range-label-start {
  min-width: 36px;
}

.custom-range-wrapper .custom-range-label-end {
  min-width: 20px;
}

.custom-range-wrapper .custom-datepicker {
  position: absolute;
  background-color: white;
  padding: 8px;
  z-index: 1;
  top: 30px;
  display: none;
}

.custom-range-wrapper .custom-datepicker .ui-datepicker {
  border: none;
  padding: 0;
  font-size: 12px;
}

.custom-range-wrapper .custom-datepicker .ui-datepicker th {
  padding: 0.7em 0;
}

.custom-range-wrapper .custom-datepicker .custom-datepicker-time-wrapper {
  padding-bottom: 8px;
  border-bottom: 1px dashed #eaeaea;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.custom-range-wrapper .custom-datepicker .custom-datepicker-time-wrapper.hide {
  display: none;
}

.custom-range-wrapper .custom-datepicker .custom-datepicker-time-wrapper .custom-datepicker-time {
  border: 1px solid #ced4da;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.custom-range-wrapper .custom-datepicker .custom-datepicker-time-wrapper .hours {
  padding-right: 3px;
  padding-left: 6px;
}

.custom-range-wrapper .custom-datepicker .custom-datepicker-time-wrapper .minutes {
  padding-right: 6px;
  padding-left: 3px;
}

.custom-range-wrapper .custom-datepicker .custom-datepicker-time-wrapper .custom-datepicker-time-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold;
  width: 25px;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.custom-range-wrapper .custom-datepicker .custom-datepicker-time-wrapper .am-pm {
  margin-left: 4px;
  border: 1px solid #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
  padding: 2px 6px;
  background-color: #ECEFF1;
  font-size: 13px;
  cursor: pointer;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  text-align: center;
  width: 36px;
  display: none;
}

.custom-range-wrapper .custom-datepicker .custom-datepicker-time-wrapper .am-pm:hover {
  color: white;
  background-color: #2c70cf;
}

.custom-range-wrapper .custom-datepicker .custom-datepicker-time-wrapper.use-am-pm .am-pm {
  display: block;
}

.custom-range-wrapper .clear-date {
  width: 16px;
  height: 16px;
  stroke-width: 3;
  margin-left: 4px;
  color: #76869a;
  background-color: #e8edf3;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2px;
}

.custom-range-wrapper .clear-date:hover {
  color: #212529;
}

.custom-range-wrapper .custom-range-input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.custom-range-wrapper .custom-range-input-wrapper.empty .custom-range-time-label,
.custom-range-wrapper .custom-range-input-wrapper.empty .clear-date {
  display: none;
}

.custom-range-wrapper span {
  padding: 0 6px;
}

.custom-range-wrapper .custom-range-time-label {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.32);
  margin-left: 6px;
  margin-right: 4px;
  cursor: pointer;
}

.custom-range-wrapper .custom-range-time-label:hover {
  border-color: black;
}

#ui-datepicker-div .ui-datepicker-month {
  margin-right: 4px;
}



.justdo-color-picker-color-option-opener {
  margin-right: 4px;
}

.dropdown-menu.justdo-color-picker-dropdown {
  margin: 0;
  padding: 0;
  min-width: 0;
}

.justdo-color-picker-wrapper {
  padding: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.justdo-color-picker-colors-palette {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.justdo-color-picker-dropdown-container {
  z-index: 10000;
}

.justdo-color-picker-color-option {
  width: 22px;
  height: 22px;
  border: 2px solid #FFFFFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 3px;
  cursor: pointer;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-box-shadow: 0 0px 3px rgba(171, 178, 191, 0.5);
  -moz-box-shadow: 0 0px 3px rgba(171, 178, 191, 0.5);
  box-shadow: 0 0px 3px rgba(171, 178, 191, 0.5);
}

.justdo-color-picker-color-option:hover {
  -webkit-box-shadow: 0 0 0 2px rgba(171, 178, 191, 0.5);
  -moz-box-shadow: 0 0 0 2px rgba(171, 178, 191, 0.5);
  box-shadow: 0 0 0 2px rgba(171, 178, 191, 0.5);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.additional-field-items-list .justdo-color-picker-color-option {
  display: inline-block;
  vertical-align: middle;
}

.justdo-color-picker-color-option-transparent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  width: 100%;
  height: 100%;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  border-radius: inherit;
}

.justdo-color-picker-color-option-transparent div {
  width: 33.33333%;
  height: 33.33333%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.justdo-color-picker-color-option-transparent .bg-transparent-white {
  background-color: white;
}

.justdo-color-picker-color-option-transparent .bg-transparent-dark {
  background-color: #e9e8ed;
}

.justdo-color-picker-color-option-check {
  position: absolute;
  stroke: white;
  stroke-width: 3px;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  width: 16px;
  height: 16px;
  opacity: 0.75;
  display: none;
  z-index: 1;
  pointer-events: none;
}

.justdo-color-picker-contrast-required .justdo-color-picker-color-option-check {
  stroke: #37474f;
}

.justdo-color-picker-contrast-required .justdo-color-picker-color-option {
  border: 1px solid #cfd8dc;
}

.justdo-color-picker-color-option-selected {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.justdo-color-picker-color-option-selected .justdo-color-picker-color-option {
  -webkit-box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.justdo-color-picker-color-option-selected .justdo-color-picker-color-option-check {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.jdp-dropdown-label {
  color: #68757b;
  margin: 0px 4px 0px;
}



.custom-field-select-options-editor-opener {
  margin: 0 4px;
}

.custom-field-select-options-editor {
  width: 300px;
}

.custom-field-select-options-editor .editor-caption {
  font-size: 12px;
  padding: 0 16px;
}

.custom-field-select-options-editor .custom-field-option {
  border-bottom: 1px dashed #e0e0e0;
}

.custom-field-select-options-editor .custom-field-option:hover .option-label {
  background-color: rgba(0, 0, 0, 0.02) !important;
}

.custom-field-select-options-editor .optional-label {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.custom-field-select-options-editor .add-custom-field-option {
  border-bottom: 1px dashed #e0e0e0;
  padding: 0 16px;
}

.custom-field-select-options-editor .custom-field-options {
  max-height: 320px;
  overflow: auto;
  padding: 0 16px;
}

.custom-field-select-options-editor .custom-field-select-options-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 16px;
}

.custom-field-select-options-editor .custom-field-select-options-footer .sort-alphabetically {
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
}

.custom-field-select-options-editor .custom-field-select-options-footer .sort-alphabetically:hover {
  text-decoration: underline;
}

.custom-field-select-options-editor .jd-icon-custom-field {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  width: 16px;
  height: 16px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  opacity: 0.8;
}



.custom-field-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f0f4f9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 8px;
  padding: 8px 8px 8px 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: -webkit-box-shadow 0.35s;
  transition: -webkit-box-shadow 0.35s;
  -moz-transition: box-shadow 0.35s, -moz-box-shadow 0.35s;
  -o-transition: box-shadow 0.35s;
  transition: box-shadow 0.35s;
  transition: box-shadow 0.35s, -webkit-box-shadow 0.35s, -moz-box-shadow 0.35s;
}

.custom-field-item:hover {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-field-item .custom-field-handle {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.75;
}

.custom-field-item .custom-field-handle .jd-icon {
  padding: 2px;
  color: #B0B8C2;
  width: 20px;
  margin-left: 4px;
}

.custom-field-label .field-label {
  font-size: 15px;
  color: #3D495B;
  -webkit-transition: background-color 0.35s;
  -moz-transition: background-color 0.35s;
  -o-transition: background-color 0.35s;
  transition: background-color 0.35s;
  width: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: rgba(255, 255, 255, 0);
  border-color: rgba(255, 255, 255, 0);
  cursor: pointer;
}

.custom-field-label .field-label:hover {
  background-color: rgba(255, 255, 255, 0.75) !important;
}

.custom-field-label .field-label:focus {
  background-color: white !important;
}

.custom-field-type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.custom-field-type .custom-field-type-label {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  color: rgba(49, 69, 99, 0.6);
  margin: 0 6px;
}

.custom-field-type .custom-field-type-divider {
  height: 14px;
  width: 1px;
  background-color: #C5CBD3;
  margin: 0 4px;
  opacity: 0.85;
}

.custom-field-type .jd-icon {
  color: #C5CBD3;
  stroke-width: 3;
  padding: 4px;
  cursor: pointer;
}

.custom-field-type .jd-icon:hover {
  color: #76869a;
  background-color: #e8edf3;
}

.sort-custom-fields {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 8px;
}

.sort-custom-fields:hover {
  text-decoration: underline;
}

.add-new-field-dropdown .add-new-field-toggle {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  border: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
}

.add-new-field-dropdown .add-new-field-toggle:hover {
  text-decoration: underline;
}

.add-new-field-dropdown .add-new-field-toggle .jd-icon {
  stroke-width: 3;
  width: 18px;
  height: 18px;
  opacity: 0.5;
  margin-right: 2px;
}

.add-new-field-dropdown .dropdown-menu {
  right: 0 !important;
  left: auto !important;
}

.add-new-field-dropdown .new-field-label {
  width: 160px;
}

.add-new-field-dropdown .new-field-type {
  width: 140px;
}





.ownership-hr-rejection-dialog textarea {
  resize: none;
  height: 140px;
}

.ownership-hr-rejection-dialog h3 {
  font-size: 15px;
  margin: 10px 0 11px;
}



.type-ticket-queue-caption .grid-tree-control-text {
  font-weight: bold;
}



.card-with-avatar .card-avatar {
  position: absolute;
}

.card-with-avatar .card-avatar .justdo-avatar {
  width: 30px;
  height: 30px;
}

.card-with-avatar .card-details {
  margin-left: 35px;
}



.task-link {
  cursor: pointer;
}

.task-link:hover {
  text-decoration: underline !important;
}

.reject-message-input-container {
  margin-left: 35px;
}

.reject-message-input-container .reject-message-input {
  width: 100%;
  height: 32px;
  resize: none;
}

.required-actions-card-transfer_request .keyboard-shortcut-cue {
  font-size: 12px;
}



.required-actions-card-ownership_transfer_rejected .reject-message-box {
  max-height: 280px;
  overflow: auto;
  font-size: 14px;
  border-left: 2px solid #dbe0e6;
}

.required-actions-card-ownership_transfer_rejected .rm-read-more {
  text-decoration: underline;
  cursor: pointer;
}



#timesync-reconnect {
  cursor: pointer;
}

#timesync-reconnect:hover {
  text-decoration: underline;
}



.grid-control-tab {
  display: none;
  color: #000;
  font-family: "Lato", sans-serif;
}

.grid-control-tab.active {
  display: block;
}



.task-pane-task-changelog .filter-toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.task-pane-task-changelog .jd-icon {
  cursor: pointer;
}

.task-pane-task-changelog .filter-toggle {
  font-size: 11px;
}

.task-pane-task-changelog .record {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
}

.task-pane-task-changelog .record .content {
  overflow: hidden;
}

.task-pane-task-changelog .record .text-body {
  font-size: 15px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.task-pane-task-changelog .record .undo {
  font-weight: bold;
  cursor: pointer;
  margin-left: 4px;
}

.task-pane-task-changelog .record .undo:hover {
  text-decoration: underline;
}

.task-pane-task-changelog [jd-tt] {
  text-decoration: underline;
  -webkit-text-decoration-style: dotted;
  -moz-text-decoration-style: dotted;
  text-decoration-style: dotted;
  -webkit-text-decoration-color: #aaa;
  -moz-text-decoration-color: #aaa;
  text-decoration-color: #aaa;
  text-decoration-thickness: from-font;
  cursor: default;
}

.task-pane-task-changelog [jd-tt]:hover {
  -webkit-text-decoration-color: #fff;
  -moz-text-decoration-color: #fff;
  text-decoration-color: #fff;
  text-decoration: underline;
}

.task-pane-task-changelog .undone {
  text-decoration: line-through;
}



.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}

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

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

.tasks-file-manager-preview-dialog .preview-container {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.tasks-file-manager-preview-dialog .modal-dialog {
  max-width: 1000px;
}

.tasks-file-manager-preview-dialog .modal-dialog .bootbox-body {
  text-align: center;
}

.tasks-file-manager-preview-dialog .modal-dialog .bootbox-body .tasks-files-preview-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.tasks-file-manager-preview-dialog .modal-dialog .bootbox-body .tasks-files-preview-wrapper .prev-file,
.tasks-file-manager-preview-dialog .modal-dialog .bootbox-body .tasks-files-preview-wrapper .next-file {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tasks-file-manager-preview-dialog .modal-dialog .bootbox-body .tasks-files-preview-wrapper .loader {
  width: 25px;
  height: 25px;
  position: absolute;
  display: block;
}

.tasks-file-manager-preview-dialog .modal-dialog .bootbox-body .tasks-files-preview-wrapper .loader .double-bounce1 {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  -moz-animation: sk-bounce 2.0s infinite ease-in-out;
  -o-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.tasks-file-manager-preview-dialog .modal-dialog .bootbox-body .tasks-files-preview-wrapper .loader .double-bounce2 {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  -moz-animation: sk-bounce 2.0s infinite ease-in-out;
  -o-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
  -webkit-animation-delay: -1.0s;
  -moz-animation-delay: -1.0s;
  -o-animation-delay: -1.0s;
  animation-delay: -1.0s;
}



.tasks-file-manager-files .file:first-child {
  padding-top: 0 !important;
}

.tasks-file-manager-files .file:last-child {
  padding-bottom: 1rem !important;
}

.tasks-file-manager-files .file-inner-wrapper {
  padding: 16px;
  position: relative;
  border: 2px solid rgba(255, 255, 255, 0);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: border-color 0.35s;
  -moz-transition: border-color 0.35s;
  -o-transition: border-color 0.35s;
  transition: border-color 0.35s;
}

.tasks-file-manager-files .actions .jd-icon {
  margin-left: 2px;
  background-color: transparent;
}

.tasks-file-manager-files .actions .jd-icon:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.tasks-file-manager-files .actions .file-direct-download-link,
.tasks-file-manager-files .actions .file-rename-link,
.tasks-file-manager-files .actions .file-remove-link {
  opacity: 0;
}

.tasks-file-manager-files .actions .file-direct-download-link:hover,
.tasks-file-manager-files .actions .file-rename-link:hover,
.tasks-file-manager-files .actions .file-remove-link:hover {
  opacity: 1;
}

.tasks-file-manager-files .actions .file-edit-link {
  padding: 0;
  width: 16px;
  opacity: 0.75;
}

.tasks-file-manager-files .file-edit-dropdown {
  right: 0 !important;
  left: auto !important;
  margin-top: 12px;
}

.tasks-file-manager-files .file-edit-dropdown .dropdown-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.tasks-file-manager-files .jd-icon {
  margin: 0px;
  cursor: pointer;
  display: block;
  padding: 4px;
  stroke-width: 2;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background-color: rgba(0, 0, 0, 0.04);
}

.tasks-file-manager-files .content {
  overflow: hidden;
}

.tasks-file-manager-files .title {
  line-height: 1rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-bottom: 2px;
}

.tasks-file-manager-files .loader {
  width: 25px;
  height: 25px;
  position: absolute;
  display: none;
}

.tasks-file-manager-files .loader .double-bounce1 {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  -moz-animation: sk-bounce 2.0s infinite ease-in-out;
  -o-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.tasks-file-manager-files .loader .double-bounce2 {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  -moz-animation: sk-bounce 2.0s infinite ease-in-out;
  -o-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
  -webkit-animation-delay: -1.0s;
  -moz-animation-delay: -1.0s;
  -o-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.tasks-file-manager-files .file:hover .file-direct-download-link,
.tasks-file-manager-files .file:hover .file-rename-link,
.tasks-file-manager-files .file:hover .file-remove-link {
  opacity: 0.75;
}

.tasks-file-manager-files .file .type-logo {
  width: 24px;
  height: 32px;
  background-image: url(/packages/justdoinc_tasks-file-manager-plugin/media/icons.png);
  background-position: -58px 0px;
}

.tasks-file-manager-files .file .type-logo.jpeg {
  background-position: -82px 0px;
}

.tasks-file-manager-files .file .type-logo.vnd_ms-excel {
  background-position: -130px 0px;
}

.tasks-file-manager-files .file .type-logo.png {
  background-position: -226px 0px;
}

.tasks-file-manager-files .file .type-logo.pdf {
  background-position: -250px 0px;
}

.tasks-file-manager-files .file .type-logo.javascript {
  background-position: -346px 0px;
}

.tasks-file-manager-files .file .type-logo.html {
  background-position: -370px 0px;
}

.tasks-file-manager-files .file .type-logo.msword {
  background-position: -442px 0px;
}

.tasks-file-manager-files .file .image-preview {
  -webkit-background-size: auto auto;
  -moz-background-size: auto;
  -o-background-size: auto;
  background-size: auto;
  width: 100%;
  height: 300px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.tasks-file-manager-files .file .image-preview.loading {
  background-image: none !important;
  -webkit-background-size: auto auto;
  -moz-background-size: auto;
  -o-background-size: auto;
  background-size: auto;
}

.tasks-file-manager-files .file .image-preview.loading .loader {
  display: block;
}

.tasks-file-manager-files .file .msg {
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 150;
}

.bottom-toolbar .tasks-file-manager-files {
  position: absolute;
  left: 350px;
  right: 10px;
  top: 10px;
  bottom: 10px;
  overflow-y: auto;
}

.tasks-file-manager-files.edit-mode {
  padding-bottom: 80px;
}

.tasks-file-manager-files.edit-mode .bulk-edit-control-wrapper {
  position: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 3;
  bottom: 35px;
  padding-left: 18px;
}

.tasks-file-manager-files.edit-mode .bulk-edit-control-wrapper .bulk-edit-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
  background-color: white;
}

.tasks-file-manager-files.edit-mode .bulk-edit-control-wrapper .bulk-edit-done,
.tasks-file-manager-files.edit-mode .bulk-edit-control-wrapper .bulk-edit-remove {
  font-weight: bold;
  text-transform: uppercase;
}

.tasks-file-manager-files.edit-mode .file-check-input {
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 12px;
}

.tasks-file-manager-files.edit-mode .file-check-input .jd-icon {
  position: absolute;
  width: 18px;
  height: 18px;
  padding: 0px;
  stroke-width: 2.5;
  background-color: white;
  z-index: 3;
}

.tasks-file-manager-files.edit-mode .file-check-input .jd-icon.icon-mark-square {
  color: #848fa1;
  opacity: 0.75;
}

.tasks-file-manager-files.edit-mode .file-check-input .jd-icon.icon-mark-check {
  color: #08c116;
  opacity: 0;
}

.tasks-file-manager-files.edit-mode .file-check-input:hover .icon-mark-circle {
  opacity: 1;
}

.tasks-file-manager-files.edit-mode .file.selected .file-inner-wrapper {
  border-color: #08c116;
}

.tasks-file-manager-files.edit-mode .file.selected .icon-mark-square {
  opacity: 0;
}

.tasks-file-manager-files.edit-mode .file.selected .icon-mark-check {
  opacity: 1;
}

.tasks-file-manager-files.edit-mode .file {
  cursor: pointer;
}

.tasks-file-manager-files.edit-mode .file .content,
.tasks-file-manager-files.edit-mode .file .image-preview {
  pointer-events: none;
}

@-moz-keyframes sk-bounce {
  0%, 100% {
    -moz-transform: scale(0);
    transform: scale(0);
  }

  50% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

@-o-keyframes sk-bounce {
  0%, 100% {
    -o-transform: scale(0);
    transform: scale(0);
  }

  50% {
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.tasks-file-manager-preview-dialog .modal-dialog {
  max-width: 1000px;
}

.tasks-file-manager-preview-dialog .bootbox-body {
  text-align: center;
}

.tasks-file-manager-preview-dialog .bootbox-body iframe {
  width: 100%;
}

.tasks-file-manager-print {
  font-size: 11px;
  cursor: pointer;
}

.tasks-file-manager-print .jd-icon {
  padding: 4px;
}

.print-files-mode-overlay {
  background: white;
  padding: 50px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  height: 100%;
  width: 100%;
  opacity: 0;
}

.print-files-item {
  margin-bottom: 3.5rem;
}

.print-files-item-image {
  width: 100%;
}

@media print {
  .print-files-mode-overlay {
    opacity: 1 !important;
  }
}



.tasks-file-manager-file-upload {
  height: auto;
  margin-bottom: 8px;
}

.tasks-file-manager-file-upload .drop-pane {
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  border: 2px dashed #dddddd;
  cursor: pointer;
  height: 80px;
}

.tasks-file-manager-file-upload .jd-icon {
  width: 32px;
  height: 32px;
  display: none;
}

.tasks-file-manager-file-upload.no-files {
  height: 100%;
}

.tasks-file-manager-file-upload.no-files .drop-pane {
  height: 100%;
}

.tasks-file-manager-file-upload.no-files .jd-icon {
  display: block;
}



.project-configuration-dialog .bootbox-close-button {
  position: absolute;
  right: 28px;
  top: 28px;
  z-index: 1;
}

.project-configuration-dialog .modal-dialog {
  max-width: 800px;
}

.project-configuration-dialog .modal-content {
  border: none;
}

.project-configuration-dialog .modal-body {
  padding: 0;
}

.project-configuration-dialog .project-config-container {
  height: 700px;
  padding: 0;
}

.project-configuration-dialog .project-config-nav {
  -webkit-border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  border-radius: 4px 0px 0px 4px;
  padding: 0;
}

.project-configuration-dialog .config-section-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.project-configuration-dialog .project-config-title,
.project-configuration-dialog .project-config-section-title {
  font-weight: bold;
  font-size: 18px;
  color: #3D495B;
  padding: 20px 27px;
}

.project-configuration-dialog .project-config-section-title {
  border-bottom: 1px solid #EDF1F8;
}

.project-configuration-dialog .tab-pane-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 700px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.project-configuration-dialog .project-config-section-container {
  padding: 20px 27px;
  overflow: auto;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.project-configuration-dialog .project-config-tooltip {
  -webkit-box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 13px;
  color: #3D495B;
  position: absolute;
  white-space: nowrap;
  background-color: white;
  padding: 4px 8px;
  white-space: initial;
  display: none;
}

.project-configuration-dialog .config-section-container {
  margin-bottom: 24px;
}

.project-configuration-dialog .config-section-header {
  margin-bottom: 12px;
}

.project-configuration-dialog .config-section-title {
  font-size: 12px;
  color: #3D495B;
  text-transform: uppercase;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.project-configuration-dialog .project-config-nav-link {
  font-size: 15px;
  margin: 0px 27px;
  padding: 12px 0;
  line-height: 100%;
  border-top: 1px solid #EDF1F8;
  color: #3D495B;
  opacity: 0.8;
  text-decoration: none;
  position: relative;
}

.project-configuration-dialog .project-config-nav-link:hover {
  opacity: 1;
}

.project-configuration-dialog .project-config-nav-link.active {
  opacity: 1;
  font-weight: bold;
}

.project-configuration-dialog .project-config-nav-link.active .project-config-nav-link-active {
  display: block;
}

.project-configuration-dialog .project-config-nav-link .project-config-nav-link-active {
  position: absolute;
  width: 4px;
  top: 0;
  height: 100%;
  left: -27px;
  display: none;
  -webkit-border-radius: 0px 1px 1px 0px;
  -moz-border-radius: 0px 1px 1px 0px;
  border-radius: 0px 1px 1px 0px;
}

.project-configuration-dialog [section-id="extensions"] .config-section-container {
  border-top: 1px solid #EDF1F8;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-bottom: 0px;
}

.project-configuration-dialog [section-id="extensions"] .config-section-container:hover {
  background-color: #f8f9fa;
}

.project-configuration-dialog [section-id="extensions"] .config-section-container[controller-template-id="justdo_custom_plugins_project_config"]:hover {
  background-color: transparent;
}

.project-configuration-dialog [section-id="extensions"] .config-section-container .controller-template-extension-item {
  padding: 8px 8px 8px 12px;
  font-size: 15px;
  color: #3D495B;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.project-configuration-dialog [section-id="extensions"] .config-section-container .controller-template-extension-indicator {
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  height: auto;
  width: 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: rgba(49, 69, 99, 0.12);
}

.project-configuration-dialog [section-id="extensions"] .config-section-container .jd-icon-extension {
  cursor: pointer;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  width: 24px;
  height: 24px;
  color: rgba(49, 69, 99, 0.35);
}

.project-configuration-dialog [section-id="extensions"] .config-section-container:first-child {
  border-top: 0 none;
}



.project-custom-states-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.project-custom-states-container .custom-states-sections {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: auto;
  padding: 20px 27px;
  margin-bottom: 24px;
}

.project-custom-states-container .custom-states-empty {
  text-align: center;
  padding: 40px 0;
  line-height: 100%;
  font-size: 14px;
  color: rgba(49, 69, 99, 0.25);
  margin-top: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}



.project-custom-state-item {
  background-color: #f0f4f9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  padding: 8px 8px 8px 0px;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: -webkit-box-shadow 0.35s;
  transition: -webkit-box-shadow 0.35s;
  -moz-transition: box-shadow 0.35s, -moz-box-shadow 0.35s;
  -o-transition: box-shadow 0.35s;
  transition: box-shadow 0.35s;
  transition: box-shadow 0.35s, -webkit-box-shadow 0.35s, -moz-box-shadow 0.35s;
}

.project-custom-state-item:hover {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.project-custom-state-item .custom-state-handle {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.75;
}

.project-custom-state-item .custom-state-handle .jd-icon {
  padding: 2px;
  color: #B0B8C2;
  width: 20px;
  margin-left: 4px;
}

.project-custom-state-item .custom-state-label {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 15px;
  color: #3D495B;
  padding-right: 8px;
  padding-left: 2px;
}

.project-custom-state-item .custom-state-label-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.project-custom-state-item .editing .custom-state-label-text {
  display: none;
}

.project-custom-state-item .custom-state-label-text-active {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 4px;
  -webkit-transition: background-color 0.35s;
  -moz-transition: background-color 0.35s;
  -o-transition: background-color 0.35s;
  transition: background-color 0.35s;
  max-width: 240px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.project-custom-state-item .custom-state-label-text-active:hover {
  background-color: white;
}

.project-custom-state-item .custom-state-label-text-default {
  color: rgba(61, 73, 91, 0.5);
  margin-left: 4px;
  cursor: help;
  position: relative;
}

.project-custom-state-item .custom-state-label-text-default:hover {
  text-decoration: underline;
}

.project-custom-state-item .custom-state-label-text-default:hover .custom-state-label-text-tooltip {
  display: block;
}

.project-custom-state-item .custom-state-label-text-tooltip {
  -webkit-box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 13px;
  color: #3D495B;
  position: absolute;
  white-space: nowrap;
  background-color: white;
  padding: 4px 8px;
  top: -28px;
  display: none;
}

.project-custom-state-item .custom-state-label-input {
  border: none;
  background-color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  padding-left: 4px;
  -webkit-transition: -webkit-box-shadow 0.35s;
  transition: -webkit-box-shadow 0.35s;
  -moz-transition: box-shadow 0.35s, -moz-box-shadow 0.35s;
  -o-transition: box-shadow 0.35s;
  transition: box-shadow 0.35s;
  transition: box-shadow 0.35s, -webkit-box-shadow 0.35s, -moz-box-shadow 0.35s;
  display: none;
}

.project-custom-state-item .custom-state-label-input:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.project-custom-state-item .editing .custom-state-label-input {
  display: block;
}

.project-custom-state-item .custom-state-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.project-custom-state-item .custom-state-action .jd-icon {
  color: #B0B8C2;
  stroke-width: 1.5;
  width: 16px;
  padding: 0;
  cursor: pointer;
}

.project-custom-state-item .custom-state-action .jd-icon:hover {
  color: #76869a;
  background-color: #e8edf3;
}

.project-custom-state-item .custom-state-action .jd-icon:active {
  color: #3f4e61;
}

.project-custom-state-item .core-state-title {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #808B9D;
  margin: 0 4px;
}

.project-custom-state-item .dropdown-menu {
  right: 0 !important;
  left: auto !important;
  margin-top: 8px;
}

.project-custom-state-item .dropdown-menu .dropdown-item {
  padding: 4px 8px 4px 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.project-custom-state-item .dropdown-menu .dropdown-item .jd-icon {
  margin-right: 6px;
  width: 20px;
  height: 20px;
  stroke-width: 1.5;
}

.hidden-states .custom-state-label {
  text-decoration: line-through;
}

.hidden-states .custom-state-hide {
  display: none;
}

.hidden-states .custom-state-handle,
.hidden-states .custom-state-type,
.hidden-states .custom-state-style {
  opacity: 0.35;
  pointer-events: none;
}

.hidden-states .custom-state-label {
  pointer-events: none;
}



.owners-filter-controller {
  max-width: 320px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owners-filter-controller .owners-search {
  padding-bottom: 8px;
}

.owners-filter-controller .no-results {
  padding: 16px 0;
  text-align: center;
  font-size: 14px;
}

.owners-filter-controller .owners-filter-controller-members-wrapper {
  overflow: auto;
}

.owners-filter-controller ul {
  padding: 0;
  margin: 0;
  max-height: 227px;
}

.owners-filter-controller li {
  list-style: none outside none;
  display: block;
  clear: both;
  padding: 3px 0;
  position: relative;
}

.owners-filter-controller li.dropdown-header {
  margin-top: 3px;
}

.owners-filter-controller li.dropdown-header:first-child {
  margin-top: 0;
}

.owners-filter-controller li.member-item {
  min-height: 31px;
  color: inherit;
  font-size: 15px;
  background: 0 none;
  font-weight: normal;
  line-height: 25px;
  color: #333;
  white-space: nowrap;
  text-decoration: none;
  cursor: pointer;
}

.owners-filter-controller li.member-item.filtered-out {
  display: none;
}

.owners-filter-controller li.member-item.selected {
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
  background-color: #d7e3f6;
}

.owners-filter-controller li.member-item img {
  position: absolute;
  margin-right: 5px;
  width: 25px;
  height: 25px;
}

.owners-filter-controller li.member-item .display-name {
  display: block;
  overflow: hidden;
  margin-left: 31px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}



.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

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

.fr-element,
.fr-element:focus {
  outline: 0 solid transparent;
}

.fr-box.fr-basic .fr-element {
  color: #000;
  padding: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: auto;
  min-height: 52px;
}

.fr-box.fr-basic.fr-rtl .fr-element {
  text-align: right;
}

.fr-element {
  background: 0 0;
  position: relative;
  z-index: 2;
  -webkit-user-select: auto;
}

.fr-element a {
  user-select: auto;
  -o-user-select: auto;
  -moz-user-select: auto;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto;
}

.fr-element.fr-disabled {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.fr-element [contenteditable=true] {
  outline: 0 solid transparent;
}

.fr-box a.fr-floating-btn {
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  height: 32px;
  width: 32px;
  background: #fff;
  color: #1e88e5;
  -webkit-transition: background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;
  -moz-transition: background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;
  -ms-transition: background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;
  -o-transition: background .2s ease 0s,color .2s ease 0s,transform .2s ease 0s;
  outline: 0;
  left: 0;
  top: 0;
  line-height: 32px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
}

.fr-box a.fr-floating-btn svg {
  -webkit-transition: transform .2s ease 0s;
  -moz-transition: transform .2s ease 0s;
  -ms-transition: transform .2s ease 0s;
  -o-transition: transform .2s ease 0s;
  fill: #1e88e5;
}

.fr-box a.fr-floating-btn i,
.fr-box a.fr-floating-btn svg {
  font-size: 14px;
  line-height: 32px;
}

.fr-box a.fr-floating-btn.fr-btn+.fr-btn {
  margin-left: 10px;
}

.fr-box a.fr-floating-btn:hover {
  background: #ebebeb;
  cursor: pointer;
}

.fr-box a.fr-floating-btn:hover svg {
  fill: #1e88e5;
}

.fr-box .fr-visible a.fr-floating-btn {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

iframe.fr-iframe {
  width: 100%;
  border: 0;
  position: relative;
  display: block;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fr-wrapper {
  position: relative;
  z-index: 1;
}

.fr-wrapper::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-wrapper .fr-placeholder {
  position: absolute;
  font-size: 12px;
  color: #aaa;
  z-index: 1;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.fr-wrapper.show-placeholder .fr-placeholder {
  display: block;
}

.fr-wrapper ::-moz-selection {
  background: #b5d6fd;
  color: #000;
}

.fr-wrapper ::selection {
  background: #b5d6fd;
  color: #000;
}

.fr-box.fr-basic .fr-wrapper {
  background: #fff;
  border: 0;
  border-top: 0;
  top: 0;
  left: 0;
}

.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
}

.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);
  -moz-box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);
  box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);
}

@media (min-width:992px) {
  .fr-box.fr-document {
    min-width: 21cm;
  }

  .fr-box.fr-document .fr-wrapper {
    text-align: left;
    padding: 30px;
    min-width: 21cm;
    background: #EFEFEF;
  }

  .fr-box.fr-document .fr-wrapper .fr-element {
    text-align: left;
    background: #FFF;
    width: 21cm;
    margin: auto;
    min-height: 26cm!important;
    padding: 1cm 2cm;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
    overflow: visible;
    z-index: auto;
  }

  .fr-box.fr-document .fr-wrapper .fr-element hr {
    margin-left: -2cm;
    margin-right: -2cm;
    background: #EFEFEF;
    height: 1cm;
    outline: 0;
    border: 0;
  }

  .fr-box.fr-document .fr-wrapper .fr-element img {
    z-index: 1;
  }
}

.fr-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 8px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);
  box-shadow: 0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);
  background: #222;
  color: #fff;
  font-size: 11px;
  line-height: 22px;
  font-family: Arial,Helvetica,sans-serif;
  -webkit-transition: opacity .2s ease 0s;
  -moz-transition: opacity .2s ease 0s;
  -ms-transition: opacity .2s ease 0s;
  -o-transition: opacity .2s ease 0s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "alpha(Opacity=0)";
  left: -3000px;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  z-index: 2147483647;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fr-tooltip.fr-visible {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "alpha(Opacity=0)";
}

.fr-toolbar .fr-btn-wrap,
.fr-popup .fr-btn-wrap {
  float: left;
  white-space: nowrap;
  position: relative;
}

.fr-toolbar .fr-btn-wrap.fr-hidden,
.fr-popup .fr-btn-wrap.fr-hidden {
  display: none;
}

.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn {
  background: 0 0;
  color: #222;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  margin: 0 2px;
  -webkit-transition: background .2s ease 0s;
  -moz-transition: background .2s ease 0s;
  -ms-transition: background .2s ease 0s;
  -o-transition: background .2s ease 0s;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  float: left;
  padding: 0;
  width: 38px;
  height: 38px;
}

.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
.fr-popup .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.fr-toolbar .fr-command.fr-btn.fr-btn-text,
.fr-popup .fr-command.fr-btn.fr-btn-text {
  width: auto;
}

.fr-toolbar .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn i,
.fr-toolbar .fr-command.fr-btn svg,
.fr-popup .fr-command.fr-btn svg {
  display: block;
  font-size: 14px;
  width: 14px;
  margin: 12px;
  text-align: center;
  float: none;
}

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

.fr-toolbar .fr-command.fr-btn span,
.fr-popup .fr-command.fr-btn span {
  font-size: 14px;
  display: block;
  line-height: 17px;
  min-width: 34px;
  float: left;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 17px;
  font-weight: 700;
  padding: 0 2px;
}

.fr-toolbar .fr-command.fr-btn img,
.fr-popup .fr-command.fr-btn img {
  margin: 12px;
  width: 14px;
}

.fr-toolbar .fr-command.fr-btn.fr-active,
.fr-popup .fr-command.fr-btn.fr-active {
  color: #1e88e5;
  background: 0 0;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection {
  width: auto;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span {
  font-weight: 400;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.fr-popup .fr-command.fr-btn.fr-dropdown i,
.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.fr-popup .fr-command.fr-btn.fr-dropdown span,
.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.fr-popup .fr-command.fr-btn.fr-dropdown img,
.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,
.fr-popup .fr-command.fr-btn.fr-dropdown svg {
  margin-left: 8px;
  margin-right: 16px;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
  color: #222;
  background: #d6d6d6;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
  background: #d6d6d6!important;
  color: #222!important;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after {
  border-top-color: #222!important;
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
.fr-popup .fr-command.fr-btn.fr-dropdown::after {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #222;
  right: 4px;
  top: 17px;
  content: "";
}

.fr-toolbar .fr-command.fr-btn.fr-disabled,
.fr-popup .fr-command.fr-btn.fr-disabled {
  color: #bdbdbd;
  cursor: default;
}

.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
.fr-popup .fr-command.fr-btn.fr-disabled::after {
  border-top-color: #bdbdbd!important;
}

.fr-toolbar .fr-command.fr-btn.fr-hidden,
.fr-popup .fr-command.fr-btn.fr-hidden {
  display: none;
}

.fr-toolbar.fr-disabled .fr-btn,
.fr-popup.fr-disabled .fr-btn,
.fr-toolbar.fr-disabled .fr-btn.fr-active,
.fr-popup.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd;
}

.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
  border-top-color: #bdbdbd;
}

.fr-toolbar.fr-rtl .fr-command.fr-btn,
.fr-popup.fr-rtl .fr-command.fr-btn,
.fr-toolbar.fr-rtl .fr-btn-wrap,
.fr-popup.fr-rtl .fr-btn-wrap {
  float: right;
}

.fr-toolbar.fr-inline>.fr-command.fr-btn:not(.fr-hidden),
.fr-toolbar.fr-inline>.fr-btn-wrap:not(.fr-hidden) {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: inline-flex;
  float: none;
}

.fr-desktop .fr-command:hover,
.fr-desktop .fr-command:focus,
.fr-desktop .fr-command.fr-btn-hover,
.fr-desktop .fr-command.fr-expanded {
  outline: 0;
  color: #222;
  background: #ebebeb;
}

.fr-desktop .fr-command:hover::after,
.fr-desktop .fr-command:focus::after,
.fr-desktop .fr-command.fr-btn-hover::after,
.fr-desktop .fr-command.fr-expanded::after {
  border-top-color: #222!important;
}

.fr-desktop .fr-command.fr-selected {
  color: #222;
  background: #d6d6d6;
}

.fr-desktop .fr-command.fr-active:hover,
.fr-desktop .fr-command.fr-active:focus,
.fr-desktop .fr-command.fr-active.fr-btn-hover,
.fr-desktop .fr-command.fr-active.fr-expanded {
  color: #1e88e5;
  background: #ebebeb;
}

.fr-desktop .fr-command.fr-active.fr-selected {
  color: #1e88e5;
  background: #d6d6d6;
}

.fr-desktop .fr-command.fr-disabled:hover,
.fr-desktop .fr-command.fr-disabled:focus,
.fr-desktop .fr-command.fr-disabled.fr-selected {
  background: 0 0;
}

.fr-desktop.fr-disabled .fr-command:hover,
.fr-desktop.fr-disabled .fr-command:focus,
.fr-desktop.fr-disabled .fr-command.fr-selected {
  background: 0 0;
}

.fr-toolbar.fr-mobile .fr-command.fr-blink,
.fr-popup.fr-mobile .fr-command.fr-blink {
  background: 0 0;
}

.fr-command.fr-btn.fr-options {
  width: 16px;
  margin-left: -5px;
}

.fr-command.fr-btn.fr-options.fr-btn-hover,
.fr-command.fr-btn.fr-options:hover,
.fr-command.fr-btn.fr-options:focus {
  border-left: solid 1px #fafafa;
}

.fr-command.fr-btn+.fr-dropdown-menu {
  display: inline-block;
  position: absolute;
  right: auto;
  bottom: auto;
  height: auto;
  z-index: 4;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  zoom: 1;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-command.fr-btn+.fr-dropdown-menu.test-height .fr-dropdown-wrapper {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  height: auto;
  max-height: 275px;
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper {
  background: #fff;
  padding: 0;
  margin: auto;
  display: inline-block;
  text-align: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: max-height .2s ease 0s;
  -moz-transition: max-height .2s ease 0s;
  -ms-transition: max-height .2s ease 0s;
  -o-transition: max-height .2s ease 0s;
  margin-top: 0;
  float: left;
  max-height: 0;
  height: 0;
  margin-top: 0!important;
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
  overflow: auto;
  position: relative;
  max-height: 275px;
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
  padding: 0;
  margin: 0;
  font-size: 15px;
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  padding: 0 24px;
  line-height: 200%;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #d6d6d6;
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
  color: #bdbdbd;
  cursor: default;
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
  float: right;
  margin-left: 32px;
  font-weight: 700;
  -webkit-opacity: .75;
  -moz-opacity: .75;
  opacity: .75;
  -ms-filter: "alpha(Opacity=0)";
}

.fr-command.fr-btn:not(.fr-active)+.fr-dropdown-menu {
  left: -3000px!important;
}

.fr-command.fr-btn.fr-active+.fr-dropdown-menu {
  display: inline-block;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);
  box-shadow: 0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);
}

.fr-command.fr-btn.fr-active+.fr-dropdown-menu .fr-dropdown-wrapper {
  height: auto;
  max-height: 275px;
}

.fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu {
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-toolbar.fr-rtl .fr-dropdown-wrapper,
.fr-popup.fr-rtl .fr-dropdown-wrapper {
  text-align: right!important;
}

body.prevent-scroll {
  overflow: hidden;
}

body.prevent-scroll.fr-mobile {
  position: fixed;
  -webkit-overflow-scrolling: touch;
}

.fr-modal {
  color: #222;
  font-family: Arial,Helvetica,sans-serif;
  position: fixed;
  overflow-x: auto;
  overflow-y: scroll;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 2147483640;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height: 1.2;
}

.fr-modal.fr-middle .fr-modal-wrapper {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  position: absolute;
}

.fr-modal .fr-modal-wrapper {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  margin: 20px auto;
  display: inline-block;
  background: #fff;
  min-width: 300px;
  -webkit-box-shadow: 0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);
  -moz-box-shadow: 0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);
  box-shadow: 0 5px 8px rgba(0,0,0,.19),0 4px 3px 1px rgba(0,0,0,.14);
  border: 0;
  border-top: 5px solid #222;
  overflow: hidden;
  width: 90%;
  position: relative;
}

@media (min-width:768px) and (max-width:991px) {
  .fr-modal .fr-modal-wrapper {
    margin: 30px auto;
    width: 70%;
  }
}

@media (min-width:992px) {
  .fr-modal .fr-modal-wrapper {
    margin: 50px auto;
    width: 960px;
  }
}

.fr-modal .fr-modal-wrapper .fr-modal-head {
  background: #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);
  box-shadow: 0 3px 6px rgba(0,0,0,.16),0 2px 2px 1px rgba(0,0,0,.14);
  border-bottom: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  min-height: 42px;
  z-index: 3;
  -webkit-transition: height .2s ease 0s;
  -moz-transition: height .2s ease 0s;
  -ms-transition: height .2s ease 0s;
  -o-transition: height .2s ease 0s;
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
  padding: 12px;
  width: 20px;
  font-size: 30px;
  cursor: pointer;
  line-height: 18px;
  color: #222;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: color .2s ease 0s;
  -moz-transition: color .2s ease 0s;
  -ms-transition: color .2s ease 0s;
  -o-transition: color .2s ease 0s;
}

.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
  font-size: 18px;
  padding: 12px 10px;
  margin: 0;
  font-weight: 400;
  line-height: 18px;
  display: inline-block;
  float: left;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body {
  height: 100%;
  min-height: 150px;
  overflow-y: scroll;
  padding-bottom: 10px;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
  outline: 0;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
  height: 36px;
  line-height: 1;
  color: #1e88e5;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: 0;
  background: 0 0;
  font-size: 16px;
  outline: 0;
  -webkit-transition: background .2s ease 0s;
  -moz-transition: background .2s ease 0s;
  -ms-transition: background .2s ease 0s;
  -o-transition: background .2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command+button {
  margin-left: 24px;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
  background: #ebebeb;
  color: #1e88e5;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
  background: #d6d6d6;
  color: #1e88e5;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
  border: 0;
}

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ebebeb;
}

.fr-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  -webkit-opacity: .5;
  -moz-opacity: .5;
  opacity: .5;
  -ms-filter: "alpha(Opacity=0)";
  z-index: 2147483639;
}

.fr-popup {
  position: absolute;
  display: none;
  color: #222;
  background: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  font-family: Arial,Helvetica,sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-top: 10px;
  z-index: 2147483635;
  text-align: left;
  border: 0;
  border-top: 5px solid #222;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
}

.fr-popup .fr-input-focus {
  background: #f5f5f5;
}

.fr-popup.fr-above {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 5px solid #222;
  -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);
  -moz-box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);
  box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);
}

.fr-popup.fr-active {
  display: block;
}

.fr-popup.fr-hidden {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "alpha(Opacity=0)";
}

.fr-popup.fr-empty {
  display: none!important;
}

.fr-popup .fr-hs {
  display: block!important;
}

.fr-popup .fr-hs.fr-hidden {
  display: none!important;
}

.fr-popup .fr-input-line {
  position: relative;
  padding: 8px 0;
}

.fr-popup .fr-input-line input[type=text],
.fr-popup .fr-input-line textarea {
  width: 100%;
  margin: 0 0 1px;
  border: 0;
  border-bottom: solid 1px #bdbdbd;
  color: #222;
  font-size: 14px;
  padding: 6px 0 2px;
  background: rgba(0,0,0,0);
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fr-popup .fr-input-line input[type=text]:focus,
.fr-popup .fr-input-line textarea:focus {
  border-bottom: solid 2px #1e88e5;
  margin-bottom: 0;
}

.fr-popup .fr-input-line input+label,
.fr-popup .fr-input-line textarea+label {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  color: rgba(0,0,0,0);
  -webkit-transition: color .2s ease 0s;
  -moz-transition: color .2s ease 0s;
  -ms-transition: color .2s ease 0s;
  -o-transition: color .2s ease 0s;
  z-index: 3;
  width: 100%;
  display: block;
  background: #fff;
}

.fr-popup .fr-input-line input.fr-not-empty:focus+label,
.fr-popup .fr-input-line textarea.fr-not-empty:focus+label {
  color: #1e88e5;
}

.fr-popup .fr-input-line input.fr-not-empty+label,
.fr-popup .fr-input-line textarea.fr-not-empty+label {
  color: gray;
}

.fr-popup input,
.fr-popup textarea {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
}

.fr-popup textarea {
  resize: none;
}

.fr-popup .fr-buttons {
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  padding: 0 2px;
  white-space: nowrap;
  line-height: 0;
  border-bottom: 0;
}

.fr-popup .fr-buttons::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-popup .fr-buttons .fr-btn {
  display: inline-block;
  float: none;
}

.fr-popup .fr-buttons .fr-btn i {
  float: left;
}

.fr-popup .fr-buttons .fr-separator {
  display: inline-block;
  float: none;
}

.fr-popup .fr-layer {
  width: 225px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px;
  display: none;
}

@media (min-width:768px) {
  .fr-popup .fr-layer {
    width: 300px;
  }
}

.fr-popup .fr-layer.fr-active {
  display: inline-block;
}

.fr-popup .fr-action-buttons {
  z-index: 7;
  height: 36px;
  text-align: right;
}

.fr-popup .fr-action-buttons button.fr-command {
  height: 36px;
  line-height: 1;
  color: #1e88e5;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: 0;
  background: 0 0;
  font-size: 16px;
  outline: 0;
  -webkit-transition: background .2s ease 0s;
  -moz-transition: background .2s ease 0s;
  -ms-transition: background .2s ease 0s;
  -o-transition: background .2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-popup .fr-action-buttons button.fr-command+button {
  margin-left: 24px;
}

.fr-popup .fr-action-buttons button.fr-command:hover,
.fr-popup .fr-action-buttons button.fr-command:focus {
  background: #ebebeb;
  color: #1e88e5;
}

.fr-popup .fr-action-buttons button.fr-command:active {
  background: #d6d6d6;
  color: #1e88e5;
}

.fr-popup .fr-action-buttons button::-moz-focus-inner {
  border: 0;
}

.fr-popup .fr-checkbox {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle;
}

.fr-popup .fr-checkbox svg {
  margin-left: 2px;
  margin-top: 2px;
  display: none;
  width: 10px;
  height: 10px;
}

.fr-popup .fr-checkbox span {
  border: solid 1px #222;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background .2s ease 0s,border-color .2s ease 0s;
  -moz-transition: background .2s ease 0s,border-color .2s ease 0s;
  -ms-transition: background .2s ease 0s,border-color .2s ease 0s;
  -o-transition: background .2s ease 0s,border-color .2s ease 0s;
}

.fr-popup .fr-checkbox input {
  position: absolute;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "alpha(Opacity=0)";
  border: 0 none;
  cursor: pointer;
  height: 16px;
  margin: 0;
  padding: 0;
  width: 16px;
  top: 1px;
  left: 1px;
}

.fr-popup .fr-checkbox input:checked+span {
  background: #1e88e5;
  border-color: #1e88e5;
}

.fr-popup .fr-checkbox input:checked+span svg {
  display: block;
}

.fr-popup .fr-checkbox input:focus+span {
  border-color: #1e88e5;
}

.fr-popup .fr-checkbox-line {
  font-size: 14px;
  line-height: 1.4px;
  margin-top: 10px;
}

.fr-popup .fr-checkbox-line label {
  cursor: pointer;
  margin: 0 5px;
  vertical-align: middle;
}

.fr-popup.fr-rtl {
  direction: rtl;
  text-align: right;
}

.fr-popup.fr-rtl .fr-action-buttons {
  text-align: left;
}

.fr-popup.fr-rtl .fr-input-line input+label,
.fr-popup.fr-rtl .fr-input-line textarea+label {
  left: auto;
  right: 0;
}

.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
  float: right;
}

.fr-popup .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #222;
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -5px;
  display: inline-block;
}

.fr-popup.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top: 5px solid #222;
}

.fr-text-edit-layer {
  width: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block!important;
}

.fr-toolbar {
  color: #222;
  background: #fff;
  position: relative;
  z-index: 4;
  font-family: Arial,Helvetica,sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 0 2px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  text-align: left;
  border: 0;
  border-top: 5px solid #222;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
}

.fr-toolbar::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-toolbar.fr-rtl {
  text-align: right;
}

.fr-toolbar.fr-inline {
  display: none;
  white-space: nowrap;
  position: absolute;
  margin-top: 10px;
}

.fr-toolbar.fr-inline .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #222;
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -5px;
  display: inline-block;
}

.fr-toolbar.fr-inline.fr-above {
  margin-top: -10px;
  -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);
  -moz-box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);
  box-shadow: 0 -1px 3px rgba(0,0,0,.12),0 -1px 1px 1px rgba(0,0,0,.16);
  border-bottom: 5px solid #222;
  border-top: 0;
}

.fr-toolbar.fr-inline.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top-color: inherit;
  border-top-style: solid;
  border-top-width: 5px;
}

.fr-toolbar.fr-top {
  top: 0;
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
}

.fr-toolbar.fr-bottom {
  bottom: 0;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
}

.fr-separator {
  background: #ebebeb;
  display: block;
  vertical-align: top;
  float: left;
}

.fr-separator+.fr-separator {
  display: none;
}

.fr-separator.fr-vs {
  height: 34px;
  width: 1px;
  margin: 2px;
}

.fr-separator.fr-hs {
  clear: both;
  height: 1px;
  width: -webkit-calc(100% - (2 * 2px));
  width: -moz-calc(100% - (2 * 2px));
  width: calc(100% - (2 * 2px));
  margin: 0 2px;
}

.fr-separator.fr-hidden {
  display: none!important;
}

.fr-rtl .fr-separator {
  float: right;
}

.fr-toolbar.fr-inline .fr-separator.fr-hs {
  float: none;
}

.fr-toolbar.fr-inline .fr-separator.fr-vs {
  float: none;
  display: inline-block;
}

.fr-visibility-helper {
  display: none;
  margin-left: 0!important;
}

@media (min-width:768px) {
  .fr-visibility-helper {
    margin-left: 1px!important;
  }
}

@media (min-width:992px) {
  .fr-visibility-helper {
    margin-left: 2px!important;
  }
}

@media (min-width:1200px) {
  .fr-visibility-helper {
    margin-left: 3px!important;
  }
}

.fr-opacity-0 {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "alpha(Opacity=0)";
}

.fr-box {
  position: relative;
}

.fr-sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
}

.fr-sticky-off {
  position: relative;
}

.fr-sticky-on {
  position: fixed;
}

.fr-sticky-on.fr-sticky-ios {
  position: absolute;
  left: 0;
  right: 0;
  width: auto!important;
}

.fr-sticky-dummy {
  display: none;
}

.fr-sticky-on+.fr-sticky-dummy,
.fr-sticky-box>.fr-sticky-dummy {
  display: block;
}

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

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

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

img.fr-rounded,
.fr-img-caption.fr-rounded img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
}

img.fr-bordered,
.fr-img-caption.fr-bordered img {
  border: solid 5px #CCC;
}

img.fr-bordered {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fr-img-caption.fr-bordered img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

img.fr-shadow,
.fr-img-caption.fr-shadow img {
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
}

.fr-view {
  word-wrap: break-word;
}

.fr-view span[style~="color:"] a {
  color: inherit;
}

.fr-view strong {
  font-weight: 700;
}

.fr-view table {
  border: 0;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%;
}

.fr-view table td {
  min-width: 5px;
}

.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th {
  border-style: dashed;
}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: #f5f5f5;
}

.fr-view table td,
.fr-view table th {
  border: 1px solid #ddd;
}

.fr-view table td:empty,
.fr-view table th:empty {
  height: 20px;
}

.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
  border: 1px double red;
}

.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
  border-width: 2px;
}

.fr-view table th {
  background: #e6e6e6;
}

.fr-view hr {
  clear: both;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  page-break-after: always;
}

.fr-view .fr-file {
  position: relative;
}

.fr-view .fr-file::after {
  position: relative;
  content: "\1F4CE";
  font-weight: 400;
}

.fr-view pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: visible;
}

.fr-view[dir=rtl] blockquote {
  border-left: 0;
  border-right: solid 2px #5e35b1;
  margin-right: 0;
  padding-right: 5px;
  padding-left: 0;
}

.fr-view[dir=rtl] blockquote blockquote {
  border-color: #00bcd4;
}

.fr-view[dir=rtl] blockquote blockquote blockquote {
  border-color: #43a047;
}

.fr-view blockquote {
  border-left: solid 2px #5e35b1;
  margin-left: 0;
  padding-left: 5px;
  color: #5e35b1;
}

.fr-view blockquote blockquote {
  border-color: #00bcd4;
  color: #00bcd4;
}

.fr-view blockquote blockquote blockquote {
  border-color: #43a047;
  color: #43a047;
}

.fr-view span.fr-emoticon {
  font-weight: 400;
  font-family: "Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols;
  display: inline;
  line-height: 0;
}

.fr-view span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat!important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -.1em .1em .1em;
  line-height: 1;
  vertical-align: middle;
}

.fr-view .fr-text-gray {
  color: #AAA!important;
}

.fr-view .fr-text-bordered {
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  padding: 10px 0;
}

.fr-view .fr-text-spaced {
  letter-spacing: 1px;
}

.fr-view .fr-text-uppercase {
  text-transform: uppercase;
}

.fr-view .fr-class-highlighted {
  background-color: #ff0;
}

.fr-view .fr-class-code {
  border-color: #ccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  background: #f5f5f5;
  padding: 10px;
  font-family: "Courier New",Courier,monospace;
}

.fr-view .fr-class-transparency {
  opacity: .5;
}

.fr-view img {
  position: relative;
  max-width: 100%;
}

.fr-view img.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

.fr-view img.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

.fr-view img.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

.fr-view img.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: -webkit-calc(100% - (2 * 5px));
  max-width: -moz-calc(100% - (2 * 5px));
  max-width: calc(100% - (2 * 5px));
}

.fr-view img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: -webkit-calc(100% - 5px);
  max-width: -moz-calc(100% - 5px);
  max-width: calc(100% - 5px);
}

.fr-view img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: -webkit-calc(100% - 5px);
  max-width: -moz-calc(100% - 5px);
  max-width: calc(100% - 5px);
}

.fr-view span.fr-img-caption {
  position: relative;
  max-width: 100%;
}

.fr-view span.fr-img-caption.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

.fr-view span.fr-img-caption.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

.fr-view span.fr-img-caption.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

.fr-view span.fr-img-caption.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: -webkit-calc(100% - (2 * 5px));
  max-width: -moz-calc(100% - (2 * 5px));
  max-width: calc(100% - (2 * 5px));
}

.fr-view span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: -webkit-calc(100% - 5px);
  max-width: -moz-calc(100% - 5px);
  max-width: calc(100% - 5px);
}

.fr-view span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: -webkit-calc(100% - 5px);
  max-width: -moz-calc(100% - 5px);
  max-width: calc(100% - 5px);
}

.fr-view .fr-video {
  text-align: center;
  position: relative;
}

.fr-view .fr-video.fr-rv {
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.fr-view .fr-video.fr-rv>iframe,
.fr-view .fr-video.fr-rv object,
.fr-view .fr-video.fr-rv embed {
  position: absolute!important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.fr-view .fr-video>* {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: 0;
}

.fr-view .fr-video.fr-dvb {
  display: block;
  clear: both;
}

.fr-view .fr-video.fr-dvb.fr-fvl {
  text-align: left;
}

.fr-view .fr-video.fr-dvb.fr-fvr {
  text-align: right;
}

.fr-view .fr-video.fr-dvi {
  display: inline-block;
}

.fr-view .fr-video.fr-dvi.fr-fvl {
  float: left;
}

.fr-view .fr-video.fr-dvi.fr-fvr {
  float: right;
}

.fr-view a.fr-strong {
  font-weight: 700;
}

.fr-view a.fr-green {
  color: green;
}

.fr-view .fr-img-caption {
  text-align: center;
}

.fr-view .fr-img-caption .fr-img-wrap {
  padding: 0;
  display: inline-block;
  margin: auto;
  text-align: center;
  width: 100%;
}

.fr-view .fr-img-caption .fr-img-wrap img {
  display: block;
  margin: auto;
  width: 100%;
}

.fr-view .fr-img-caption .fr-img-wrap>span {
  margin: auto;
  display: block;
  padding: 5px 5px 10px;
  font-size: 14px;
  font-weight: initial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-opacity: .9;
  -moz-opacity: .9;
  opacity: .9;
  -ms-filter: "alpha(Opacity=0)";
  width: 100%;
  text-align: center;
}

.fr-view button.fr-rounded,
.fr-view input.fr-rounded,
.fr-view textarea.fr-rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-view button.fr-large,
.fr-view input.fr-large,
.fr-view textarea.fr-large {
  font-size: 24px;
}

a.fr-view.fr-strong {
  font-weight: 700;
}

a.fr-view.fr-green {
  color: green;
}

img.fr-view {
  position: relative;
  max-width: 100%;
}

img.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

img.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

img.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

img.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: -webkit-calc(100% - (2 * 5px));
  max-width: -moz-calc(100% - (2 * 5px));
  max-width: calc(100% - (2 * 5px));
}

img.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: -webkit-calc(100% - 5px);
  max-width: -moz-calc(100% - 5px);
  max-width: calc(100% - 5px);
}

img.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: -webkit-calc(100% - 5px);
  max-width: -moz-calc(100% - 5px);
  max-width: calc(100% - 5px);
}

span.fr-img-caption.fr-view {
  position: relative;
  max-width: 100%;
}

span.fr-img-caption.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}

span.fr-img-caption.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}

span.fr-img-caption.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}

span.fr-img-caption.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: -webkit-calc(100% - (2 * 5px));
  max-width: -moz-calc(100% - (2 * 5px));
  max-width: calc(100% - (2 * 5px));
}

span.fr-img-caption.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: -webkit-calc(100% - 5px);
  max-width: -moz-calc(100% - 5px);
  max-width: calc(100% - 5px);
}

span.fr-img-caption.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: -webkit-calc(100% - 5px);
  max-width: -moz-calc(100% - 5px);
  max-width: calc(100% - 5px);
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

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

.fr-box .fr-counter {
  position: absolute;
  bottom: 0;
  padding: 5px;
  right: 0;
  color: #ccc;
  content: attr(data-chars);
  font-size: 15px;
  font-family: "Times New Roman",Georgia,Serif;
  z-index: 1;
  background: #fff;
  border-top: solid 1px #ebebeb;
  border-left: solid 1px #ebebeb;
  border-radius: 2px 0 0;
  -moz-border-radius: 2px 0 0;
  -webkit-border-radius: 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-box.fr-rtl .fr-counter {
  left: 0;
  right: auto;
  border-left: 0;
  border-right: solid 1px #ebebeb;
  border-radius: 0 2px 0 0;
  -moz-border-radius: 0 2px 0 0;
  -webkit-border-radius: 0 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
}

.fr-box.fr-code-view .fr-counter {
  display: none;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

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

textarea.fr-code {
  display: none;
  width: 100%;
  resize: none;
  -moz-resize: none;
  -webkit-resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  padding: 10px;
  margin: 0;
  font-family: "Courier New",monospace;
  font-size: 14px;
  background: #fff;
  color: #000;
  outline: 0;
}

.fr-box.fr-rtl textarea.fr-code {
  direction: rtl;
}

.fr-box .CodeMirror {
  display: none;
}

.fr-box.fr-code-view textarea.fr-code {
  display: block;
  overflow-y: hidden;
}

.fr-box.fr-code-view.fr-inline {
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
}

.fr-box.fr-code-view .fr-element,
.fr-box.fr-code-view .fr-placeholder,
.fr-box.fr-code-view .fr-iframe {
  display: none;
}

.fr-box.fr-code-view .CodeMirror {
  display: block;
}

.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
  display: block;
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  display: none;
  background: #fff;
  color: #222;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  padding: 12px;
  -webkit-transition: background .2s ease 0s;
  -moz-transition: background .2s ease 0s;
  -ms-transition: background .2s ease 0s;
  -o-transition: background .2s ease 0s;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
  font-size: 14px;
  width: 14px;
  text-align: center;
}

.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
  background: #ebebeb;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

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

.fr-popup .fr-colors-tabs {
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  margin-bottom: 5px;
  line-height: 16px;
  margin-left: -2px;
  margin-right: -2px;
}

.fr-popup .fr-colors-tabs .fr-colors-tab {
  display: inline-block;
  width: 50%;
  cursor: pointer;
  text-align: center;
  color: #222;
  font-size: 13px;
  padding: 8px 0;
  position: relative;
}

.fr-popup .fr-colors-tabs .fr-colors-tab:hover,
.fr-popup .fr-colors-tabs .fr-colors-tab:focus {
  color: #1e88e5;
}

.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1=background]::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #1e88e5;
  content: '';
  -webkit-transition: transform .2s ease 0s;
  -moz-transition: transform .2s ease 0s;
  -ms-transition: transform .2s ease 0s;
  -o-transition: transform .2s ease 0s;
}

.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab {
  color: #1e88e5;
}

.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text]~[data-param1=background]::after {
  -webkit-transform: translate3d(-100%,0,0);
  -moz-transform: translate3d(-100%,0,0);
  -ms-transform: translate3d(-100%,0,0);
  -o-transform: translate3d(-100%,0,0);
}

.fr-popup .fr-color-hex-layer {
  width: 100%;
  margin: 0;
  padding: 10px;
}

.fr-popup .fr-color-hex-layer .fr-input-line {
  float: left;
  width: -webkit-calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: calc(100% - 50px);
  padding: 8px 0 0;
}

.fr-popup .fr-color-hex-layer .fr-action-buttons {
  float: right;
  width: 50px;
}

.fr-popup .fr-color-hex-layer .fr-action-buttons button.fr-command {
  background-color: #1e88e5;
  color: #FFF!important;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 13px;
  height: 32px;
}

.fr-popup .fr-color-hex-layer .fr-action-buttons button.fr-command:hover {
  background-color: #166dba;
  color: #FFF;
}

.fr-popup .fr-separator+.fr-colors-tabs {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-left: 2px;
  margin-right: 2px;
}

.fr-popup .fr-color-set {
  line-height: 0;
  display: none;
}

.fr-popup .fr-color-set.fr-selected-set {
  display: block;
}

.fr-popup .fr-color-set>span {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 1;
}

.fr-popup .fr-color-set>span>i,
.fr-popup .fr-color-set>span>svg {
  text-align: center;
  line-height: 32px;
  height: 32px;
  width: 32px;
  font-size: 13px;
  position: absolute;
  bottom: 0;
  cursor: default;
  left: 0;
}

.fr-popup .fr-color-set>span .fr-selected-color {
  color: #fff;
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  cursor: default;
}

.fr-popup .fr-color-set>span:hover,
.fr-popup .fr-color-set>span:focus {
  outline: 1px solid #222;
  z-index: 2;
}

.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1=text]~[data-param1=background]::after {
  -webkit-transform: translate3d(100%,0,0);
  -moz-transform: translate3d(100%,0,0);
  -ms-transform: translate3d(100%,0,0);
  -o-transform: translate3d(100%,0,0);
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

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

.fr-drag-helper {
  background: #1e88e5;
  height: 2px;
  margin-top: -1px;
  -webkit-opacity: .2;
  -moz-opacity: .2;
  opacity: .2;
  -ms-filter: "alpha(Opacity=0)";
  position: absolute;
  z-index: 2147483640;
  display: none;
}

.fr-drag-helper.fr-visible {
  display: block;
}

.fr-dragging {
  -webkit-opacity: .4;
  -moz-opacity: .4;
  opacity: .4;
  -ms-filter: "alpha(Opacity=0)";
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

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

.fr-popup .fr-emoticon {
  display: inline-block;
  font-size: 20px;
  width: 20px;
  padding: 5px;
  line-height: 1;
  cursor: default;
  font-weight: 400;
  font-family: "Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fr-popup .fr-emoticon img {
  height: 20px;
}

.fr-popup .fr-link:focus {
  outline: 0;
  background: #ebebeb;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

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

.fr-popup .fr-file-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.fr-popup .fr-file-upload-layer:hover {
  background: #ebebeb;
}

.fr-popup .fr-file-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #1e88e5;
}

.fr-popup .fr-file-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0!important;
  padding: 0!important;
  width: 100%!important;
}

.fr-popup .fr-file-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px;
}

.fr-popup .fr-file-progress-bar-layer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fr-popup .fr-file-progress-bar-layer>h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: 400;
}

.fr-popup .fr-file-progress-bar-layer>div.fr-action-buttons {
  display: none;
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader {
  background: #bcdbf7;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader span {
  display: block;
  height: 100%;
  width: 0;
  background: #1e88e5;
  -webkit-transition: width .2s ease 0s;
  -moz-transition: width .2s ease 0s;
  -ms-transition: width .2s ease 0s;
  -o-transition: width .2s ease 0s;
}

.fr-popup .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span {
  width: 30%!important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}

.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-loader {
  display: none;
}

.fr-popup .fr-file-progress-bar-layer.fr-error>div.fr-action-buttons {
  display: block;
}

@keyframes loading {
  from {
    left: -25%;
  }

  to {
    left: 100%;
  }
}

@-webkit-keyframes loading {
  from {
    left: -25%;
  }

  to {
    left: 100%;
  }
}

@-moz-keyframes loading {
  from {
    left: -25%;
  }

  to {
    left: 100%;
  }
}

@-o-keyframes loading {
  from {
    left: -25%;
  }

  to {
    left: 100%;
  }
}

body.fr-fullscreen {
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: fixed;
}

.fr-box.fr-fullscreen {
  margin: 0!important;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483630!important;
  width: auto!important;
}

.fr-box.fr-fullscreen .fr-toolbar.fr-top {
  top: 0!important;
}

.fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
  bottom: 0!important;
}

.fr-fullscreen-wrapper {
  z-index: 2147483640!important;
  width: 100%!important;
  margin: 0!important;
  padding: 0!important;
  overflow: visible!important;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

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

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
  text-align: left;
  padding: 20px 20px 10px;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.5;
  width: 100%;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table+table {
  margin-top: 20px;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
  border: 0;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th,
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td {
  padding: 6px 0 4px;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
  border-bottom: solid 1px #ebebeb;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
  width: 60%;
  color: #646464;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
  letter-spacing: .5px;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

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

.fr-modal-head .fr-modal-head-line::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-modal-head .fr-modal-head-line i.fr-modal-more,
.fr-modal-head .fr-modal-head-line svg.fr-modal-more {
  float: left;
  opacity: 1;
  -webkit-transition: padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;
  -moz-transition: padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;
  -ms-transition: padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;
  -o-transition: padding .2s ease 0s,width .2s ease 0s,opacity .2s ease 0s;
  padding: 12px;
}

.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available,
.fr-modal-head .fr-modal-head-line svg.fr-modal-more.fr-not-available {
  opacity: 0;
  width: 0;
  padding: 12px 0;
}

.fr-modal-head .fr-modal-tags {
  display: none;
  text-align: left;
}

.fr-modal-head .fr-modal-tags a {
  display: inline-block;
  opacity: 0;
  padding: 6px 8px;
  margin: 8px 0 8px 8px;
  text-decoration: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  color: #1e88e5;
  -webkit-transition: opacity .2s ease 0s,background .2s ease 0s;
  -moz-transition: opacity .2s ease 0s,background .2s ease 0s;
  -ms-transition: opacity .2s ease 0s,background .2s ease 0s;
  -o-transition: opacity .2s ease 0s,background .2s ease 0s;
  cursor: pointer;
}

.fr-modal-head .fr-modal-tags a:focus {
  outline: 0;
}

.fr-modal-head .fr-modal-tags a.fr-selected-tag {
  background: #d6d6d6;
}

div.fr-modal-body .fr-preloader {
  display: block;
  margin: 50px auto;
}

div.fr-modal-body div.fr-image-list {
  text-align: center;
  margin: 0 10px;
  padding: 0;
}

div.fr-modal-body div.fr-image-list::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

div.fr-modal-body div.fr-image-list .fr-list-column {
  float: left;
  width: -webkit-calc((100% - 10px) / 2);
  width: -moz-calc((100% - 10px) / 2);
  width: calc((100% - 10px) / 2);
}

@media (min-width:768px) and (max-width:1199px) {
  div.fr-modal-body div.fr-image-list .fr-list-column {
    width: -webkit-calc((100% - 20px) / 3);
    width: -moz-calc((100% - 20px) / 3);
    width: calc((100% - 20px) / 3);
  }
}

@media (min-width:1200px) {
  div.fr-modal-body div.fr-image-list .fr-list-column {
    width: -webkit-calc((100% - 30px) / 4);
    width: -moz-calc((100% - 30px) / 4);
    width: calc((100% - 30px) / 4);
  }
}

div.fr-modal-body div.fr-image-list .fr-list-column+.fr-list-column {
  margin-left: 10px;
}

div.fr-modal-body div.fr-image-list div.fr-image-container {
  position: relative;
  width: 100%;
  display: block;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}

div.fr-modal-body div.fr-image-list div.fr-image-container:first-child {
  margin-top: 10px;
}

div.fr-modal-body div.fr-image-list div.fr-image-container+div {
  margin-top: 10px;
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
  position: absolute;
  -webkit-opacity: .5;
  -moz-opacity: .5;
  opacity: .5;
  -ms-filter: "alpha(Opacity=0)";
  -webkit-transition: opacity .2s ease 0s;
  -moz-transition: opacity .2s ease 0s;
  -ms-transition: opacity .2s ease 0s;
  -o-transition: opacity .2s ease 0s;
  background: #000;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
  content: attr(data-deleting);
  color: #fff;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  position: absolute;
  z-index: 3;
  font-size: 15px;
  height: 20px;
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
  height: 95px;
  background: #ccc;
  z-index: 1;
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: attr(data-loading);
  display: inline-block;
  height: 20px;
}

div.fr-modal-body div.fr-image-list div.fr-image-container img {
  width: 100%;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "alpha(Opacity=0)";
  -webkit-transition: opacity .2s ease 0s,filter .2s ease 0s;
  -moz-transition: opacity .2s ease 0s,filter .2s ease 0s;
  -ms-transition: opacity .2s ease 0s,filter .2s ease 0s;
  -o-transition: opacity .2s ease 0s,filter .2s ease 0s;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
  -webkit-opacity: .75;
  -moz-opacity: .75;
  opacity: .75;
  -ms-filter: "alpha(Opacity=0)";
}

div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img {
  display: inline-block;
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  display: none;
  top: 50%;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: background .2s ease 0s,color .2s ease 0s;
  -moz-transition: background .2s ease 0s,color .2s ease 0s;
  -ms-transition: background .2s ease 0s,color .2s ease 0s;
  -o-transition: background .2s ease 0s,color .2s ease 0s;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 1px 1px rgba(0,0,0,.16);
  position: absolute;
  cursor: pointer;
  margin: 0;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-decoration: none;
  z-index: 3;
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
  background: #b8312f;
  color: #fff;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(25%);
  -moz-transform: translateY(-50%) translateX(25%);
  -ms-transform: translateY(-50%) translateX(25%);
  -o-transform: translateY(-50%) translateX(25%);
}

div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  background: #fff;
  color: #1e88e5;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-125%);
  -moz-transform: translateY(-50%) translateX(-125%);
  -ms-transform: translateY(-50%) translateX(-125%);
  -o-transform: translateY(-50%) translateX(-125%);
}

.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover {
  background: #ebebeb;
}

.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag {
  background: #d6d6d6;
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
  -webkit-opacity: .75;
  -moz-opacity: .75;
  opacity: .75;
  -ms-filter: "alpha(Opacity=0)";
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
  display: inline-block;
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
  background: #bf4644;
  color: #fff;
}

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
  background: #ebebeb;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

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

.fr-element img {
  cursor: pointer;
}

.fr-image-resizer {
  position: absolute;
  border: solid 1px #1e88e5;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fr-image-resizer.fr-active {
  display: block;
}

.fr-image-resizer .fr-handler {
  display: block;
  position: absolute;
  background: #1e88e5;
  border: solid 1px #fff;
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fr-image-resizer .fr-handler.fr-hnw {
  cursor: nw-resize;
}

.fr-image-resizer .fr-handler.fr-hne {
  cursor: ne-resize;
}

.fr-image-resizer .fr-handler.fr-hsw {
  cursor: sw-resize;
}

.fr-image-resizer .fr-handler.fr-hse {
  cursor: se-resize;
}

.fr-image-resizer .fr-handler {
  width: 12px;
  height: 12px;
}

.fr-image-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px;
}

.fr-image-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px;
}

.fr-image-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px;
}

.fr-image-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px;
}

@media (min-width:1200px) {
  .fr-image-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }

  .fr-image-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px;
  }

  .fr-image-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px;
  }

  .fr-image-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px;
  }

  .fr-image-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px;
  }
}

.fr-image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none;
}

.fr-popup .fr-image-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center;
}

.fr-popup .fr-image-upload-layer:hover {
  background: #ebebeb;
}

.fr-popup .fr-image-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #1e88e5;
}

.fr-popup .fr-image-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0!important;
  padding: 0!important;
  width: 100%!important;
}

.fr-popup .fr-image-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px;
}

.fr-popup .fr-image-progress-bar-layer>h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: 400;
}

.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons {
  display: none;
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader {
  background: #bcdbf7;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader span {
  display: block;
  height: 100%;
  width: 0;
  background: #1e88e5;
  -webkit-transition: width .2s ease 0s;
  -moz-transition: width .2s ease 0s;
  -ms-transition: width .2s ease 0s;
  -o-transition: width .2s ease 0s;
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span {
  width: 30%!important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-loader {
  display: none;
}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-action-buttons {
  display: block;
}

.fr-image-size-layer .fr-image-group .fr-input-line {
  width: -webkit-calc(50% - 5px);
  width: -moz-calc(50% - 5px);
  width: calc(50% - 5px);
  display: inline-block;
}

.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line {
  margin-left: 10px;
}

.fr-uploading {
  -webkit-opacity: .4;
  -moz-opacity: .4;
  opacity: .4;
  -ms-filter: "alpha(Opacity=0)";
}

@keyframes loading {
  from {
    left: -25%;
  }

  to {
    left: 100%;
  }
}

@-webkit-keyframes loading {
  from {
    left: -25%;
  }

  to {
    left: 100%;
  }
}

@-moz-keyframes loading {
  from {
    left: -25%;
  }

  to {
    left: 100%;
  }
}

@-o-keyframes loading {
  from {
    left: -25%;
  }

  to {
    left: 100%;
  }
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

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

.fr-line-breaker {
  cursor: text;
  border-top: 1px solid #1e88e5;
  position: fixed;
  z-index: 2;
  display: none;
}

.fr-line-breaker.fr-visible {
  display: block;
}

.fr-line-breaker a.fr-floating-btn {
  position: absolute;
  left: -webkit-calc(50% - (32px / 2));
  left: -moz-calc(50% - (32px / 2));
  left: calc(50% - (32px / 2));
  top: -16px;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

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

.fr-quick-insert {
  position: absolute;
  z-index: 2147483639;
  white-space: nowrap;
  padding-right: 5px;
  margin-left: -5px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fr-quick-insert.fr-on a.fr-floating-btn svg {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}

.fr-quick-insert.fr-hidden {
  display: none;
}

.fr-qi-helper {
  position: absolute;
  z-index: 3;
  padding-left: 16px;
  white-space: nowrap;
}

.fr-qi-helper a.fr-btn.fr-floating-btn {
  text-align: center;
  display: inline-block;
  color: #222;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "alpha(Opacity=0)";
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}

.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "alpha(Opacity=0)";
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

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

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal {
  text-align: left;
  padding: 20px 20px 10px;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-characters-list {
  margin-bottom: 20px;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-characters-title {
  font-weight: 700;
  font-size: 14px;
  padding: 6px 0 4px;
  margin: 0 0 5px;
}

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character {
  display: inline-block;
  font-size: 16px;
  width: 20px;
  height: 20px;
  padding: 5px;
  line-height: 20px;
  cursor: default;
  font-weight: 400;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  text-align: center;
  border: 1px solid #ccc;
  margin: -1px 0 0 -1px;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

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

.fr-element table td.fr-selected-cell,
.fr-element table th.fr-selected-cell {
  border: 1px double #1e88e5;
}

.fr-element table tr {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.fr-element table td,
.fr-element table th {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}

.fr-element .fr-no-selection table td,
.fr-element .fr-no-selection table th {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.fr-table-resizer {
  cursor: col-resize;
  position: absolute;
  z-index: 3;
  display: none;
}

.fr-table-resizer.fr-moving {
  z-index: 2;
}

.fr-table-resizer div {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "alpha(Opacity=0)";
  border-right: 1px solid #1e88e5;
}

.fr-no-selection {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.fr-popup .fr-table-colors-hex-layer {
  width: 100%;
  margin: 0;
  padding: 10px;
}

.fr-popup .fr-table-colors-hex-layer .fr-input-line {
  float: left;
  width: -webkit-calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: calc(100% - 50px);
  padding: 8px 0 0;
}

.fr-popup .fr-table-colors-hex-layer .fr-action-buttons {
  float: right;
  width: 50px;
}

.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button {
  background-color: #1e88e5;
  color: #FFF;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 13px;
  height: 32px;
}

.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button:hover {
  background-color: #166dba;
  color: #FFF;
}

.fr-popup .fr-table-size .fr-table-size-info {
  text-align: center;
  font-size: 14px;
  padding: 8px;
}

.fr-popup .fr-table-size .fr-select-table-size {
  line-height: 0;
  padding: 0 5px 5px;
  white-space: nowrap;
}

.fr-popup .fr-table-size .fr-select-table-size>span {
  display: inline-block;
  padding: 0 4px 4px 0;
  background: 0 0;
}

.fr-popup .fr-table-size .fr-select-table-size>span>span {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
}

.fr-popup .fr-table-size .fr-select-table-size>span.hover {
  background: 0 0;
}

.fr-popup .fr-table-size .fr-select-table-size>span.hover>span {
  background: rgba(30,136,229,.3);
  border: solid 1px #1e88e5;
}

.fr-popup .fr-table-size .fr-select-table-size .new-line::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

.fr-popup.fr-above .fr-table-size .fr-select-table-size>span {
  display: inline-block!important;
}

.fr-popup .fr-table-colors-buttons {
  margin-bottom: 5px;
}

.fr-popup .fr-table-colors {
  line-height: 0;
  display: block;
}

.fr-popup .fr-table-colors>span {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 1;
}

.fr-popup .fr-table-colors>span>i {
  text-align: center;
  line-height: 32px;
  height: 32px;
  width: 32px;
  font-size: 13px;
  position: absolute;
  bottom: 0;
  cursor: default;
  left: 0;
}

.fr-popup .fr-table-colors>span:focus {
  outline: 1px solid #222;
  z-index: 2;
}

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span {
  width: 12px;
  height: 12px;
}

.fr-insert-helper {
  position: absolute;
  z-index: 9999;
  white-space: nowrap;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

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

.fr-element .fr-video {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.fr-element .fr-video::after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  display: block;
  background: rgba(0,0,0,0);
}

.fr-element .fr-video.fr-active>* {
  z-index: 2;
  position: relative;
}

.fr-element .fr-video>* {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: 0;
}

.fr-box .fr-video-resizer {
  position: absolute;
  border: solid 1px #1e88e5;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.fr-box .fr-video-resizer.fr-active {
  display: block;
}

.fr-box .fr-video-resizer .fr-handler {
  display: block;
  position: absolute;
  background: #1e88e5;
  border: solid 1px #fff;
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  cursor: nw-resize;
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
  cursor: ne-resize;
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  cursor: sw-resize;
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
  cursor: se-resize;
}

.fr-box .fr-video-resizer .fr-handler {
  width: 12px;
  height: 12px;
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px;
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px;
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px;
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px;
}

@media (min-width:1200px) {
  .fr-box .fr-video-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }

  .fr-box .fr-video-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px;
  }

  .fr-box .fr-video-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px;
  }

  .fr-box .fr-video-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px;
  }

  .fr-box .fr-video-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px;
  }
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
  width: -webkit-calc(50% - 5px);
  width: -moz-calc(50% - 5px);
  width: calc(50% - 5px);
  display: inline-block;
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line+.fr-input-line {
  margin-left: 10px;
}

.fr-popup .fr-video-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center;
}

.fr-popup .fr-video-upload-layer:hover {
  background: #ebebeb;
}

.fr-popup .fr-video-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #1e88e5;
}

.fr-popup .fr-video-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0!important;
  padding: 0!important;
  width: 100%!important;
}

.fr-popup .fr-video-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 500%;
  height: 100%;
  margin: 0;
  font-size: 400px;
}

.fr-popup .fr-video-progress-bar-layer>h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: 400;
}

.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons {
  display: none;
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader {
  background: #bcdbf7;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader span {
  display: block;
  height: 100%;
  width: 0;
  background: #1e88e5;
  -webkit-transition: width .2s ease 0s;
  -moz-transition: width .2s ease 0s;
  -ms-transition: width .2s ease 0s;
  -o-transition: width .2s ease 0s;
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span {
  width: 30%!important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-loader {
  display: none;
}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-action-buttons {
  display: block;
}

.fr-video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

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

.fr-element .fr-embedly {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  position: relative;
}

.fr-element .fr-embedly::after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  display: block;
  background: rgba(0,0,0,0);
}

.fr-element .fr-embedly>* {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: 0;
}

.fr-box .fr-embedly-resizer {
  position: absolute;
  z-index: 2;
  border: solid 1px #1e88e5;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.fr-box .fr-embedly-resizer.fr-active {
  display: block;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}

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

.tui-image-editor-container {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.tui-editor-cancel-btn {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #222;
}

.tui-editor-save-btn {
  background-color: #fdba3b;
  border: 1px solid #fdba3b;
  color: #fff;
}

[data-cmd="quote"] .fr-shortcut {
  display: none;
}

.fr-popup {
  z-index: 10000 !important;
}



.members-update-dialog {
  font-family: "lato", sans-serif;
}

.diff-message {
  color: #3D495B;
  font-size: 15px;
  margin: 10px 0px;
}

.members-update-search {
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  position: relative;
}

.members-update-search label {
  position: absolute;
  top: 8px;
  color: #6a96d2;
}

.members-update-search input {
  border: none;
  padding: 8px;
  font-weight: 600;
  font-size: 16px;
  color: #3D495B;
  width: 100%;
  padding-left: 20px;
}

.members-update-search input:focus {
  outline: none;
}

.members-update-search input::-webkit-input-placeholder {
  color: #5a83ba;
}

.members-update-search input::-moz-placeholder {
  color: #5a83ba;
}

.members-update-search input:-ms-input-placeholder {
  color: #5a83ba;
}

.members-update-search input:-moz-placeholder {
  color: #5a83ba;
}

.members-update-search input::-ms-clear {
  display: none;
}

.members-update-dialog .members-section {
  height: 300px;
}

.members-update-dialog .members-list-container {
  width: 50%;
  height: 100%;
  float: left;
  overflow-y: auto;
  border-right: 1px solid #eeeeee;
}

.members-update-dialog .members-list-container:last-child {
  border-right: none;
}

.members-update-dialog .members-list-container.hide-container {
  display: none;
}

.members-update-dialog .members-list-container.full-width {
  width: 100%;
  border: none;
}

.members-update-dialog .members-list-container.full-width .members-update-dialog-remove-absents-section {
  padding-left: 0px;
}

.members-update-dialog .bulk-select-section {
  height: 58px;
  margin-left: 0;
  padding: 10px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 13px;
}

.members-update-dialog .user-btn {
  cursor: pointer;
  line-height: 30px;
  height: 30px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  width: 99%;
  padding: 0px 10px 0px 0px;
  margin: 0 0 3px;
  -webkit-border-radius: 25px 0px 0px 25px;
  -moz-border-radius: 25px 0px 0px 25px;
  border-radius: 25px 0px 0px 25px;
  text-align: left;
  background: none;
  position: relative;
  display: block;
}

.members-update-dialog .user-btn:active {
  background-color: #E6E6E6;
  border-color: #ADADAD;
}

.members-update-dialog .user-btn.proceed {
  background-color: #E4EDF9;
}

.members-update-dialog .user-btn.dont-proceed {
  opacity: 1;
}

.members-update-dialog .user-btn img {
  width: 30px;
  height: 30px;
  float: left;
  margin-right: 4px;
  vertical-align: bottom;
  position: relative;
}

.members-update-dialog .user-btn .display-name {
  font-size: 16px;
  color: #3D495B;
  font-weight: 600;
  margin-left: 2px;
  display: inline-block;
  position: relative;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 185px;
  overflow: hidden;
  white-space: nowrap;
}

.members-update-dialog .user-btn .toggle {
  padding: 9px 1px 5px;
  color: #95B8E7;
  position: absolute;
  right: 10px;
}

.members-update-dialog .bulk-select-label,
.members-update-dialog .select-all,
.members-update-dialog .select-none {
  display: inline-block;
  font-size: 13px;
  color: #2B71CF;
}

.members-update-dialog .select-all,
.members-update-dialog .select-none {
  cursor: pointer;
  text-decoration: underline;
}

.members-update-dialog .no-members-diff {
  font-weight: bold;
  text-align: center;
  color: #86a8d1;
  font-size: 16px;
  margin-top: 80px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.members-update-dialog .notes {
  padding: 15px 0px;
  border-top: 1px solid #eeeeee;
}

.members-update-dialog .notes span {
  font-size: 18px;
  font-weight: bold;
  color: #3D495B;
}

.members-update-dialog .notes ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 15px;
}

.members-update-dialog .notes li {
  border-bottom: 1px dotted #cecece;
  padding: 10px 0px;
}

.members-update-dialog .notes li:last-child {
  border-bottom: none;
}

.members-update-dialog-remove-absents-section {
  padding-left: 10px;
}

.members-update-dialog-remove-absents-section .proceed .toggle {
  display: none;
}

.members-update-dialog-remove-absents-section .proceed:hover .toggle {
  display: inline-block;
}

.members-update-dialog-remove-absents-section .dont-proceed .display-name {
  text-decoration: line-through;
}

.members-update-dialog-add-aliens-section .proceed .toggle {
  display: none;
}

.members-update-dialog-add-aliens-section .proceed:hover .toggle {
  display: inline-block;
}

.members-update-dialog-add-aliens-section .dont-proceed .display-name {
  text-decoration: line-through;
}

.members-diff {
  height: 242px;
  overflow: auto;
}



.members-editor-search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #ecf1f8;
}

.members-editor-search label {
  margin: 0;
  color: #6a96d2;
}

.members-editor-search input {
  padding: 12px 27px;
  width: 90%;
  border: 0;
  font-size: 15px;
}

.members-editor-search input:focus {
  outline: none;
}

.members-editor-search .recent-batched-ops {
  margin-right: 22px;
  position: relative;
}

.members-editor-search .recent-batched-ops.move {
  -webkit-animation-name: bell-move;
  -moz-animation-name: bell-move;
  -o-animation-name: bell-move;
  animation-name: bell-move;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: liner;
  -moz-animation-direction: liner;
  -o-animation-direction: liner;
  animation-direction: liner;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}

.members-editor-search .recent-batched-ops .jd-icon {
  color: #76869a;
  padding: 3px;
  width: 26px;
  height: 26px;
  stroke-width: 2;
}

.members-editor-search .recent-batched-ops .jd-icon:hover {
  background-color: #e8edf3;
}

.members-editor-search .recent-batched-ops .count {
  background-color: #c7181f;
  position: absolute;
  top: -6px;
  right: -3px;
  color: #ffffff;
  font-weight: bold;
  font-size: 10px;
  border: 2px solid #ffffff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  padding: 0px 4px;
  cursor: pointer;
}

@-webkit-keyframes bell-move {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
  }

  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  75% {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-moz-keyframes bell-move {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(30deg);
    transform: rotate(30deg);
  }

  50% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  75% {
    -moz-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }

  100% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-o-keyframes bell-move {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
  }

  50% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  75% {
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }

  100% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes bell-move {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
  }

  50% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  75% {
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.recent-batched-ops-dropdown .dropdown-menu {
  right: 12px !important;
  left: auto !important;
  margin-top: 15px;
  padding: 8px 12px;
  max-height: 360px;
  overflow: auto;
}

.recent-batched-ops-dropdown .recent-batched-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 8px;
  width: 540px;
  font-size: 14px;
}

.recent-batched-ops-dropdown .recent-batched-item + .recent-batched-item {
  border-top: 1px dashed #f1f1f1;
}

.recent-batched-ops-dropdown .recent-batched-msg-wrapper {
  width: 100%;
}

.recent-batched-ops-dropdown .recent-batched-msg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.recent-batched-ops-dropdown .recent-batched-msg .recent-batched-msg-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 460px;
}

.recent-batched-ops-dropdown .recent-batched-msg .task {
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: 280px;
  display: inline-block;
  margin: 0 6px;
}

.recent-batched-ops-dropdown .recent-batched-msg .jd-icon {
  padding: 4px;
  stroke-width: 2px;
}

.recent-batched-ops-dropdown .recent-batched-msg .jd-icon.done {
  color: #34c340;
}

.recent-batched-ops-dropdown .recent-batched-msg .jd-icon.about-to-begin {
  color: #607D8B;
}

.recent-batched-ops-dropdown .recent-batched-msg .jd-icon.terminated {
  color: #FF9800;
}

.recent-batched-ops-dropdown .recent-batched-msg .jd-icon.error {
  color: red;
}

.members-section {
  height: 400px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.members-section .members-list-container {
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.members-section .members-list-add-users-container {
  border-right: 1px solid #ecf1f8;
  padding: 20px 0px 0px 27px;
}

.members-section .members-list-add-users-container .section-caption,
.members-section .members-list-add-users-container .members-list {
  padding-right: 14px;
}

.members-section .members-list-keep-users-container {
  padding: 20px 0px 0px 14px;
}

.members-section .members-list-keep-users-container .section-caption,
.members-section .members-list-keep-users-container .members-list {
  padding-right: 20px;
}

.members-section .members-list {
  overflow: auto;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-bottom: 80px;
}

.members-section .no-members,
.members-section .no-results {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  margin-top: 120px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: rgba(49, 69, 99, 0.5);
}

.members-section .members-editor-dialog-keep-users-section .dont-proceed {
  padding: 2px;
  background-color: #f0f4f9;
  -webkit-border-radius: 17px 4px 4px 16px;
  -moz-border-radius: 17px 4px 4px 16px;
  border-radius: 17px 4px 4px 16px;
}

.members-section .members-editor-dialog-keep-users-section .dont-proceed .jd-icon {
  color: #7d8b9f;
}

.members-section .members-editor-dialog-keep-users-section .dont-proceed .user-plus {
  display: none;
}

.members-section .members-editor-dialog-keep-users-section .dont-proceed .display-name {
  text-decoration: line-through;
}

.members-section .members-editor-dialog-keep-users-section .dont-proceed .toggle {
  display: none;
}

.members-section .members-editor-dialog-keep-users-section .dont-proceed:hover .toggle {
  display: inline;
}

.members-section .members-editor-dialog-add-users-section .user-x {
  display: none;
}

.members-section .members-editor-dialog-add-users-section .proceed {
  padding: 2px;
  background-color: #f0f4f9;
  -webkit-border-radius: 17px 4px 4px 16px;
  -moz-border-radius: 17px 4px 4px 16px;
  border-radius: 17px 4px 4px 16px;
}

.members-section .members-editor-dialog-add-users-section .proceed .display-name {
  color: black;
}

.members-section .members-editor-dialog-add-users-section .proceed .jd-icon {
  color: #7d8b9f;
}

.members-section .members-editor-dialog-add-users-section .proceed .toggle {
  display: none;
}

.members-section .members-editor-dialog-add-users-section .proceed:hover .toggle {
  display: inline;
}

.members-section.remove-self .select-all,
.members-section.remove-self .select-none {
  pointer-events: none;
  opacity: 0.5;
}

.notes {
  position: relative;
  padding: 16px;
}

.notes ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.notes li {
  background-color: #FEFAED;
  border: 1px dashed #F7DF93;
  padding: 8px 8px 8px 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #3D495B;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.notes li .note-item {
  font-size: 14px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-right: 16px;
}

.notes li + li {
  margin-top: 8px;
}

.notes .note-close {
  stroke-width: 3;
  padding: 4px;
  cursor: pointer;
  color: #856404;
  background-color: rgba(133, 100, 4, 0);
  opacity: 0.5;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.notes .note-close:hover {
  opacity: 1;
  background-color: rgba(133, 100, 4, 0.12);
}

.members-editor-dialog .modal-dialog {
  min-width: 740px;
}

.members-editor-dialog .modal-content {
  border: none;
}

.members-editor-dialog .modal-body {
  overflow: visible;
  padding: 0px;
}

.members-editor-dialog .modal-header {
  padding: 20px 27px;
  border-bottom: 1px solid #EDF1F8;
}

.members-editor-dialog .modal-title {
  font-size: 18px;
}

.members-editor-dialog .modal-footer {
  padding: 20px 27px;
  border-top: 1px solid #EDF1F8;
}

.members-editor-dialog .checkbox {
  position: absolute;
  bottom: -56px;
  left: 27px;
}

.members-editor-dialog .checkbox label {
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #3D495B;
}

.members-editor-dialog .section-caption {
  font-size: 12px;
  color: #3D495B;
  text-transform: uppercase;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 12px;
}

.members-editor-dialog .user-btn {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2px 0;
  margin-bottom: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: padding 0.35s;
  -moz-transition: padding 0.35s;
  -o-transition: padding 0.35s;
  transition: padding 0.35s;
}

.members-editor-dialog .user-btn .jd-icon {
  color: #C5CBD3;
  stroke-width: 3;
  padding: 4px;
  cursor: pointer;
}

.members-editor-dialog .user-btn .jd-icon:hover {
  color: #76869a;
  background-color: #e8edf3;
}

.members-editor-dialog .user-btn img {
  width: 26px;
  height: 26px;
  margin-right: 4px;
  position: relative;
}

.members-editor-dialog .user-btn .display-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
  margin-left: 2px;
  color: #3D495B;
}

.members-editor-dialog .user-btn .display-name .unverified-email-warn {
  margin-right: 4px;
}

.members-editor-dialog .user-btn.disabled {
  opacity: .5;
}

.members-editor-dialog .select-all,
.members-editor-dialog .select-none,
.members-editor-dialog .add-new-member {
  cursor: pointer;
}

.members-editor-dialog .select-all:hover,
.members-editor-dialog .select-none:hover,
.members-editor-dialog .add-new-member:hover {
  text-decoration: underline;
}

.members-editor-dialog .select-all {
  margin: 0 4px;
}

.members-editor-dialog .invite-new-member {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.members-editor-dialog .invite-new-member:hover {
  text-decoration: underline;
}

.members-editor-dialog .invite-new-member .jd-icon {
  stroke-width: 3;
  width: 18px;
  height: 18px;
  opacity: 0.5;
  margin-right: 2px;
}

.bootbox.opened-by-members-managment-dialog {
  margin-top: 45px;
}

.bootbox.opened-by-members-managment-dialog + .modal-backdrop {
  display: none;
}



.invite-new-user-dialog .modal-dialog {
  width: 820px;
  max-width: 820px;
}

.invite-new-user-dialog .modal-content {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.invite-new-user-dialog .modal-header {
  padding: 16px 24px;
  border: none;
}

.invite-new-user-dialog .modal-body {
  padding: 0px 24px 24px 24px;
}

.invite-new-user-dialog .modal-footer {
  border: none;
  padding: 20px 0 0 0;
}

.invite-new-user-dialog .modal-footer .next,
.invite-new-user-dialog .modal-footer .invite {
  margin-left: 8px;
  width: 70px;
}

.invite-new-user-dialog .modal-footer .next {
  pointer-events: none;
  opacity: 0.25;
}

.invite-new-user-dialog .modal-footer .next.active {
  pointer-events: all;
  opacity: 1;
}

.invite-new-user-dialog .invite-new-wrapper {
  position: relative;
  height: 520px;
  overflow: hidden;
}

.invite-new-user-dialog .step-one,
.invite-new-user-dialog .step-two {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  width: 100%;
  -webkit-transition: left 0.35s;
  -moz-transition: left 0.35s;
  -o-transition: left 0.35s;
  transition: left 0.35s;
}

.invite-new-user-dialog .step-one {
  left: 0%;
}

.invite-new-user-dialog .step-two {
  left: 100%;
  pointer-events: none;
  visibility: hidden;
}

.invite-new-user-dialog .show-select-projects .step-one {
  left: -100%;
  pointer-events: none;
}

.invite-new-user-dialog .show-select-projects .step-two {
  left: 0%;
  pointer-events: auto;
  visibility: visible;
}

.invite-new-user-dialog .step-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.invite-new-user-dialog .step-title {
  font-size: 15px;
  color: #3D495B;
  padding: 12px 16px;
  font-weight: bold;
}

.invite-new-user-dialog .users-email-input-wrapper {
  margin-bottom: 12px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.invite-new-user-dialog .users-email-input-wrapper .users-email-input {
  padding: 12px 80px 12px 12px;
}

.invite-new-user-dialog .users-email-input-wrapper .users-email-add {
  text-transform: uppercase;
  font-weight: bold;
  border: none;
  position: absolute;
  right: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.invite-new-user-dialog .users-email-input-wrapper .users-email-add:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.invite-new-user-dialog .users-email-input-wrapper .users-email-add.show {
  opacity: 1;
}

.invite-new-user-dialog .users-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  background-color: #f8f9fa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

.invite-new-user-dialog .users-section + .users-section {
  margin-top: 12px;
}

.invite-new-user-dialog .users-table-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 16px;
  padding: 16px 0;
  border-bottom: 1px dashed #dee2e6;
}

.invite-new-user-dialog .users-table-header-title {
  color: black;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.invite-new-user-dialog .users-table-header-roles {
  font-weight: bold;
  font-size: 13px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  color: rgba(49, 69, 99, 0.75);
}

.invite-new-user-dialog .toolbar-role-item {
  opacity: 0.75;
  cursor: pointer;
  margin-left: 6px;
  text-decoration: underline;
}

.invite-new-user-dialog .toolbar-role-item:hover {
  text-decoration: underline;
  opacity: 1;
}

.invite-new-user-dialog .users-table-wrapper {
  overflow: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 16px;
}

.invite-new-user-dialog .users-table {
  height: 0px;
}

.invite-new-user-dialog .users-table thead {
  border-bottom: 1px dashed #dee2e6;
}

.invite-new-user-dialog .users-table th {
  font-size: 11px;
  color: rgba(49, 69, 99, 0.6);
  text-transform: uppercase;
  font-weight: bold;
  border: none;
  vertical-align: middle;
  padding: 8px 8px 8px 0px;
}

.invite-new-user-dialog .users-table th.type {
  width: 100px;
}

.invite-new-user-dialog .users-table th.full-name {
  width: 260px;
}

.invite-new-user-dialog .users-table td {
  padding: 8px 0px;
  font-size: 14px;
  vertical-align: middle;
  border-top: 1px dashed #dee2e6;
  border-bottom: 1px dashed #dee2e6;
}

.invite-new-user-dialog .users-table-item .disabled-selection-text {
  text-transform: capitalize;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.invite-new-user-dialog .users-table-item .user-type-select {
  border: none;
  cursor: pointer;
  background: none;
  text-transform: capitalize;
}

.invite-new-user-dialog .users-table-item .user-type-select:hover {
  text-decoration: underline;
}

.invite-new-user-dialog .users-table-item .user-type-select:focus {
  outline: none;
}

.invite-new-user-dialog .users-table-item .user-first-name-input {
  margin-right: 4px;
  width: 120px;
  height: 28px;
}

.invite-new-user-dialog .users-table-item .user-last-name-input {
  width: 120px;
  height: 28px;
}

.invite-new-user-dialog .users-table-item .user-email-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-right: 12px;
}

.invite-new-user-dialog .users-table-item .user-email {
  width: 320px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.invite-new-user-dialog .users-table-item .user-delete {
  opacity: 0;
  width: 16px;
  height: 22px;
  padding: 0;
  stroke-width: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 16px;
  -ms-flex-preferred-size: 16px;
  flex-basis: 16px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  cursor: pointer;
}

.invite-new-user-dialog .users-table-item .user-delete:hover {
  opacity: 1 !important;
}

.invite-new-user-dialog .users-table-item:hover .user-delete {
  opacity: 0.5;
}

.invite-new-user-dialog .user-role-dropdown {
  position: absolute;
  padding: 8px;
  width: 120px;
  background-color: white;
  display: none;
}

.invite-new-user-dialog .user-role-dropdown.open {
  display: inline-block;
}

.invite-new-user-dialog .user-role-dropdown .dropdown-item {
  font-size: 15px;
  cursor: pointer;
}

.invite-new-user-dialog .users-wrapper-empty {
  color: rgba(49, 69, 99, 0.35);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #f8f9fa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.invite-new-user-dialog .tasks-list {
  overflow: auto;
  padding: 0 16px;
}

.invite-new-user-dialog .tasks-list .no-tasks {
  font-size: 14px;
  color: rgba(49, 69, 99, 0.25);
}

.invite-new-user-dialog .tasks-list-subtitle {
  font-size: 11px;
  color: rgba(49, 69, 99, 0.6);
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.invite-new-user-dialog .tasks-list-subtitle .select-all {
  cursor: pointer;
}

.invite-new-user-dialog .tasks-list-subtitle .select-all:hover {
  text-decoration: underline;
}

.invite-new-user-dialog .task-item {
  background-color: #e4e8ef;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 8px;
  padding: 8px 12px;
  cursor: pointer;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  color: black;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.invite-new-user-dialog .task-item .task-item-id {
  margin-right: 2px;
}

.invite-new-user-dialog .task-item:hover {
  -webkit-box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.invite-new-user-dialog .task-item.selected {
  -webkit-box-shadow: 0 0 0 1px white, 0 0 0 3px #0a85d4;
  -moz-box-shadow: 0 0 0 1px white, 0 0 0 3px #0a85d4;
  box-shadow: 0 0 0 1px white, 0 0 0 3px #0a85d4;
  background-color: #dff1ff;
  font-weight: bold;
  margin-right: 4px;
}

.invite-new-user-dialog .task-item .task-item-title {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}



.edit-invited-member-dialog form {
  margin-top: 14px;
  margin-bottom: 14px;
}

.edit-invited-member-dialog .target-row .form-group {
  margin-bottom: 0;
}

.edit-invited-member-dialog-inner-wrapper {
  padding: 4px 3px 17px;
}

.invite-new-user-info {
  color: #525F7F;
  font-size: 15px;
  padding: 8px 12px;
}

.invite-proxy {
  margin-bottom: 16px;
  font-size: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.invite-proxy-check {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.invite-proxy-check #is-proxy-user {
  margin-right: 4px;
}

.invite-proxy-info {
  position: relative;
}

.invite-proxy-info span {
  text-decoration: underline;
  font-size: 14px;
  margin-left: 4px;
  cursor: help;
}

.invite-proxy-info:hover .invite-proxy-info-tooltip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.invite-proxy-info-tooltip {
  width: 360px;
  background-color: white;
  color: #4E5B71;
  -webkit-box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 12px 16px;
  font-size: 14px;
  position: absolute;
  display: none;
}



.forgot-password-btn {
  margin-top: 4px;
  margin-left: 2px;
  cursor: pointer;
  font-style: italic;
}

.forgot-password-btn:hover {
  text-decoration: underline;
}



.select-project-user-dialog .modal-dialog {
  width: 300px;
  top: 50px;
}

.select-project-user-dialog .modal-content {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.select-project-user-dialog .select-project-member-dialog-selector {
  width: 100% !important;
}

.select-project-user-dialog .select-project-member-dialog-selector .filter-option {
  line-height: 23px;
}

.select-project-member-dialog-selector.dropdown-menu-lite-users.dropdown-menu li > a img,
.select-project-member-dialog-selector.dropdown-menu-lite-users .dropdown-menu li > a img,
.select-project-member-dialog-selector.dropdown-menu-lite-users.bootstrap-select button img {
  width: 25px;
  height: 25px;
  margin-right: 3px;
  margin-top: -1px;
  float: none;
}



.select-multiple-project-users-dialog .select-multiple-project-members-dialog-selector {
  width: 100% !important;
}

.select-multiple-project-users-dialog .select-multiple-project-members-dialog-selector button {
  padding-left: 7px;
}

.select-multiple-project-users-dialog .select-multiple-project-members-dialog-selector.dropdown-menu-lite-users.dropdown-menu li > a img,
.select-multiple-project-users-dialog .select-multiple-project-members-dialog-selector.dropdown-menu-lite-users .dropdown-menu li > a img,
.select-multiple-project-users-dialog .select-multiple-project-members-dialog-selector.dropdown-menu-lite-users.bootstrap-select button img {
  margin-left: 4px;
}

.select-multiple-project-users-dialog .modal-dialog {
  width: 300px;
  top: 50px;
}

.select-multiple-project-users-dialog .modal-content {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.select-multiple-project-members-dialog-selector .filter-option {
  line-height: 23px;
}

.select-multiple-project-members-dialog-selector.dropdown-menu-lite-users.dropdown-menu li > a img,
.select-multiple-project-members-dialog-selector.dropdown-menu-lite-users .dropdown-menu li > a img,
.select-multiple-project-members-dialog-selector.dropdown-menu-lite-users.bootstrap-select button img {
  width: 25px;
  height: 25px;
  margin-right: 3px;
  margin-top: -1px;
  float: none;
}

.select-multiple-project-members-dialog-selector .selected > a {
  background-color: #337ab7;
  color: white;
}

.select-multiple-project-members-dialog-selector.dropdown-menu-lite.dropdown-menu li.selected > a:hover,
.select-multiple-project-members-dialog-selector.dropdown-menu-lite.dropdown-submenu:hover .selected > a,
.select-multiple-project-members-dialog-selector.dropdown-menu-lite .dropdown-menu li.selected > a:hover,
.select-multiple-project-members-dialog-selector.dropdown-menu-lite .dropdown-submenu:hover .selected > a {
  background-color: #337ab7;
  color: white;
}



.confirm-edit-members .modal-dialog {
  padding-top: 24px;
}

.confirm-edit-members .modal-content {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18);
  border: none;
}

.confirm-edit-members .modal-header {
  border-bottom: 1px solid #EDF1F8;
}

.confirm-edit-members .modal-footer {
  border-top: 1px solid #EDF1F8;
}

.confirm-edit-members .section {
  padding: 12px 16px;
  font-size: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #3D495B;
}

.confirm-edit-members .section + .section {
  margin-top: 10px;
}

.confirm-edit-members .crossed-threshold {
  border: 1px dashed #dddddd;
}

.confirm-edit-members .remove {
  background-color: #FEFAED;
  border: 1px dashed #F7DF93;
}

.confirm-edit-members .add {
  background-color: #dff1ff;
  border: 1px dashed #8ed3ff;
}



.member-list-widget .search-box {
  padding: 0px 10px;
  color: black;
  min-width: 180px;
}

.member-list-widget .search-box::-webkit-input-placeholder {
  opacity: 0.5;
}

.member-list-widget .search-box:-moz-placeholder {
  opacity: 0.5;
}

.member-list-widget .search-box::-moz-placeholder {
  opacity: 0.5;
}

.member-list-widget .search-box:-ms-input-placeholder {
  opacity: 0.5;
}

.member-list-widget .search-box::placeholder {
  opacity: 0.5;
}

.member-list-widget .member-item {
  padding-left: 10px;
}

.member-list-widget .member-item .member-item-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.member-list-widget .member-item .member-item-avatar {
  width: 22px;
  height: 22px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin-right: 6px;
}



.tasks-list-widget button {
  text-transform: uppercase;
  font-weight: bold;
  max-width: 260px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.tasks-list-widget .dropdown-menu {
  max-height: 200px;
  overflow: auto;
}

.tasks-list-widget .dropdown-header {
  font-size: 11px;
  text-transform: uppercase;
  padding: 0px 6px;
}

.tasks-list-widget .dropdown-item {
  padding: 4px 6px;
  font-size: 15px;
  max-width: 260px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.tasks-list-widget .dropdown-item.active {
  font-weight: bold;
}

.tasks-list-widget .dropdown-item:active {
  background-color: white;
  color: #007bff;
}

.tasks-list-widget .jd-icon {
  cursor: pointer;
  padding: 4px;
  stroke-width: 2;
}

.tasks-list-widget .jd-icon:hover {
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.tasks-list-widget button .jd-icon {
  pointer-events: none;
}



.members-multi-selector .loading-message {
  color: rgba(61, 73, 91, 0.75);
  text-align: center;
  line-height: 100%;
  cursor: default;
  white-space: nowrap;
  padding: 0.25rem 0.75rem 0.75rem 0.75rem;
  font-family: "Lato", sans-serif;
  font-size: 15px;
}

.members-multi-selector button {
  text-transform: uppercase;
  font-weight: bold;
  max-width: 260px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.members-multi-selector .dropdown-menu {
  max-height: 300px;
  overflow: auto;
}

.members-multi-selector .dropdown-header {
  font-size: 12px;
}

.members-multi-selector .dropdown-item {
  padding: 4px 6px;
  font-size: 15px;
  max-width: 260px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  min-width: 180px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.members-multi-selector .dropdown-item:active {
  background-color: white;
  color: #007bff;
}

.members-multi-selector .dropdown-item .jd-icon {
  stroke-width: 2px;
  width: 20px;
  height: 20px;
  padding: 2px;
}

.members-multi-selector .jd-icon {
  cursor: pointer;
  padding: 4px;
  stroke-width: 2;
}

.members-multi-selector .jd-icon:hover {
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.members-multi-selector .members-multi-selector-search {
  padding: 0px 10px;
  color: black;
  min-width: 180px;
}

.members-multi-selector .members-multi-selector-search::-webkit-input-placeholder {
  opacity: 0.5;
}

.members-multi-selector .members-multi-selector-search:-moz-placeholder {
  opacity: 0.5;
}

.members-multi-selector .members-multi-selector-search::-moz-placeholder {
  opacity: 0.5;
}

.members-multi-selector .members-multi-selector-search:-ms-input-placeholder {
  opacity: 0.5;
}

.members-multi-selector .members-multi-selector-search::placeholder {
  opacity: 0.5;
}

.members-multi-selector .members-selector-member-avatar {
  width: 22px;
  height: 22px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin-right: 6px;
}

.members-multi-selector .member-filter-indicator {
  position: absolute;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  right: 2px;
  top: 2px;
  border: 1px solid white;
  -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
  z-index: 1;
  display: none;
}

.members-multi-selector .members-selector-filter-member-item .members-selector-filter-member-info {
  opacity: 0.35;
}

.members-multi-selector .members-selector-filter-member-item.member-in-filter .members-selector-filter-member-info {
  opacity: 1;
}

.members-multi-selector .members-selector-filter-member-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.members-multi-selector .members-selector-show-all,
.members-multi-selector .members-selector-show-none {
  cursor: pointer;
}

.members-multi-selector .members-selector-show-all:hover,
.members-multi-selector .members-selector-show-none:hover {
  text-decoration: underline;
}

.members-multi-selector .members-multi-selector-search {
  padding: 0px 10px;
  color: black;
  min-width: 180px;
}

.members-multi-selector .members-multi-selector-search::-webkit-input-placeholder {
  opacity: 0.5;
}

.members-multi-selector .members-multi-selector-search:-moz-placeholder {
  opacity: 0.5;
}

.members-multi-selector .members-multi-selector-search::-moz-placeholder {
  opacity: 0.5;
}

.members-multi-selector .members-multi-selector-search:-ms-input-placeholder {
  opacity: 0.5;
}

.members-multi-selector .members-multi-selector-search::placeholder {
  opacity: 0.5;
}

.members-multi-selector.member-filter-is-active .member-filter-indicator {
  display: block;
}



.invite-members-failed-msg {
  margin-bottom: 12px;
  color: #3D495B;
}

.invite-members-failed-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.invite-members-failed-item .email {
  color: black;
  font-weight: bold;
}

.invite-members-failed-item .error {
  font-size: 13px;
  opacity: 0.75;
}



#task-pane {
  position: relative;
  overflow-x: visible;
  overflow-y: auto;
  display: table;
  width: 100%;
  height: 100%;
}

.task-pane-resizable {
  position: absolute;
}

.task-pane-header-container,
.task-pane-content-container {
  display: table-row;
}

.task-pane-header-container {
  height: 1px;
}

.task-pane-content-container {
  height: 100%;
}

.task-pane-header,
.task-pane-content-cell-wrapper {
  display: table-cell;
}

.task-pane-content-cell-wrapper {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.task-pane-content {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.task-pane-section {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  background-color: white;
  padding: 12px 10px;
}

.task-pane-no-content {
  width: 261px;
  height: 100%;
  background-image: url(/layout/logos-ext/justdo_logo_without_text_normal.png);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 150px 150px;
  -moz-background-size: 150px;
  -o-background-size: 150px;
  background-size: 150px;
  opacity: 0.7;
  margin: 0 auto;
}

.textual-controller,
.textual-controller i.fa {
  cursor: pointer;
  text-decoration: underline;
  color: #595959;
}

.textual-controller:hover,
.textual-controller:hover i.fa,
.textual-controller i.fa:hover,
.textual-controller i.fa:hover i.fa {
  color: #23527c;
}

.right-toolbar #task-pane .container-fluid,
.left-toolbar #task-pane .container-fluid {
  padding: 0;
}

.right-toolbar #task-pane {
  border-left: 1px solid #c0c0c0;
}

.left-toolbar #task-pane {
  border-right: 1px solid #c0c0c0;
}

.bottom-toolbar #task-pane {
  border-top: 1px solid #c0c0c0;
}

section {
  margin-bottom: 12px;
}

section h2 {
  font-size: 14px;
  font-weight: bold;
  font-family: "Helvetica", arial, sans-serif;
  margin: 0;
  margin-bottom: 5px;
}



.task-pane-resize-token {
  position: absolute;
  width: 10px;
  height: 40px;
  z-index: 100;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #C0C0C0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.task-pane-resize-token::before {
  content: " ";
  width: 2px;
  height: 26px;
  background: #C0C0C0;
  position: absolute;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.closed-toolbar .task-pane-header-container {
  display: none;
}

.closed-toolbar .task-pane-content-container {
  display: none;
}

.right-toolbar .task-pane-resizable {
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.right-toolbar .task-pane-resize-token {
  left: -4px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  -webkit-border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px;
  border-right: 1px solid #FFF;
}

.right-toolbar .task-pane-resize-token::before {
  right: 2px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.right-toolbar.closed-toolbar #task-pane {
  right: 5px;
}

.right-toolbar .task-pane-resizable {
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.left-toolbar .task-pane-resizable {
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.bottom-toolbar .task-pane-resizable {
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.left-toolbar .task-pane-resize-token {
  right: -4px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  -webkit-border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px;
  border-left: 1px solid #FFF;
}

.left-toolbar .task-pane-resize-token::before {
  left: 2px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.left-toolbar.closed-toolbar #task-pane {
  left: 5px;
}

.bottom-toolbar .task-pane-resize-token {
  left: 0;
  right: 0;
  top: -4px;
  margin: 0 auto;
  width: 40px;
  height: 10px;
  background-color: #F8F8F8;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  border-bottom: 1px solid #F8F8F8;
}

.bottom-toolbar .task-pane-resize-token::before {
  width: 26px;
  height: 2px;
  left: 0;
  right: 0;
  bottom: 2px;
  margin: 0 auto;
}

.bottom-toolbar.closed-toolbar #task-pane {
  top: -5px !important;
  height: 5px !important;
  bottom: 0;
  background-color: #F8F8F8;
}

.right-toolbar .task-pane-resize-token:hover,
.right-toolbar .task-pane-resize-token:active {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 13px;
  left: -7px;
}

.right-toolbar .task-pane-resize-token:hover::before,
.right-toolbar .task-pane-resize-token:active::before {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  right: 5px;
}

.left-toolbar .task-pane-resize-token:hover,
.left-toolbar .task-pane-resize-token:active {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  width: 13px;
  right: -7px;
}

.left-toolbar .task-pane-resize-token:hover::before,
.left-toolbar .task-pane-resize-token:active::before {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  left: 5px;
}

.bottom-toolbar .task-pane-resize-token:hover,
.bottom-toolbar .task-pane-resize-token:active {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  height: 13px;
  top: -7px;
}

.bottom-toolbar .task-pane-resize-token:hover::before,
.bottom-toolbar .task-pane-resize-token:active::before {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  bottom: 5px;
}



.task-pane-header {
  overflow: hidden;
  background-color: #f8f8f8;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #555;
  font-size: 13px;
  position: relative;
  height: auto !important;
}

.task-pane-header-task-priority {
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
}

.task-pane-header-title {
  font-size: 15px;
  padding: 6px 9px 6px;
  color: #333;
  font-weight: bold;
  font-family: "Lato", sans-serif;
  overflow: hidden;
  margin-right: 0;
  border-bottom: 1px solid #ddd;
  -webkit-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
  line-height: 21px;
}

.task-pane-header-title .copy-to-clipboard {
  display: none;
  margin-top: -3px;
  line-height: 16px;
}

.task-pane-header-title .email-task {
  display: none;
  margin-top: -3px;
  line-height: 16px;
}

.task-pane-header-title .email-task .fa {
  color: black;
}

.task-pane-header-title:hover .copy-to-clipboard {
  display: inline-block;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  font-size: 12px;
  padding: 1px 3px;
  cursor: pointer;
}

.task-pane-header-title:hover .copy-to-clipboard:hover {
  background-color: #e6e6e6;
  border-color: #adadad;
}

.task-pane-header-title:hover .copy-to-clipboard:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.task-pane-header-title:hover .email-task {
  display: inline-block;
}

.task-pane-header-title .seqid-copy-to-clipboard {
  display: inline-block;
  position: relative;
  padding: 0 3px;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.16s;
  -moz-transition: all 0.16s;
  -o-transition: all 0.16s;
  transition: all 0.16s;
  font-weight: normal;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}

.task-pane-header-title .seqid-copy-to-clipboard:hover {
  background-color: #f3f2f1;
}

.task-pane-header-title .seqid-copy-to-clipboard:active {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}

.task-pane-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  float: left;
  line-height: 29px;
  height: 29px;
  cursor: pointer;
  padding: 0 12px;
  border-bottom: 2px solid rgba(255, 255, 255, 0);
}

.task-pane-tab:hover {
  border-bottom: 2px solid #DDD;
}

.task-pane-tab .task-pane-tab-title-info {
  font-size: 9px;
  padding: 4px;
  height: 16px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  margin-left: 4px;
}

.task-pane-settings-btn {
  float: right;
  cursor: pointer;
  padding: 0 5px;
  line-height: 29px;
}

.no-tabs .task-pane-settings-btn {
  float: none;
  position: absolute;
  top: 2px;
  right: 0;
  padding-bottom: 2px;
}



.dropdown-menu.task-pane-settings {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-family: Verdana, Arial, sans-serif;
  padding: 5px 11px;
  width: 182px;
  font-size: 13px;
  line-height: 22px;
}

.dock-to-setting-options {
  float: right;
}

.dock-to-setting-option {
  cursor: pointer;
  width: 22px;
  height: 22px;
  float: right;
}

.dock-to-right {
  background-image: url("/project-page/dock-positions-icons/right.png");
}

.dock-to-bottom {
  background-image: url("/project-page/dock-positions-icons/bottom.png");
}

.dock-to-left {
  background-image: url("/project-page/dock-positions-icons/left.png");
}





.selected-tab-item-details .task-pane-content {
  background-color: #F8F8F8;
}

.task-pane-section-item-details {
  border-top: 1px solid #dddddd;
  background-color: #F8F8F8;
}

.task-pane-section-item-details section {
  background-color: white;
  padding: 12px;
  border: 1px solid #bdbdbd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 15px rgba(0, 0, 0, 0.05);
  font-family: "lato", sans-serif;
}

.task-pane-section-item-details section h2 {
  color: #000;
  font-family: "lato", sans-serif;
}

.task-pane-section-item-details section .idc-context-item {
  font-family: "lato", sans-serif;
}



.edit-members {
  font-family: "Lato", sans-serif;
  font-weight: bold;
  color: #2B71CF;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.edit-members:hover {
  color: #115abb;
}

.edit-members::before {
  content: "·";
  padding: 0px 5px;
  color: #d2d2d2;
  font-size: 13px;
}

.item-members {
  margin-top: 10px;
  overflow: hidden;
  cursor: default;
}

.item-members .justdo-avatars-box {
  display: inline-block;
  white-space: nowrap;
  font-size: 0;
}

.item-members .justdo-avatars-box > * {
  display: inline-block;
  float: none;
}

.item-members .justdo-avatars-box .cont {
  margin-bottom: 5px;
  position: relative;
}

.item-members .justdo-avatars-box .cont .justdo-avatar-badge {
  width: 14px;
  height: 14px;
  position: absolute;
  right: -2px;
  bottom: 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
}

.item-members .justdo-avatars-box .cont .justdo-avatar-badge.justdo-avatar-transfer-no-owner svg {
  color: #353A3F;
  border: 1px solid #353A3F;
  stroke-width: 5;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  width: 100%;
  height: 100%;
  padding: 1px;
  background-color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 0px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 0px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 0px 6px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.item-members .justdo-avatars-box .cont .justdo-avatar-badge.justdo-avatar-transfer-no-owner svg:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.item-members .hidden-users-count {
  background: #E6EEF9;
  padding: 3px 8px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #2B71CF;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: inline-block;
  height: 22px;
  margin-bottom: 5px;
  vertical-align: center;
  line-height: 17px;
  top: 4px;
  position: relative;
}



#task-description-container {
  font-size: 14px;
}

#task-description-container .task-description-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 4px;
}

#task-description-container .task-description-header .maximize-description {
  cursor: pointer;
}

#task-description-container .task-description-header .maximize-description svg {
  padding: 4px;
  stroke-width: 3px;
  margin-top: -7px;
  margin-right: -1px;
}

#task-description-container #description-editor {
  display: none;
}

#task-description-container #description {
  margin-bottom: 7px;
  padding-top: 7px;
  max-height: 240px;
  overflow: auto;
  max-width: 750px;
}

#task-description-container #description table {
  border-collapse: collapse;
}

#task-description-container #description table th,
#task-description-container #description table td {
  border: 1px solid grey;
}

#task-description-container #description .fr-solid-borders th,
#task-description-container #description .fr-solid-borders td {
  border: 1px solid grey;
}

#task-description-container #description .fr-dashed-borders th,
#task-description-container #description .fr-dashed-borders td {
  border: 1px dashed grey;
}

#task-description-container #description .fr-no-borders {
  border: none;
}

#task-description-container #description .fr-no-borders th,
#task-description-container #description .fr-no-borders td {
  border: none;
}

#task-description-container #description .fr-alternate-rows tr:nth-child(even) {
  background: #f3f3f3;
}

#task-description-container #description p:last-child {
  margin-bottom: 0;
}

#task-description-container:not(.edit-mode) .ql-container {
  display: none;
}

#task-description-container:not(.edit-mode) .ql-toolbar {
  display: none;
}

#task-description-container.edit-mode #description-editor {
  display: block;
}

#task-description-container.edit-mode #description {
  display: none;
}

#task-description-container.edit-mode #edit-description,
#task-description-container.edit-mode #add-description {
  display: none;
}

#task-description-container #done-edit-description {
  margin-right: 7px;
  border: none;
  color: #ffffff;
  background-color: #2B71CF;
  font-weight: bold;
}

#task-description-container #done-edit-description:hover {
  -webkit-box-shadow: 0 0 0 3px rgba(62, 138, 214, 0.5);
  -moz-box-shadow: 0 0 0 3px rgba(62, 138, 214, 0.5);
  box-shadow: 0 0 0 3px rgba(62, 138, 214, 0.5);
}

#task-description-container #done-edit-description:active {
  -webkit-box-shadow: 0 0 0 3px rgba(62, 138, 214, 0.5);
  -moz-box-shadow: 0 0 0 3px rgba(62, 138, 214, 0.5);
  box-shadow: 0 0 0 3px rgba(62, 138, 214, 0.5);
}

#task-description-container #done-edit-description:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(62, 138, 214, 0.5);
  -moz-box-shadow: 0 0 0 3px rgba(62, 138, 214, 0.5);
  box-shadow: 0 0 0 3px rgba(62, 138, 214, 0.5);
}

#task-description-container .description-caption {
  margin-top: 8px;
}

#task-description-container .fr-box.fr-basic .fr-element {
  height: 270px;
  resize: vertical;
}

.minimize-description-icon {
  display: none;
}

.task-pane-section-item-details-wrapper.description-only-view {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.task-pane-section-item-details-wrapper.description-only-view .task-description-header {
  border-bottom: 1px solid #d9d9d9;
}

.task-pane-section-item-details-wrapper.description-only-view section:not(.description-task-pane-section) {
  display: none;
}

.task-pane-section-item-details-wrapper.description-only-view .description-task-pane-section {
  position: absolute;
  top: 12px;
  left: 10px;
  right: 12px;
  bottom: 12px;
  margin: 0;
  overflow: auto;
}

.task-pane-section-item-details-wrapper.description-only-view #task-description-container {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.task-pane-section-item-details-wrapper.description-only-view #task-description-container #description {
  max-height: 100%;
}

.task-pane-section-item-details-wrapper.description-only-view #task-description-container .fr-box,
.task-pane-section-item-details-wrapper.description-only-view #task-description-container .fr-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.task-pane-section-item-details-wrapper.description-only-view #task-description-container .fr-element {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.task-pane-section-item-details-wrapper.description-only-view .maximize-description-icon {
  display: none;
}

.task-pane-section-item-details-wrapper.description-only-view .minimize-description-icon {
  display: block;
}



.idc-context-section {
  overflow: hidden;
  position: relative;
  font-size: 14px;
}

.idc-context-section .idc-expand-collapse-button {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: white;
  padding-top: 0;
  height: 19px;
  text-align: center;
  vertical-align: middle;
  color: #2B71CF;
  font-weight: bold;
  font-size: 13px;
  cursor: pointer;
}

.idc-context-section .idc-expand-collapse-button:hover {
  text-decoration: underline;
}

.idc-context-section.collapsed .idc-expand-collapse-button {
  height: 60px;
  padding-top: 33px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(55%, rgba(255, 255, 255, 0.9)), color-stop(80%, #FFFFFF));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 55%, #FFFFFF 80%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 55%, #FFFFFF 80%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 55%, #FFFFFF 80%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 55%, #FFFFFF 80%);
}

.idc-context-item-moveable .fa-map-marker {
  display: none;
}

.gu-mirror.idc-task-seq-id .idc-task-seq-id-number,
.gu-transit.idc-task-seq-id .idc-task-seq-id-number {
  visibility: hidden;
}

.gu-mirror.idc-task-seq-id .fa-map-marker,
.gu-transit.idc-task-seq-id .fa-map-marker {
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: 3px;
}

.gu-mirror.idc-task-seq-id {
  height: 13px !important;
}

.idc-task-contexts {
  padding-top: 2px;
}

.idc-task-context {
  margin-bottom: 8px;
  padding: 8px 10px;
  border: 1px solid #f5f5f5;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.idc-task-context:hover {
  border-color: #d3d3d3;
}

.idc-task-context:hover .idc-task-context-delete {
  display: block;
}

.idc-task-context:hover .idc-context-item-moveable .idc-task-seq-id-number {
  visibility: hidden;
}

.idc-task-context:hover .idc-context-item-moveable .fa-map-marker {
  display: inline-block;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: 3px;
}

.idc-task-context-delete {
  display: none;
  float: right;
  cursor: pointer;
}

.idc-task-context-add-parent-container {
  float: right;
  margin-top: -3px;
  font-family: Helvetica;
  font-size: 13.5px;
  cursor: pointer;
}

.idc-task-context-add-parent-container:active {
  font-style: italic;
}

.idc-task-context-add-parent.gu-mirror {
  width: 200px !important;
  font-style: italic;
}

.idc-context-item {
  cursor: pointer;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 7px;
  font-family: Verdana, Arial, sans-serif;
}

.idc-context-item:last-child {
  margin-bottom: 0;
}

.idc-context-item .idc-task-seq-id {
  position: relative;
  display: inline-block;
  top: 0;
  width: auto;
  min-width: 25px;
  margin-right: 3px;
}

.idc-section-header {
  font-style: italic;
  text-decoration: underline;
}



.additional-fields-section {
  overflow: visible;
  font-size: 14px;
}

.additional-field-items-list {
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  padding: 10px 0px;
  margin: 10px 0px;
}

.additional-field-items-list table {
  margin-bottom: 0px;
  width: 98%;
}

.additional-field-items-list table td {
  padding: 3px;
}

.additional-field-items-list .textarea-editor textarea {
  min-height: 20px;
}

.additional-field-items-list .cfld-editor textarea {
  width: 100% !important;
  min-height: 20px;
}

.additional-field-items-list .df-formatter > div {
  text-align: left !important;
}

.additional-field-items-list .selector-editor .null-state {
  border-top: 1px solid #AAA;
  margin: 7px 18px;
}

.additional-field-items-list .selector-editor .dropdown-item .null-state {
  margin: 13px 18px;
}

.additional-field-items-list .unicode-date-editor {
  position: relative;
}

.additional-field-items-list .unicode-date-editor .editor-unicode-date {
  width: 100% !important;
}

.additional-field-items-list .unicode-date-editor .editor-unicode-date::-webkit-input-placeholder {
  color: #BBB;
}

.additional-field-items-list .unicode-date-editor .editor-unicode-date:-moz-placeholder {
  color: #BBB;
}

.additional-field-items-list .unicode-date-editor .editor-unicode-date::-moz-placeholder {
  color: #BBB;
}

.additional-field-items-list .unicode-date-editor .editor-unicode-date:-ms-input-placeholder {
  color: #BBB;
}

.additional-field-items-list .unicode-date-editor .editor-unicode-date::placeholder {
  color: #BBB;
}

.additional-field-items-list .unicode-date-editor .editor-unicode-date::-webkit-input-placehold {
  color: #BBB;
}

.additional-field-items-list .unicode-date-editor .editor-unicode-date::-moz-placeholder {
  color: #BBB;
}

.additional-field-items-list .unicode-date-editor .editor-unicode-date:-ms-input-placehold {
  color: #BBB;
}

.additional-field-items-list .unicode-date-editor .editor-unicode-date:-moz-placeholder {
  color: #BBB;
}

.additional-field-items-list .unicode-date-editor .udf-id-date-setter {
  position: absolute;
  right: 0;
  top: -1px;
}

.additional-field-item {
  border-bottom: 1px dotted #eeeeee;
}

.additional-field-item .add-to-grid {
  display: none;
  cursor: pointer;
  margin-top: 5px;
  margin-left: 5px;
  color: #2c71cf;
}

.additional-field-item:last-child {
  border-bottom: none;
}

.additional-field-item:hover {
  background-color: #f7faff;
}

.additional-field-item:hover .add-to-grid {
  display: block;
}

.additional-field-item td {
  border-top: none !important;
}

.additional-field-item .field-value {
  position: relative;
  color: #000;
}

.additional-field-item .field-value.read-only {
  cursor: default;
}

.additional-field-item .field-value .field-editor {
  margin-right: 22px;
}

.additional-field-item .field-value .dropdown-toggle {
  border: 1px solid #cccccc;
  height: 25px;
}

.additional-field-item .field-label {
  color: #545454;
}

.additional-field-item .field-actions {
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  right: 4px;
  top: 50%;
  margin-top: -12px;
}

.additional-field-item .tooltip-content {
  top: 2px;
  bottom: -2px;
  right: 23px;
}

.bottom-toolbar table {
  max-width: 600px;
}

.shine-slick-grid-column-header {
  -webkit-animation: shine-slick-grid-column-header 1.25s linear 1 forwards;
  -moz-animation: shine-slick-grid-column-header 1.25s linear 1 forwards;
  -o-animation: shine-slick-grid-column-header 1.25s linear 1 forwards;
  animation: shine-slick-grid-column-header 1.25s linear 1 forwards;
}

@-webkit-keyframes shine-slick-grid-column-header {
  0% {
    background: rgba(255, 228, 20, 0);
    color: black;
  }

  50% {
    background: #ffe414;
    color: black;
  }

  100% {
    background: rgba(255, 228, 20, 0);
    color: black;
  }
}

@-moz-keyframes shine-slick-grid-column-header {
  0% {
    background: rgba(255, 228, 20, 0);
    color: black;
  }

  50% {
    background: #ffe414;
    color: black;
  }

  100% {
    background: rgba(255, 228, 20, 0);
    color: black;
  }
}

@-o-keyframes shine-slick-grid-column-header {
  0% {
    background: rgba(255, 228, 20, 0);
    color: black;
  }

  50% {
    background: #ffe414;
    color: black;
  }

  100% {
    background: rgba(255, 228, 20, 0);
    color: black;
  }
}

@keyframes shine-slick-grid-column-header {
  0% {
    background: rgba(255, 228, 20, 0);
    color: black;
  }

  50% {
    background: #ffe414;
    color: black;
  }

  100% {
    background: rgba(255, 228, 20, 0);
    color: black;
  }
}



.ptm-wrapper .form-inline {
  margin-top: 10px;
}

.ptm-wrapper .text-danger {
  margin-top: 10px;
}

.ptm-wrapper .note {
  margin-top: 10px;
  font-style: italic;
  color: gray;
}

.ptm-add-parent-task-form .form-group label,
.ptm-move-parent-task-form .form-group label,
.ptm-remove-parent-task-form .form-group label {
  font-weight: normal;
}

.ptm-add-parent-task-form .form-group input,
.ptm-move-parent-task-form .form-group input,
.ptm-remove-parent-task-form .form-group input {
  text-align: center;
  font-style: monospace;
  font-family: monospace;
  width: 68px;
}



.meetings-menu-item {
  border-left: 3px solid;
}

.meetings-menu-item .title {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.meetings-menu-item .title:hover {
  color: black;
  text-decoration: underline;
}

.meetings-menu-list-draft .meetings-menu-item {
  border-left-color: rgba(0, 0, 0, 0.16);
}

.meetings-menu-list-pending .meetings-menu-item {
  border-left-color: rgba(0, 0, 0, 0.5);
}

.meetings-menu-list-in-progress .meetings-menu-item {
  border-left-color: #007bff;
}

.meetings-menu-list-end .meetings-menu-item {
  border-left-color: rgba(0, 123, 255, 0.4);
}



.meetings-menu .dropdown-menu {
  width: 320px;
  height: auto;
  max-height: 350px;
  overflow-x: hidden;
}

.meetings-menu .meeting-menu-button {
  width: 40%;
}

.meetings-menu .meeting-search-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-bottom: 0.75rem;
}

.meetings-menu .meeting-search-wrapper .meeting-search-input {
  padding-left: 1.8rem;
}

.meetings-menu .meeting-search-wrapper .jd-icon {
  position: absolute;
  padding: 4px;
  stroke-width: 2.5;
  opacity: 0.4;
  left: 4px;
}

.meetings-menu .meetings-menu-schedule,
.meetings-menu .meetings-menu-start {
  margin-bottom: 0.75rem;
}

.meetings-menu .meetings-menu-schedule svg,
.meetings-menu .meetings-menu-start svg {
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  width: 24px;
  height: 24px;
  padding: 0.25rem;
}

.meetings-menu .meetings-menu-section-title {
  font-size: 11px;
}

.meetings-menu .meetings-menu-item {
  cursor: pointer;
}

.meetings-menu .meetings-menu-item + .meetings-menu-item {
  margin-top: 0.25rem;
}



.meetings_meeting-dialog {
  position: absolute;
  z-index: 130;
  top: 40px;
  height: auto;
  min-height: 400px;
  bottom: 40px;
  width: 680px;
  left: 50%;
  margin-left: -340px;
  background-color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
}

.meetings_meeting-dialog .meetings-meeting-scrollable-area {
  overflow-y: auto;
}

.meetings_meeting-dialog .meeting-dialog-header {
  position: relative;
  padding: .75rem 0.75rem .25rem 0.75rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.meetings_meeting-dialog .meeting-dialog-close {
  opacity: 0.5;
  cursor: pointer;
  stroke-width: 2;
  color: #687B8E;
}

.meetings_meeting-dialog .meeting-dialog-close:hover {
  opacity: 1;
}

.meetings_meeting-dialog .meeting-dialog-state {
  background-color: #687B8E;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 4px 8px;
  margin-right: 8px;
  position: absolute;
  top: -9px;
  left: 2rem;
}

.meetings_meeting-dialog .meeting-dialog-actions {
  background-color: white;
  position: absolute;
  top: -12px;
  right: 4rem;
  padding: 4px 8px 4px 4px;
}

.meetings_meeting-dialog .meeting-dialog-actions .jd-icon {
  color: #687B8E;
  padding: 3px;
  cursor: pointer;
}

.meetings_meeting-dialog .meeting-dialog-actions .jd-icon:hover {
  background-color: rgba(0, 0, 0, 0.08);
  color: black;
}

.meetings_meeting-dialog .meeting-dialog-actions .meeting-dialog-divider {
  width: 1px;
  margin: 0px 5px;
  height: 16px;
  opacity: 0.12;
}

.meetings_meeting-dialog .meeting-dialog-info {
  padding: 0 2rem;
}

.meetings_meeting-dialog .meeting-dialog-title {
  border: none;
  padding-left: 0px;
  font-size: 20px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 2rem;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

.meetings_meeting-dialog .meeting-dialog-title:focus {
  outline: 0;
}

.meetings_meeting-dialog .meeting-dialog-title:hover {
  background-color: rgba(243, 244, 245, 0.75);
}

.meetings_meeting-dialog .meeting-dialog-title::-webkit-input-placeholder {
  color: #BECDD9;
}

.meetings_meeting-dialog .meeting-dialog-title:-moz-placeholder {
  color: #BECDD9;
}

.meetings_meeting-dialog .meeting-dialog-title::-moz-placeholder {
  color: #BECDD9;
}

.meetings_meeting-dialog .meeting-dialog-title:-ms-input-placeholder {
  color: #BECDD9;
}

.meetings_meeting-dialog .meeting-dialog-title::placeholder {
  color: #BECDD9;
}

.meetings_meeting-dialog .meeting-date-wrapper {
  position: relative;
  padding: 1px 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: background-color 0.35s;
  -moz-transition: background-color 0.35s;
  -o-transition: background-color 0.35s;
  transition: background-color 0.35s;
}

.meetings_meeting-dialog .meeting-date-wrapper:hover {
  background-color: rgba(243, 244, 245, 0.5);
}

.meetings_meeting-dialog .meeting-date-wrapper:hover .meeting-date-label {
  text-decoration: underline;
}

.meetings_meeting-dialog .meeting-date-wrapper .meeting-date {
  position: absolute;
  background-color: red;
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  top: 0;
  opacity: 0;
  cursor: pointer;
}

.meetings_meeting-dialog .meeting-time-wrapper {
  position: relative;
  padding: 1px 4px;
  margin-left: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: background-color 0.35s;
  -moz-transition: background-color 0.35s;
  -o-transition: background-color 0.35s;
  transition: background-color 0.35s;
}

.meetings_meeting-dialog .meeting-time-wrapper:hover {
  background-color: rgba(243, 244, 245, 0.5);
}

.meetings_meeting-dialog .meeting-time-wrapper:hover .meeting-time-label {
  text-decoration: underline;
}

.meetings_meeting-dialog .meeting-time-wrapper .meeting-time-label {
  cursor: pointer;
}

.meetings_meeting-dialog .meeting-time-wrapper .meeting-time-input::-webkit-input-placeholder {
  opacity: .5;
  font-size: 12px;
}

.meetings_meeting-dialog .meeting-time-wrapper .meeting-time-input:-moz-placeholder {
  opacity: .5;
  font-size: 12px;
}

.meetings_meeting-dialog .meeting-time-wrapper .meeting-time-input::-moz-placeholder {
  opacity: .5;
  font-size: 12px;
}

.meetings_meeting-dialog .meeting-time-wrapper .meeting-time-input:-ms-input-placeholder {
  opacity: .5;
  font-size: 12px;
}

.meetings_meeting-dialog .meeting-time-wrapper .meeting-time-input::placeholder {
  opacity: .5;
  font-size: 12px;
}

.meetings_meeting-dialog .meeting-time-wrapper .meeting-time {
  position: absolute;
  background-color: red;
  border: none;
  outline: none;
  width: 0;
  height: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
  font-size: 15px;
}

.meetings_meeting-dialog .meeting-time-wrapper .meeting-time-up,
.meetings_meeting-dialog .meeting-time-wrapper .meeting-time-down {
  cursor: pointer;
  padding: 0;
}

.meetings_meeting-dialog .meeting-time-picker {
  min-width: 100px;
}

.meetings_meeting-dialog .meeting-time-picker .meeting-time-hours-wrapper,
.meetings_meeting-dialog .meeting-time-picker .meeting-time-minutes-wrapper {
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  padding: 0 2px;
}

.meetings_meeting-dialog .meeting-time-picker .meeting-time-hours,
.meetings_meeting-dialog .meeting-time-picker .meeting-time-minutes,
.meetings_meeting-dialog .meeting-time-picker .meeting-time-am-pm {
  border: 1px solid #ECEFF1;
  background: #ECEFF1;
  color: #37474F;
  font-size: 13px;
  font-weight: bold;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 0px;
  margin: 4px 0;
}

.meetings_meeting-dialog .meeting-time-picker .jd-icon {
  stroke-width: 3;
  padding: 4px;
  opacity: 0.6;
}

.meetings_meeting-dialog .meeting-time-picker .jd-icon:hover {
  opacity: 1;
}

.meetings_meeting-dialog .meeting-time-picker .meeting-time-am-pm-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.meetings_meeting-dialog .meeting-time-picker .meeting-time-am-pm {
  border: 1px solid #ECEFF1;
  background: #ECEFF1;
  color: #37474F;
  font-size: 13px;
  font-weight: bold;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin: 4px 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 3px;
}

.meetings_meeting-dialog .meetings-dialog-options {
  font-size: 15px;
  position: relative;
}

.meetings_meeting-dialog .meetings-dialog-options .meeting-dialog-divider {
  width: 1px;
  margin: 0px 8px;
  height: 22px;
  opacity: 0.12;
}

.meetings_meeting-dialog .meetings-dialog-options .meeting-lock {
  stroke-width: 2px;
  width: 20px;
  height: 20px;
}

.meetings_meeting-dialog .meetings-dialog-options .meeting-lock.may-edit {
  cursor: pointer;
}

.meetings_meeting-dialog .meetings-dialog-options .lock-msg {
  position: absolute;
  top: 35px;
  right: -5px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07), 0 5px 15px 0 rgba(199, 199, 199, 0.5);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07), 0 5px 15px 0 rgba(199, 199, 199, 0.5);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07), 0 5px 15px 0 rgba(199, 199, 199, 0.5);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: none;
  padding: 5px 12px;
  z-index: 20;
  width: 180px;
  display: none;
}

.meetings_meeting-dialog .meetings-dialog-options .lock-msg span {
  display: block;
  font-size: 13px;
}

.meetings_meeting-dialog .meetings-dialog-options .msg-main-text {
  font-weight: bold;
  font-size: 13px;
}

.meetings_meeting-dialog .meetings-dialog-options .msg-sub-text {
  font-size: 11px;
}

.meetings_meeting-dialog .meeting-dialog-footer {
  margin: 0 2rem;
  border-top: 1px solid #f3f4f5;
}

.meetings_meeting-dialog .meeting-members .item-members {
  margin: 0;
}

.meetings_meeting-dialog .meeting-members .justdo-avatars-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.75rem 0;
}

.meetings_meeting-dialog .meeting-members .justdo-avatars-box .justdo-avatar {
  width: 28px;
  height: 28px;
}

.meetings_meeting-dialog .meeting-members .justdo-avatars-box .cont {
  margin-bottom: 0px;
}

.meetings_meeting-dialog .meeting-members .justdo-avatars-box .sep {
  margin: 0 7px 0px 5px;
  border-right: 1px solid #f3f4f5;
}

.meetings_meeting-dialog .meeting-members .avatar-box-button {
  margin-right: 2px;
  background-color: #F2F4F5;
  min-width: 28px;
  width: auto;
  height: 28px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.meetings_meeting-dialog .meeting-members .default-avatar-box-button {
  background-color: #F2F4F5;
  color: #687B8E;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  width: auto;
  height: 100%;
  padding: 2px 10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background: -webkit-gradient(linear, left top, left bottom, from(#99AABC), to(#99AABC)), -webkit-gradient(linear, left top, left bottom, from(#99AABC), to(#99AABC)), #F2F4F5;
  background: -webkit-linear-gradient(#99AABC, #99AABC), -webkit-linear-gradient(#99AABC, #99AABC), #F2F4F5;
  background: -moz-linear-gradient(#99AABC, #99AABC), -moz-linear-gradient(#99AABC, #99AABC), #F2F4F5;
  background: -o-linear-gradient(#99AABC, #99AABC), -o-linear-gradient(#99AABC, #99AABC), #F2F4F5;
  background: linear-gradient(#99AABC, #99AABC), linear-gradient(#99AABC, #99AABC), #F2F4F5;
  background-position: center;
  -webkit-background-size: 50% 2px,2px 50%;
  -moz-background-size: 50% 2px,2px 50%;
  -o-background-size: 50% 2px,2px 50%;
  background-size: 50% 2px,2px 50%;
  background-repeat: no-repeat;
}

.meetings_meeting-dialog .meeting-members .default-avatar-box-button:hover {
  -webkit-box-shadow: 0 0 0 2px rgba(103, 123, 141, 0.2);
  -moz-box-shadow: 0 0 0 2px rgba(103, 123, 141, 0.2);
  box-shadow: 0 0 0 2px rgba(103, 123, 141, 0.2);
}

.meetings_meeting-dialog .meeting-members .default-avatar-box-button i {
  display: none;
}

.meetings_meeting-dialog .meeting-members .default-avatar-box-button.avatar-box-plus-users {
  -webkit-background-size: 0 0;
  -moz-background-size: 0;
  -o-background-size: 0;
  background-size: 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}

.meetings_meeting-dialog .meeting-dialog-location {
  margin: 0 2rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid #f3f4f5;
}

.meetings_meeting-dialog .meeting-dialog-location .meeting-dialog-location-title {
  font-size: 16px;
  font-weight: bold;
  margin-right: 8px;
}

.meetings_meeting-dialog .meeting-dialog-location-text {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  padding: 0 80px 0 4px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.meetings_meeting-dialog .meeting-dialog-location-text:focus {
  outline: 0;
}

.meetings_meeting-dialog .meeting-dialog-location-text:hover {
  background-color: rgba(243, 244, 245, 0.75);
}

.meetings_meeting-dialog .meeting-dialog-location-text::-webkit-input-placeholder {
  color: #BECDD9;
}

.meetings_meeting-dialog .meeting-dialog-location-text:-moz-placeholder {
  color: #BECDD9;
}

.meetings_meeting-dialog .meeting-dialog-location-text::-moz-placeholder {
  color: #BECDD9;
}

.meetings_meeting-dialog .meeting-dialog-location-text:-ms-input-placeholder {
  color: #BECDD9;
}

.meetings_meeting-dialog .meeting-dialog-location-text::placeholder {
  color: #BECDD9;
}

.meetings_meeting-dialog .meeting-dialog-location-text a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 80%;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.meetings_meeting-dialog .meeting-dialog-location-input {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0 4px;
  border: none;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
}

.meetings_meeting-dialog .meeting-dialog-location-input:focus {
  outline: 0;
}

.meetings_meeting-dialog .meeting-dialog-location-input:hover {
  background-color: rgba(243, 244, 245, 0.75);
}

.meetings_meeting-dialog .meeting-dialog-location-input::-webkit-input-placeholder {
  color: #BECDD9;
}

.meetings_meeting-dialog .meeting-dialog-location-input:-moz-placeholder {
  color: #BECDD9;
}

.meetings_meeting-dialog .meeting-dialog-location-input::-moz-placeholder {
  color: #BECDD9;
}

.meetings_meeting-dialog .meeting-dialog-location-input:-ms-input-placeholder {
  color: #BECDD9;
}

.meetings_meeting-dialog .meeting-dialog-location-input::placeholder {
  color: #BECDD9;
}

.meetings_meeting-dialog .meeting-dialog-agenda {
  width: 100%;
  padding: 0 2rem;
  overflow: auto;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.meetings_meeting-dialog .meeting-note-container {
  margin: 0 2rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid #f3f4f5;
}

.meetings_meeting-dialog .meeting-note-container .meeting-note-title {
  font-size: 16px;
  font-weight: bold;
  margin-right: 8px;
}

.meetings_meeting-dialog .meeting-dialog-agenda-title {
  font-size: 16px;
  font-weight: bold;
  margin: 0 2rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid #f3f4f5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.meetings_meeting-dialog .meeting-dialog-add-task {
  width: 40px;
  height: 40px;
  margin-right: 12px;
  cursor: pointer;
}

.meetings_meeting-dialog .meeting-dialog-add-task:hover {
  background-color: rgba(243, 244, 245, 0.5);
}

.meetings_meeting-dialog .meeting-dialog-add-task-wrapper {
  position: relative;
  cursor: pointer;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.meetings_meeting-dialog .meeting-task-add-text {
  position: absolute;
  line-height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #495057;
  font-weight: normal;
  left: 4px;
  padding: 0 10px;
}

.meetings_meeting-dialog .meeting-task-add-btn {
  position: absolute;
  font-weight: bold;
  text-transform: uppercase;
  right: 8px;
}

.meetings_meeting-dialog .meeting-task-add {
  border: 2px dashed rgba(190, 205, 217, 0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 45px;
  line-height: 45px;
  cursor: pointer;
  font-size: 15px;
  padding-left: 60px;
}

.meetings_meeting-dialog .meeting-task-add::-webkit-input-placeholder {
  color: #BECDD9;
}

.meetings_meeting-dialog .meeting-task-add:-moz-placeholder {
  color: #BECDD9;
}

.meetings_meeting-dialog .meeting-task-add::-moz-placeholder {
  color: #BECDD9;
}

.meetings_meeting-dialog .meeting-task-add:-ms-input-placeholder {
  color: #BECDD9;
}

.meetings_meeting-dialog .meeting-task-add::placeholder {
  color: #BECDD9;
}

.meetings_meeting-dialog .done-msg {
  font-size: 15px;
  margin-right: 1.5rem;
  color: #A5ABB3;
}

.meetings_meeting-dialog .ui-resizable-se {
  opacity: 0;
}

.print-meeting {
  overflow: visible !important;
}

.print-meeting body {
  overflow: visible !important;
}

.print-meeting-mode-overlay {
  background: white;
  padding: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  height: auto;
  width: auto;
  opacity: 0;
  font-size: 18pt !important;
}

.print-meeting-mode-overlay h3 {
  font-size: 24pt !important;
}

.print-meeting-mode-overlay h5 {
  font-size: 17pt !important;
}

.print-meeting-mode-task {
  border-left: 3px solid rgba(0, 0, 0, 0.25);
  max-width: 800px;
}

.print-meeting-mode-note {
  font-style: italic;
}

.thead-logo {
  height: 40px;
  width: auto;
}

@media print {
  .drawer {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }

  .print-meeting-mode-overlay {
    opacity: 1 !important;
  }

  .meetings_meeting-dialog {
    display: none !important;
  }
}



.meetings_dialog-task {
  overflow-y: visible;
  border-bottom: 1px dashed #D8E1E8;
  padding: 8px 0;
  position: relative;
  background-color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.meetings_dialog-task:first-child {
  margin-top: 0.25rem;
}

.meetings_dialog-task:last-child {
  border-bottom: none;
}

.meetings_dialog-task:hover .btn-agenda-edit {
  display: block;
}

.meetings_dialog-task .meeting-task-index {
  font-size: 14px;
  color: #BECDD9;
  margin-right: 0.7rem;
}

.meetings_dialog-task .dialog-task-item {
  font-size: 14px;
}

.meetings_dialog-task .dialog-task-seqId {
  font-weight: bold;
}

.meetings_dialog-task .task-controls-container {
  margin-right: 5px;
}

.meetings_dialog-task .task-controls-container .task-controls-dropdown {
  cursor: pointer;
  color: #A5ABB3;
  padding: 3px;
  width: 14px;
  height: 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0px;
}

.meetings_dialog-task .task-controls-container .task-controls-dropdown:hover {
  background-color: rgba(234, 236, 237, 0.64);
  color: 607081;
}

.meetings_dialog-task .task-controls-container .dropdown-item {
  font-size: 14px;
  padding: 0.25rem 0.5rem 0.25rem 0.25rem;
  cursor: pointer;
}

.meetings_dialog-task .task-controls-container .dropdown-item .jd-icon {
  margin-right: 6px;
  width: 20px;
  height: 20px;
}

.meetings_dialog-task .sort-task {
  width: 20px;
  height: 20px;
  cursor: move;
  background-color: white;
  color: #A5ABB3;
}

.meetings_dialog-task .sort-task:hover svg {
  color: 607081;
}

.task-details-excerpt {
  padding: 10px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-right: 0;
  position: relative;
}

.task-details-excerpt:after {
  position: absolute;
  top: 10px;
  right: 0;
  content: "...";
  background: white;
}

.task-details-excerpt .empty:after {
  top: auto;
  bottom: 0;
}



.task-added-tasks {
  margin-top: 8px;
}

.task-added-tasks .sub-task {
  margin: 4px 0;
}

.task-added-tasks .select-pending-owner {
  font-size: 14px;
  padding: 0.25rem 0.5rem 0.25rem 0.25rem;
  cursor: pointer;
}

.task-added-tasks .justdo-avatar {
  width: 20px;
  height: 20px;
  vertical-align: baseline;
}

.task-added-tasks .task-priority {
  width: 3px;
  height: 18px;
  background-color: red;
  margin: 3px 4px 2px 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.task-added-tasks .task-subject-box,
.task-added-tasks .task-seqId-box {
  font-size: 14px;
  margin-top: 1px;
}

.task-added-tasks .task-seqId-box {
  margin-right: 2px;
  font-weight: bold;
  cursor: pointer;
}

.task-added-tasks .task-subject-box {
  margin-right: 1rem;
  padding: 0px 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

.task-added-tasks .task-subject-box:hover {
  background-color: #F9F9FA;
}

.task-added-tasks .task-subject-box:focus {
  outline: 0;
  background-color: #F9F9FA;
}

.task-added-tasks .task-subject-box[placeholder]:empty::before {
  content: attr(placeholder);
  color: #99aabb;
}

.task-added-tasks .task-subject-box[placeholder]:empty:focus::before {
  content: "";
}

.task-added-tasks .task-due-date-wrapper {
  position: relative;
}

.task-added-tasks .task-due-date-wrapper:hover .task-due-date-label {
  text-decoration: underline;
}

.task-added-tasks .task-due-date-label {
  font-size: 10px;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: bold;
  margin-right: 4px;
  cursor: pointer;
  color: #A5ABB3;
}

.task-added-tasks .task-due-date {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  top: 0;
  opacity: 0;
}

.task-added-tasks .sub-task-user-selector {
  border: none;
  width: 20px;
  height: 20px;
  background-color: transparent;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin-top: 2px;
  padding: 0;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  -moz-transition: box-shadow 0.2s, -moz-box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s, -moz-box-shadow 0.2s;
}

.task-added-tasks .sub-task-user-selector:focus {
  outline: 0;
}

.task-added-tasks .sub-task-user-selector:hover {
  -webkit-box-shadow: 0 0 0 3px rgba(103, 123, 141, 0.2);
  -moz-box-shadow: 0 0 0 3px rgba(103, 123, 141, 0.2);
  box-shadow: 0 0 0 3px rgba(103, 123, 141, 0.2);
}



.meeting-members-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.meeting-members-wrapper .members-editor-dialog-keep-users-section,
.meeting-members-wrapper .members-editor-dialog-add-users-section {
  width: 50%;
  padding: 0px 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.meeting-members-wrapper .members-editor-dialog-keep-users-section .dont-proceed .user-plus {
  display: none;
}

.meeting-members-wrapper .members-editor-dialog-keep-users-section .dont-proceed .display-name {
  opacity: .8;
  text-decoration: line-through;
}

.meeting-members-wrapper .members-editor-dialog-add-users-section .user-x {
  display: none;
}

.meeting-members-wrapper .action-users {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-height: 200px;
  overflow: auto;
  padding: 0 4px;
}

.meeting-members-wrapper .user-btn {
  width: 100%;
  text-align: left;
  padding: 0;
  margin: 4px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.meeting-members-wrapper .user-btn .jd-icon {
  margin: 0;
}

.other-attendees-title {
  white-space: nowrap;
  margin-right: 10px;
}



.meeting-container {
  padding: 7px;
  background: #fafafa;
  margin-bottom: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}

.meeting-container.expanded .title {
  color: black;
  font-weight: bold;
}

.meeting-container table {
  width: 100%;
}

.meeting-container .icon-wrapper {
  width: 1px;
  vertical-align: top;
}

.meeting-container .icon {
  width: 23px;
  height: 21px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  line-height: 21px;
  color: white;
  background: #7D7D7D;
}

.meeting-container .title {
  font-size: 14px;
  color: #333333;
  padding: 0px 5px;
  line-height: 21px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
}

.meeting-container .title:hover {
  color: black;
}

.meeting-container .date {
  text-align: right;
  font-size: 11px;
  color: #6A6A6A;
  line-height: 21px;
  white-space: nowrap;
  vertical-align: top;
  padding-right: 5px;
}

.meeting-container-info {
  margin: 10px 20px;
  border-left: 3px solid #E4E4E4;
}

.meeting-container-section {
  padding: 3px 5px;
}

.meeting-container-section .info-title {
  font-size: 13px;
  color: black;
  font-weight: bold;
}

.meeting-container-section .info-title.no-notes {
  color: #b5b5b5;
}

.meeting-container-section .info-text {
  font-size: 13px;
  display: block;
  unicode-bidi: embed;
}

.meeting-container-section .info-subtask {
  cursor: pointer;
}

.meeting-container-section .info-subtask:hover .info-subtask-title {
  text-decoration: underline;
}

.meeting-container-section .info-subtask:hover .info-subtask-seqId div {
  background: #e6e6e6;
}

.meeting-container-section .info-subtask-seqId {
  vertical-align: top;
  width: 30px;
}

.meeting-container-section .info-subtask-seqId div {
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  background: #ececec;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 3px 5px;
  margin: 3px 0px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid #c7c7c7;
}

.meeting-container-section .info-subtask-title {
  font-size: 13px;
  padding-left: 5px;
}

.meeting-all-notes {
  background: #ECECEC;
  border: 1px solid #c7c7c7;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 13px;
  color: #000000;
  padding: 3px 7px;
  cursor: pointer;
  margin-left: 20px;
  margin-bottom: 5px;
  display: inline-block;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.meeting-all-notes:hover {
  background: #e6e6e6;
}

.meeting-all-notes:active {
  background: #e0e0e0;
}



.meetings-toolbar-header {
  margin-bottom: 0px;
  padding: 0px 6px;
  height: 25px;
}

.meetings-toolbar-title {
  float: left;
  font-weight: bold;
}

.meetings-toolbar-new-container {
  float: right;
}

.meetings-toolbar-new-container .meetings-toolbar-create,
.meetings-toolbar-new-container .meetings-toolbar-schedule {
  color: #2F79B9;
  cursor: pointer;
}

.meetings-toolbar-new-container .meetings-toolbar-create span,
.meetings-toolbar-new-container .meetings-toolbar-schedule span {
  font-size: 23px;
  line-height: 0px;
}

.meetings-toolbar-new-container .meetings-toolbar-create:hover,
.meetings-toolbar-new-container .meetings-toolbar-schedule:hover {
  color: #2268a5;
}

.meetings-toolbar-section-title {
  padding: 6px;
  margin-top: 6px;
  display: block;
  font-size: 12px;
  color: #5D5D5D;
}

.meetings-toolbar-msg {
  margin-top: 50px;
  padding: 0 100px;
  color: #9a9a9a;
  text-align: center;
}

.task-pane-section-meetings-manager {
  padding: 20px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga" on;
  font-size: 14px;
}

.task-pane-section-meetings-manager .prefix {
  float: left;
}

.task-pane-section-meetings-manager .aside {
  float: right;
}

.task-pane-section-meetings-manager .prefix,
.task-pane-section-meetings-manager .aside {
  padding-bottom: 5px;
}

.task-pane-section-meetings-manager .content {
  clear: both;
}

.task-pane-section-meetings-manager .meeting .title,
.task-pane-section-meetings-manager .meeting .aside,
.task-pane-section-meetings-manager .note .aside {
  cursor: pointer;
}

.task-pane-section-meetings-manager .meeting .prefix {
  padding-left: 5px;
}

.task-pane-section-meetings-manager .zoomin {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.task-pane-section-meetings-manager .zoomout {
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: zoom-out;
}

.task-pane-section-meetings-manager .note,
.task-pane-section-meetings-manager .meeting {
  padding: 0 5px;
  margin-bottom: 10px;
}

.task-pane-section-meetings-manager .meeting {
  margin-top: 5px;
}

.task-pane-section-meetings-manager .note {
  margin-left: 15px;
}



.locking-text-editor {
  margin: 8px 0;
}

.locking-text-editor .text-editor-locked {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 10px;
  font-weight: bold;
  color: grey;
}

.locking-text-editor:hover .text-editor-locked {
  display: block;
}

.locking-text-editor .note-box {
  width: 100%;
  border: none;
  font-size: 14px;
  padding-left: 8px;
  background-color: #F9F9FA;
  margin: 14px 0;
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  word-wrap: break-word;
}

.locking-text-editor .note-box::-webkit-input-placeholder {
  color: #99aabb;
}

.locking-text-editor .note-box:-moz-placeholder {
  color: #99aabb;
}

.locking-text-editor .note-box::-moz-placeholder {
  color: #99aabb;
}

.locking-text-editor .note-box:-ms-input-placeholder {
  color: #99aabb;
}

.locking-text-editor .note-box::placeholder {
  color: #99aabb;
}

.meeting-note .locking-text-editor {
  margin: 0;
}

.meeting-note .note-box {
  font-size: 15px;
  padding: 0.5rem 0.75rem;
  margin-bottom: 0px;
  color: #212529;
}

.meeting-note .note-box::-webkit-input-placeholder {
  color: #99aabb;
}

.meeting-note .note-box:-moz-placeholder {
  color: #99aabb;
}

.meeting-note .note-box::-moz-placeholder {
  color: #99aabb;
}

.meeting-note .note-box:-ms-input-placeholder {
  color: #99aabb;
}

.meeting-note .note-box::placeholder {
  color: #99aabb;
}

.ended .locking-text-editor {
  margin: 0;
}



.project-conf-meetings-config .project-conf-meetings-actions {
  margin-left: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.project-conf-meetings-config .project-conf-meetings-actions .settings-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-right: 1px solid #dde7f1;
  margin-right: 12px;
  padding-right: 12px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.project-conf-meetings-config .project-conf-meetings-actions .settings-btn:hover {
  text-decoration: underline;
}

.meetings-settings .allow-meetings-deletion {
  margin-right: 8px;
}



#login-dropdown-list .form-group-sm {
  margin-bottom: 5px;
}

#login-dropdown-list .time-settings-row {
  margin-left: 0;
  margin-right: 0;
}

#login-dropdown-list .col-sm-6 {
  padding-left: 0;
  padding-right: 3px;
}

#login-dropdown-list .col-sm-6:last-child {
  padding-left: 3px;
  padding-right: 0;
}

#login-dropdown-list .controller-template .controller-template-default-toggle {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
}

#login-dropdown-list .controller-template .controller-template-default-toggle .jd-icon-user-settings {
  cursor: pointer;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  width: 22px;
  height: 22px;
  margin-right: 8px;
}



.justdo-split-view {
  z-index: 120;
  background-color: white;
}

.justdo-split-view.bottom-side {
  -webkit-box-shadow: 0 4px 35px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 4px 35px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 35px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}



.print-dropdown .dropdown-item {
  cursor: pointer;
}

.print-dropdown .dropdown-item svg {
  stroke-width: 2;
}

.print-content {
  width: 980px;
  background-color: white;
  margin: 0 auto;
  padding: 20px 50px;
  font-size: 14px;
}

.print-content .justdo-color-picker-color-option-wrapper {
  white-space: nowrap;
}

.print-content .justdo-color-picker-color-option {
  cursor: default;
  margin: 0 5px 0 0;
  -webkit-print-color-adjust: exact !important;
  color-adjust: exact !important;
  pointer-events: none;
  display: inline-block;
  vertical-align: bottom;
}

.print-content table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
  -fs-table-paginate: paginate;
}

.print-content table td {
  padding: 5px;
  vertical-align: top;
  color: #848484;
}

.print-content thead {
  display: table-header-group;
}

.print-content thead p {
  margin: 0;
  color: black;
}

.print-content thead span {
  color: #848484;
}

.print-content tbody {
  display: table-row-group;
}

.print-content .thead-logo {
  float: left;
  margin-bottom: 10px;
  padding-right: 16px;
  height: 40px;
}

.print-content .thead-logo img {
  height: 20px;
  margin: 10px 0px;
}

.print-content .thead-info {
  float: left;
  margin-bottom: 10px;
  padding-left: 16px;
  border-left: 1px solid #d4d4d4;
  width: 49%;
  height: 40px;
}

.print-content .thead-filters {
  float: left;
  margin-bottom: 10px;
  padding-left: 10px;
  border-left: 2px solid #d4d4d4;
  width: 40%;
  min-height: 40px;
}

.print-content .table-header {
  text-align: left;
  border-top: 1px solid #F2F2F2;
  border-bottom: 1px solid #F2F2F2;
  border-left: 1px solid #F2F2F2;
  font-weight: bold;
  color: black;
  background: #f9f9f9;
  white-space: nowrap;
}

.print-content .table-header-first {
  text-align: left;
  border-top: 1px solid #F2F2F2;
  border-bottom: 1px solid #F2F2F2;
  font-weight: bold;
  color: black;
  background: #f9f9f9;
  white-space: nowrap;
}

.print-content .block {
  text-align: left;
  width: 40px;
  white-space: nowrap;
  position: relative;
  border: 0px !important;
}

.print-content .number {
  text-align: center;
  vertical-align: middle;
  max-width: 50px;
  width: 30px;
  height: 1px;
  white-space: nowrap;
  border-top: 1px solid #F2F2F2;
  color: black;
  position: relative;
}

.print-content .task {
  text-align: left;
  color: black;
  border-top: 1px solid #F2F2F2;
  border-bottom: 1px solid #F2F2F2;
  border-right: 1px solid #F2F2F2;
}

.print-content .text {
  text-align: left;
  border-top: 1px solid #F2F2F2;
  border-bottom: 1px solid #F2F2F2;
  border-left: 1px solid #F2F2F2;
}

.print-content .state {
  white-space: nowrap;
}

.print-content .follow_up {
  white-space: nowrap;
}

.print-content .due_date {
  white-space: nowrap;
}

.print-content .section-title {
  text-align: left;
  padding-top: 30px;
  text-transform: uppercase;
  border: 0px;
  font-weight: bold;
}

.print-content .no-tasks {
  text-align: center;
  padding-top: 200px;
  font-size: 17px;
}

.print-content .task-info {
  text-align: left;
  color: #9B9B9B;
}

.print-content .yy {
  top: 0;
  bottom: 0;
  right: 0;
  left: 50%;
  position: absolute;
  border-left: 1px solid black;
}

.print-content .y {
  top: 50%;
  bottom: 0;
  right: 0;
  left: 50%;
  position: absolute;
  border-left: 1px solid black;
}

.print-content .yy-f {
  top: 75%;
  bottom: 0;
  right: 0;
  left: 50%;
  position: absolute;
  border-left: 1px solid black;
}

.print-content .yx {
  top: 0;
  bottom: 50%;
  right: 0;
  left: 50%;
  position: absolute;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
}

.print-grid-mode-overlay {
  background: rgba(0, 0, 0, 0.5);
  padding: 50px 0px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  height: auto;
  min-height: 100%;
  min-width: 1020px;
}

.print-grid-mode-overlay .print-modal-buttons {
  background: #474747;
  position: fixed;
  bottom: 35px;
  z-index: 100;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 16px 20px;
}

.print-grid-mode-overlay .print-modal-buttons .jd-icon {
  width: 32px;
  height: 32px;
  color: white;
  -webkit-transition: all 0.12s linear;
  -moz-transition: all 0.12s linear;
  -o-transition: all 0.12s linear;
  transition: all 0.12s linear;
}

.print-grid-mode-overlay .print-modal-buttons .jd-icon:hover {
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  -o-transform: scale(1.07);
  transform: scale(1.07);
}

.print-grid-mode-overlay .print-modal-buttons .jd-icon:active {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}

.print-grid-mode-overlay .print-modal-buttons .separator {
  width: 1px;
  background-color: rgba(255, 255, 255, 0.12);
  height: 32px;
  margin: 0px 16px;
}

.print-grid-mode-overlay .print-settings {
  position: fixed;
  width: 280px;
  height: auto;
  background: white;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 120px;
  display: none;
  z-index: 100;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.print-grid-mode-overlay .print-settings .modal-header {
  padding: 0px 0px 8px 0px;
  border-bottom: 1px solid #EDF1F8;
}

.print-grid-mode-overlay .print-settings .modal-footer {
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: start;
  align-items: start;
  border-top: 1px solid #EDF1F8;
}

.print-grid-mode-overlay .print-settings {
  padding: 16px;
}

.print-grid-mode-overlay .print-settings ul {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  max-height: 300px;
  overflow: auto;
}

.print-grid-mode-overlay .print-settings li {
  background-color: #f0f4f9;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0px;
  margin: 8px 0px;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.print-grid-mode-overlay .print-settings label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 2px;
  cursor: pointer;
  margin: 0;
}

.print-grid-mode-overlay .print-settings .sortable-aria {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  cursor: move;
  opacity: 0.75;
}

.print-grid-mode-overlay .print-settings .sortable-aria .jd-icon {
  padding: 2px;
  color: #B0B8C2;
  width: 20px;
  margin-left: 4px;
}

.print-grid-mode-overlay .print-settings .sortable-item-text {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #3D495B;
  font-size: 15px;
  width: 180px;
}

.print-grid-mode-overlay .print-settings input {
  margin-right: 8px;
  width: 14px;
  height: 14px;
}

.print-grid-mode-overlay .print-settings .print-settings-select-all {
  font-size: 15px;
}

.print-grid-mode-overlay .print-settings .print-settings-apply {
  width: 100%;
}

.print-grid-mode {
  overflow: visible;
}

.print-grid-mode .global-wrapper {
  position: fixed;
}

@media print {
  .global-wrapper {
    display: none;
  }

  .print-grid-mode .print-mode {
    background: #ffffff !important;
  }

  .print-grid-mode .print-grid-mode-overlay {
    background: #ffffff !important;
  }

  .print-grid-mode .print-grid-mode-overlay .print-modal-buttons {
    visibility: hidden;
  }

  .print-grid-mode .print-grid-mode-overlay .print-content {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
  }
}



html.download-grid-on {
  overflow: auto;
}

html.download-grid-on .global-wrapper {
  display: none !important;
}

html.download-grid-on .grid-control-tab.active,
html.download-grid-on .slick-viewport {
  height: auto !important;
}

.download-grid-overlay {
  position: absolute;
  z-index: 99999;
  background-color: white;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  padding: 2rem;
}

.download-grid-overlay .grid-control-tab {
  font-size: 15px;
}

.download-grid-overlay .download-grid-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 1rem;
}

.download-grid-overlay .grid-state-button,
.download-grid-overlay .column-filter-button {
  display: none;
}

.download-grid-overlay .grid-gantt-control {
  display: none;
}

.download-grid-overlay .grid-gantt-floating-elements-container {
  overflow: hidden;
  height: 54px !important;
  top: -29px !important;
}

.download-grid-overlay .grid-gantt-header-viewport {
  position: relative;
  top: 30px;
}

.download-grid-overlay .grid-gantt-header {
  height: 24px;
}



.spotlight {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.4) inset, 0px 0px 0px 4000px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.4) inset, 0px 0px 0px 4000px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.4) inset, 0px 0px 0px 4000px rgba(0, 0, 0, 0.4);
  pointer-events: none;
  z-index: 1000;
}

.modal-dialog.positioned {
  position: absolute;
  z-index: 1049;
}

.modal-footer.compact {
  margin-top: 0;
}

.tutorial-close-button {
  color: #666;
  margin-top: -10px;
  margin-right: -10px;
}

.tutorial-close-button:hover,
.tutorial-close-button:active {
  color: #666;
}

.drag-to-reposition-message {
  margin: 4px 0 0 4px;
}

.tutorial-dialog h4 {
  margin-top: 4px;
}

.tutorial-dialog p:last-child {
  margin-bottom: 0;
}



.color-picker-container {
  display: inline-block;
  background: #5d5f60 none repeat scroll 0% 0%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #f8fafb;
}

.color-picker-container .picker-container .canvas-container {
  margin: 20px;
  position: relative;
  float: left;
  width: 200px;
  display: inline-block;
  background: #5D5F60;
}

.color-picker-container .picker-container .canvas-container.active {
  display: block;
}

.color-picker-container .picker-container .canvas-container canvas {
  cursor: crosshair;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 4px #E8E8E8;
  -moz-box-shadow: 0 0 0 4px #E8E8E8;
  box-shadow: 0 0 0 4px #E8E8E8;
  background: #E6D3D3;
}

.color-picker-container .picker-container .canvas-container .pointer {
  width: 15px;
  height: 15px;
  border: 2px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.1);
}

.color-picker-container .picker-container .canvas-container input {
  margin-top: 10px;
  width: 100%;
  height: 30px;
  text-align: center;
  background: #353738;
  border: 0;
  color: #fff;
}

.color-picker-container .picker-container .slider-container {
  width: 15px;
  float: right;
  position: relative;
  margin: 15px;
}

.color-picker-container .picker-container .slider-container .slider {
  width: 15px;
  height: 249px;
  background: #000;
}

.color-picker-container .picker-container .slider-container .pointer {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #007bff;
  position: absolute;
  left: -8px;
}

.color-picker-container .palletes-container {
  float: right;
  width: 275px;
}

.color-picker-container .palletes-container .palette {
  width: 35px;
  height: 35px;
  float: right;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 5px;
  -webkit-box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.28);
  box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.28);
  cursor: pointer;
}

.color-picker-container .palletes-container .palette.active {
  -webkit-box-shadow: 0 0 0 3px #3F3F40;
  -moz-box-shadow: 0 0 0 3px #3F3F40;
  box-shadow: 0 0 0 3px #3F3F40;
}

.color-picker-container .palletes-container .palette.add {
  border: 2px dashed #bababa;
  -webkit-box-shadow: inherit;
  -moz-box-shadow: inherit;
  box-shadow: inherit;
  position: relative;
}

.color-picker-container .palletes-container .palette.add:after {
  content: '+';
  font-size: 24px;
  color: #bababa;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 30px;
}





.tooltip-content {
  color: #f7f7f7;
  visibility: hidden;
  position: absolute;
  width: auto;
  white-space: nowrap;
  font-size: 13px;
  background-color: #555;
  padding: 2px 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  line-height: 16px;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tooltip-content::after {
  content: "";
  position: absolute;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
}

.tooltip-content.tooltip-left::after {
  top: 50%;
  left: 100%;
  border-color: transparent transparent transparent #555;
}

.tooltip-container:hover .tooltip-content {
  visibility: visible;
  opacity: 1;
}



a:focus,
a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  outline: 0;
}



.jd-underline {
  text-decoration: underline;
}



.dashboard-footer {
  text-align: center;
  padding: 16px 0px;
  margin-top: 120px;
  color: rgba(82, 95, 127, 0.75);
}



.app-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.page-container.page-dashboard {
  padding: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.page-dashboard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}



.dashboard-projects {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.dashboard-projects .container {
  max-width: 720px;
}

.dashboard-header {
  margin: 32px 0 12px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.dashboard-header .dashboard-search-input {
  line-height: 38px;
}

.dashboard-header .dashboard-search-input::-webkit-input-placeholder {
  color: #B5BCC7;
}

.dashboard-header .dashboard-search-input:-moz-placeholder {
  color: #B5BCC7;
}

.dashboard-header .dashboard-search-input::-moz-placeholder {
  color: #B5BCC7;
}

.dashboard-header .dashboard-search-input:-ms-input-placeholder {
  color: #B5BCC7;
}

.dashboard-header .dashboard-search-input::placeholder {
  color: #B5BCC7;
}

.dashboard-empty {
  text-align: center;
  margin-top: 10px;
  padding: 100px 0;
  font-size: 17px;
  color: rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.projects-header {
  padding: 8px 0px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: rgba(49, 69, 99, 0.6);
}

.create-project {
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 100%;
  cursor: pointer;
}

.create-project:hover {
  text-decoration: underline;
}

.create-project svg {
  padding: 3px;
  stroke-width: 2;
  opacity: 0.5;
}

.project-card-wrapper {
  padding-left: 12px;
  margin-left: -12px;
  -webkit-transition: background-color 0.35s;
  -moz-transition: background-color 0.35s;
  -o-transition: background-color 0.35s;
  transition: background-color 0.35s;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: -webkit-box-shadow 0.35s;
  transition: -webkit-box-shadow 0.35s;
  -moz-transition: box-shadow 0.35s, -moz-box-shadow 0.35s;
  -o-transition: box-shadow 0.35s;
  transition: box-shadow 0.35s;
  transition: box-shadow 0.35s, -webkit-box-shadow 0.35s, -moz-box-shadow 0.35s;
}

.project-card-wrapper:hover {
  background-color: #F7F8F9;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.project-card-wrapper:hover .project-card {
  border-color: transparent;
}

.project-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(231, 232, 235, 0.5);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 10px 0;
  text-decoration: none !important;
}

.project-icon {
  min-width: 3px;
  height: 26px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  position: relative;
}

.project-title {
  color: #3D495B;
  font-size: 16px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0 12px;
  text-decoration: none;
}

.project-members {
  padding-right: 12px;
}

.project-members .avatar-box-button {
  margin-right: -6px;
}

.project-members .justdo-avatars-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.project-members .justdo-avatars-box .cont {
  margin-right: -6px;
}

.project-members .justdo-avatars-box .cont .justdo-avatar {
  border: 2px solid white;
}

.project-members .justdo-avatars-box .default-avatar-box-button {
  line-height: 27px;
  font-size: 13px;
  border: 2px solid white;
}

.project-members .sep {
  display: none;
}

.project-actions {
  margin: 0 8px;
}



.general-loading-indicator .general-loading-indicator-msg {
  font-size: 15px;
  font-weight: bold;
}

.jd-loader {
  position: relative;
}

.jd-loader .double-bounce1 {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0.25;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  -moz-animation: sk-bounce 2.0s infinite ease-in-out;
  -o-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.jd-loader .double-bounce2 {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0.25;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  -moz-animation: sk-bounce 2.0s infinite ease-in-out;
  -o-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
  -webkit-animation-delay: -1.0s;
  -moz-animation-delay: -1.0s;
  -o-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}



#grid-control-mux {
  height: 400px;
  margin-bottom: 6px;
  font-size: 15px;
}

#grid-control-mux .ui-widget {
  font-size: 15px;
}

#grid-control-mux .type-section-item {
  background-color: #f8f8f8;
  font-weight: bold;
}

#grid-control-mux .not-multi-select .type-section-item.active {
  background-color: #e8edf5;
}

.grid-control .null-state {
  border-top: 1px solid #AAA;
  margin: 7px 2px;
  width: 100%;
}

.dropdown-menu .grid-control .null-state,
.bootstrap-select .grid-control .null-state {
  margin-top: 9px;
  margin-bottom: 9px;
}

.grid-control .bootstrap-select .dropdown-item .null-state {
  margin-top: 14px;
}

.filter-controller-container {
  padding: 0.5rem;
}

.filter-controller-container .null-state {
  border-bottom: 1px solid #AAA;
  padding-top: 9px;
  margin-bottom: 8px;
  margin-left: 1px;
  margin-right: 40%;
}

.project-loading-indicator-container {
  margin-top: 150px;
}



.owner-setter-dropdown.open .owners-dropdown-menu {
  display: block;
  padding: 8px 8px 0px 8px;
  overflow: visible;
  font-size: 14px;
}

.ownership-transfer-dialog .members-search-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  border-bottom: 1px dashed #f1f1f1;
}

.ownership-transfer-dialog .members-search-wrapper .jd-icon {
  position: absolute;
  padding: 4px;
  stroke-width: 2.5;
  opacity: 0.4;
  left: 4px;
}

.ownership-transfer-dialog .members-search-input {
  padding-left: 1.8rem;
}

.ownership-transfer-dialog .members {
  max-height: 158px;
  overflow-y: auto;
  padding: 6px 2px;
  min-width: 240px;
}

.decisions-dialogs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  margin-bottom: 0.5rem;
}

.decisions-dialogs .message-area {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0 2rem 0 0.5rem;
}

.decisions-dialogs .action-message {
  font-weight: bold;
  white-space: nowrap;
  line-height: 16px;
}

.decisions-dialogs .member-name {
  white-space: nowrap;
  opacity: 0.75;
}

.new-owner-option {
  width: 100%;
  white-space: nowrap;
  cursor: pointer;
  line-height: 34px;
}

.new-owner-option:first-child {
  margin: 0px;
}

.new-owner-option:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.new-owner-option:focus {
  outline: none;
  background-color: rgba(0, 0, 0, 0.04);
}

.new-owner-option .justdo-avatar {
  margin-top: -4px;
}

.manage-members,
.only-member-message,
.loading-message {
  color: rgba(61, 73, 91, 0.75);
  text-align: center;
  line-height: 100%;
}

.manage-members {
  cursor: pointer;
  border-top: 1px dashed #f1f1f1;
  font-weight: bold;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.manage-members:hover {
  color: #3d495b;
}

.manage-members-loading {
  opacity: 0.5;
}

.only-member-message,
.loading-message {
  cursor: default;
  white-space: nowrap;
  padding: 0.25rem 0.75rem 0.75rem 0.75rem;
}

.reject-message-input {
  display: block;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  outline: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: none;
  border-top: 1px dashed #f1f1f1;
  border-bottom: 1px dashed #f1f1f1;
  color: #3d495b;
  resize: none;
  width: 100%;
  min-height: 80px;
  max-height: 158px;
  padding: 8px 0px;
}

.reject-ownership-buttons {
  text-align: right;
  margin-top: 0.75rem;
}



.project-header {
  padding: 0.5rem 0 0.4rem 0;
  min-width: 1150px;
}

.project-header-button {
  margin: 0 3px;
}

.navbar .dropdown-item {
  cursor: pointer;
}

.navbar .dropdown-item:active {
  background-color: white;
  color: #212529;
}

#project-name {
  border-color: transparent;
  background-color: transparent;
  font-size: 18px;
  width: 222px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  height: auto;
}

#project-name:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.project-name-disabled {
  pointer-events: none;
}

.project-logo {
  width: 135px;
  max-width: 0;
  height: 30px;
  vertical-align: bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  margin-right: -5px;
}

.project-header-line-sep {
  clear: both;
  height: 5px;
}

.project-header-toolbar-divider {
  background-color: #c8c8c8;
  width: 1px;
  height: 20px;
  margin: 0 8px;
}

#project-members-dropdown {
  margin-left: 5px;
}

#project-settings-dropdown .dropdown-toggle::after,
#project-members-dropdown .dropdown-toggle::after,
.nav-tutorials .dropdown-toggle::after {
  display: none;
}

#project-settings-dropdown .dropdown-menu,
#project-members-dropdown .dropdown-menu,
.nav-tutorials .dropdown-menu {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  left: auto;
}

#project-settings-dropdown .dropdown-menu hr,
#project-members-dropdown .dropdown-menu hr,
.nav-tutorials .dropdown-menu hr {
  border-style: dashed;
}

#project-settings-dropdown .dropdown-menu .dropdown-item,
#project-members-dropdown .dropdown-menu .dropdown-item,
.nav-tutorials .dropdown-menu .dropdown-item {
  cursor: pointer;
}

.project-admin #project-settings-dropdown {
  display: block;
}

#operations-priority-slider {
  width: 113px;
}

#panes-controls {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}

#panes-controls .bottom-pane-control {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  padding: 3px;
}

#panes-controls .task-pane-control {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  padding: 3px;
}

#panes-controls .control-opened {
  stroke-width: 2.5;
}





#project-plugins-store-button {
  margin: 0 0.5rem;
}

.modal-open .plugins-store-dialog.modal {
  overflow-y: hidden;
}

.plugins-store-dialog .modal-header {
  height: 54px;
}

.plugins-store-dialog .modal-body {
  width: 100%;
  position: absolute;
  top: 54px;
  bottom: 0;
  overflow: auto;
  padding: 0;
}

.plugins-store-dialog .bootbox-body {
  margin-top: 6px;
}

.plugins-store-dialog .modal-dialog {
  min-width: 950px;
  max-width: 1140px;
  width: 95%;
  height: 93%;
  margin-top: 2%;
}

.plugins-store-dialog .modal-content {
  height: 100%;
}

.plugins-store-dialog .bootbox-close-button {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.plugins-store-dialog .modal-title {
  font-size: 18px;
}



.plugins-store-layout-container {
  padding-left: 6px;
  padding-right: 6px;
}

.plugins-categories {
  width: 260px;
  position: absolute;
}

.store-front {
  position: absolute;
  left: 260px;
  right: 0;
  top: 0;
  bottom: 0;
  padding-left: 4px;
  overflow: auto;
}

.plugins-list {
  padding: 10px;
}

.plugin-tile {
  margin-bottom: 20px;
  float: left;
  width: 245px;
  margin: 8px;
}

.justdo-plugins-plugin-page {
  padding: 14px 17px;
}

.justdo-plugins-plugin-page h1 {
  font-size: 29px;
  margin-top: 2px;
  margin-bottom: 16px;
}



.members-dropdown-menu {
  width: 340px;
  z-index: 150;
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 1rem;
}

.members-dropdown-menu .dropdown-header {
  font-size: 11px;
}

.members-dropdown-menu .show-add-members-dialog {
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
}

.project-members-container {
  list-style-type: none;
  max-height: 340px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0;
  margin: 8px 0 0 0;
}

.project-members-container .member-item img {
  width: 25px;
  height: 25px;
}

.project-members-container .display-name {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 174px;
}

.project-members-container .jd-icon {
  padding: 3px;
  margin: 0px 2px 0px 0px;
  stroke-width: 2;
  cursor: pointer;
}

.project-members-container .downgrade-admin {
  fill: currentColor;
}

.project-members-container .no-results {
  font-size: 14px;
}



#project-grid-operations .project-operations-button {
  margin: 0 3px;
}

#project-grid-operations .btn-grid-operations.disabled {
  cursor: default;
  opacity: 0.5;
}

#project-grid-operations .btn-grid-operations.ops-lock,
#project-grid-operations .btn-grid-operations.grid-not-ready,
#project-grid-operations .btn-grid-operations.grid-not-init {
  cursor: wait;
}

#project-grid-operations .jd-icon {
  padding: 4px;
  stroke-width: 2;
}

#project-grid-operations .jd-icon:hover {
  stroke: black;
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

#project-grid-operations .disabled .jd-icon {
  cursor: default;
}

#project-grid-operations .disabled .jd-icon:hover {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  background-color: unset;
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  -o-transform: unset;
  transform: unset;
  stroke: currentColor;
}



.jd-priority-slider-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.jd-priority-slider {
  width: 100px;
  background-color: rgba(0, 0, 0, 0.1);
  height: 4px;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}

.jd-priority-slider .ui-slider-range {
  background: #fbe0b7 !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
}

.jd-priority-value {
  font-size: 10px;
  position: absolute;
  left: 6px;
  display: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ticks-wrapper .tick {
  position: absolute;
  z-index: 10;
  width: 5px;
  background-color: transparent;
  height: 13px;
  top: -8px;
}

.ticks-wrapper .tick:hover .nick {
  background-color: rgba(0, 0, 0, 0.25);
}

.ticks-wrapper .tick .nick {
  width: 1px;
  background-color: rgba(0, 0, 0, 0.25);
  position: absolute;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.ticks-wrapper .tick-0 {
  left: 0%;
}

.ticks-wrapper .tick-0 .nick {
  height: 100%;
}

.ticks-wrapper .tick-25 {
  left: 25%;
}

.ticks-wrapper .tick-25 .nick {
  left: 2px;
  top: 2px;
  bottom: 2px;
  height: auto;
}

.ticks-wrapper .tick-50 {
  left: 50%;
}

.ticks-wrapper .tick-50 .nick {
  left: 2px;
  height: 100%;
}

.ticks-wrapper .tick-75 {
  left: 75%;
}

.ticks-wrapper .tick-75 .nick {
  left: 2px;
  top: 2px;
  bottom: 2px;
  height: auto;
}

.ticks-wrapper .tick-100 {
  left: 100%;
}

.ticks-wrapper .tick-100 .nick {
  height: 100%;
}

.slider-active .ticks-wrapper .tick {
  cursor: pointer;
}

.jd-priority-slider-handle {
  background: unset !important;
  width: 5px !important;
  height: 16px !important;
  cursor: pointer !important;
  -webkit-transition: -webkit-transform .15s ease-in-out;
  transition: -webkit-transform .15s ease-in-out;
  -moz-transition: transform .15s ease-in-out, -moz-transform .15s ease-in-out;
  -o-transition: transform .15s ease-in-out, -o-transform .15s ease-in-out;
  transition: transform .15s ease-in-out;
  transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out, -moz-transform .15s ease-in-out, -o-transform .15s ease-in-out;
  z-index: 15 !important;
}

.jd-priority-slider-handle:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.jd-priority-slider-handle:focus {
  outline: none;
}

.ui-state-disabled.jd-priority-slider {
  opacity: 1;
}

.ui-state-disabled.jd-priority-slider .jd-priority-slider-handle {
  background: #848484 !important;
}



.ticket-entry-dialog {
  line-height: 1.4;
}

.ticket-entry-dialog label {
  font-weight: bold;
  font-size: 14px;
}

.ticket-entry-dialog #ticket-title {
  font-size: 14px;
}

.ticket-entry-dialog .modal-footer .btn + .btn {
  margin-left: 5px;
}

.ticket-entry-dialog .dropdown-menu[role=combobox] {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(0, 0, 0, 0.04);
}

.ticket-entry-dialog.bootbox-new-design .modal-body {
  overflow: visible;
}

.ticket-entry-dialog.bootbox-new-design .bootstrap-select.btn-group .dropdown-menu {
  min-width: 280px;
}

.target-row {
  margin: 15px -10px 0 -15px;
}

.target-row .task-destination-container {
  padding-right: 7px;
}

.target-row .owner-selector-container {
  padding-left: 7px;
}

.target-row .form-group {
  margin-bottom: 13px;
}

.title-container {
  margin-bottom: 9px;
}

.description-container {
  margin-bottom: 0;
}

.description-container label {
  margin-bottom: 6px;
}

.description-container label[for="ticket-priority"] {
  margin-right: 8px;
}

.priority-container-container {
  float: right;
}

.priority-container {
  display: inline-block;
  margin-left: 3px;
}

.ticket-category-select .dropdown-item {
  font-size: 14px;
}

.ticket-category-select .dropdown-toggle {
  background-color: white;
  border-color: #ced4da;
  font-size: 14px;
}

.ticket-category-select .select-category-option {
  display: none;
}

.ticket-category-select .dropdown-divider {
  display: none;
}

.ticket-category-select .dropdown-header {
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.4;
  color: #777;
  white-space: nowrap;
}

.ticket-category-select.show .dropdown-menu {
  display: block;
  max-height: 300px !important;
}

.ticket-category-select.show .dropdown-menu[role=combobox] {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(0, 0, 0, 0.04);
}

.ticket-category-select.show .dropdown-menu[role=combobox] .inner {
  max-height: inherit !important;
}

.ticket-owner-select {
  width: 233px !important;
}

.ticket-owner-select .dropdown-item {
  font-size: 14px;
}

.ticket-owner-select .dropdown-toggle {
  background-color: white;
  border-color: #ced4da;
  font-size: 14px;
}

.no-tq-selected .filter-option {
  opacity: 0.65;
  font-style: italic;
}

@media (min-width: 576px) {
  .ticket-entry-dialog .modal-dialog {
    max-width: 600px;
  }
}



.remove-failed-error-message.empty {
  display: none;
}

.remove-failed-error-message {
  margin-top: 10px;
  margin-left: 4px;
}

.message-paragraph {
  margin-bottom: 13px;
  font-size: 17px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}



.required-actions-dropdown-container .dropdown-menu {
  max-height: 500px;
  overflow-y: auto;
}

.required-actions-card {
  width: 400px;
  font-size: 14px;
}

.required-actions-card + .required-actions-card {
  border-top: 1px dashed #f1f1f1;
}

.no-actions-card {
  width: 400px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}



.required-actions-bell {
  position: relative;
}

.required-actions-bell.no-actions {
  color: #999;
}

.required-actions-bell.many-actions {
  margin-right: 11;
}

.required-actions-bell.pending-actions {
  color: #333;
}

.required-actions-count {
  background-color: #c7181f;
  position: absolute;
  top: -6px;
  right: -3px;
  color: #ffffff;
  font-weight: bold;
  font-size: 10px;
  border: 2px solid #ffffff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  padding: 0px 4px;
  cursor: pointer;
}

.no-actions .required-actions-count {
  display: none;
}

.many-actions .required-actions-count {
  right: -9px;
  padding: 0px 4px;
}



.page-container.page-project {
  padding: 0;
}

.page-container-header {
  position: relative;
  z-index: 1;
}

.project-container {
  position: relative;
  z-index: 0;
  width: 100%;
  margin-top: -45px;
}

.project-container .dropdown-menu {
  overflow: hidden;
}

.page-container-header {
  height: 45px;
  padding: 0 12px;
}

#project-main {
  padding: 0 15px;
  padding-top: 45px;
}

.below-project-header-items {
  overflow: auto;
}

#project-main {
  overflow: hidden;
}

#task-pane {
  z-index: 10;
  top: 0;
}

.right-toolbar #project-main,
.left-toolbar #project-main {
  height: 100%;
}

.right-toolbar #task-pane,
.left-toolbar #task-pane {
  height: 100%;
}

.right-toolbar #task-pane,
.left-toolbar #task-pane {
  position: absolute;
  top: 0;
}

.right-toolbar #task-pane .container-fluid,
.left-toolbar #task-pane .container-fluid {
  min-width: 200px;
}

.bottom-toolbar #task-pane {
  top: auto !important;
}

.right-toolbar #task-pane,
.left-toolbar #task-pane {
  top: 45px;
  bottom: 0;
}

.right-toolbar #task-pane {
  right: 0;
  left: auto !important;
}

.left-toolbar #task-pane {
  left: 0;
  right: auto !important;
}

.left-toolbar #project-main {
  position: absolute;
  right: 0;
}



html {
  overflow: hidden;
}

body {
  height: 100%;
  min-width: 100%;
  position: absolute;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga" on;
}

.global-wrapper {
  overflow: auto;
  position: relative;
  min-height: 100%;
}

.main-container {
  padding: 0;
  height: 100%;
}

.page-container {
  padding: 0 15px 0;
}

.page-global-loader {
  margin-top: 150px;
}

.app-wrapper {
  overflow-y: visible;
}

.app-wrapper.lt-minimal-project-container-width {
  overflow: auto;
}



#bugmuncher_button {
  display: none !important;
}



nav.navbar .project-header-button .jd-icon:hover {
  stroke: black;
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.jd-icon {
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  width: 24px;
  height: 24px;
  padding: 2px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.jd-icon-dropdown {
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  width: 20px;
  height: 20px;
  padding: 1px;
  margin-right: 12px;
}

.jd-c-pointer {
  cursor: pointer;
}

.jd-btn-xsm {
  padding: 0.2rem 0.25rem !important;
  font-size: 0.75rem !important;
  line-height: 1 !important;
}

.jd-p-075 {
  padding: 0.75rem !important;
}

.animate {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
    opacity: 1;
  }

  0% {
    -webkit-transform: translateY(0rem);
    transform: translateY(0rem);
    opacity: 0;
  }
}

@-moz-keyframes slideIn {
  0% {
    -moz-transform: translateY(0rem);
    transform: translateY(0rem);
    opacity: 0;
  }

  100% {
    -moz-transform: translateY(1rem);
    transform: translateY(1rem);
    opacity: 1;
  }

  0% {
    -moz-transform: translateY(0rem);
    transform: translateY(0rem);
    opacity: 0;
  }
}

@-o-keyframes slideIn {
  0% {
    -o-transform: translateY(0rem);
    transform: translateY(0rem);
    opacity: 0;
  }

  100% {
    -o-transform: translateY(1rem);
    transform: translateY(1rem);
    opacity: 1;
  }

  0% {
    -o-transform: translateY(0rem);
    transform: translateY(0rem);
    opacity: 0;
  }
}

@keyframes slideIn {
  0% {
    -webkit-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
    -o-transform: translateY(0rem);
    transform: translateY(0rem);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(1rem);
    -moz-transform: translateY(1rem);
    -o-transform: translateY(1rem);
    transform: translateY(1rem);
    opacity: 1;
  }

  0% {
    -webkit-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
    -o-transform: translateY(0rem);
    transform: translateY(0rem);
    opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  -moz-animation-name: slideIn;
  -o-animation-name: slideIn;
  animation-name: slideIn;
}

.slideIn.show {
  top: 16px;
}

.drawer-icon {
  cursor: pointer;
}

.drawer-icon .jd-icon {
  opacity: 0.6;
  width: 45px;
  height: 45px;
  padding: 0.6rem 0.6rem 0.6rem 0;
}

.drawer-icon .jd-icon:hover {
  opacity: 1;
}

.drawer {
  position: absolute;
  top: 0;
  bottom: 0;
  height: auto;
  padding: 0rem 1.5rem;
  overflow: hidden;
  width: 312px;
  z-index: 99999;
  -webkit-transform: translateX(-312px);
  -moz-transform: translateX(-312px);
  -ms-transform: translateX(-312px);
  -o-transform: translateX(-312px);
  transform: translateX(-312px);
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.24, 1, 0.32, 1);
  transition: -webkit-transform 0.35s cubic-bezier(0.24, 1, 0.32, 1);
  -moz-transition: transform 0.35s cubic-bezier(0.24, 1, 0.32, 1), -moz-transform 0.35s cubic-bezier(0.24, 1, 0.32, 1);
  -o-transition: transform 0.35s cubic-bezier(0.24, 1, 0.32, 1), -o-transform 0.35s cubic-bezier(0.24, 1, 0.32, 1);
  transition: transform 0.35s cubic-bezier(0.24, 1, 0.32, 1);
  transition: transform 0.35s cubic-bezier(0.24, 1, 0.32, 1), -webkit-transform 0.35s cubic-bezier(0.24, 1, 0.32, 1), -moz-transform 0.35s cubic-bezier(0.24, 1, 0.32, 1), -o-transform 0.35s cubic-bezier(0.24, 1, 0.32, 1);
}

.drawer .project-item {
  border-style: dotted;
  border-color: #E6EEF9;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 15px;
}

.drawer .project-item:hover {
  color: black;
}

.drawer .list-group-item:first-child {
  border: none !important;
}

.drawer .projects-header {
  min-height: 45px;
  font-size: 1.25rem;
  border-bottom: 1px solid #E6EEF9;
}

.drawer .create-new-project {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 3px transparent;
  -moz-box-shadow: 0px 0px 3px transparent;
  box-shadow: 0px 0px 3px transparent;
  padding: 2px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  width: 22px;
  height: 22px;
  cursor: pointer;
}

.drawer .create-new-project:hover {
  background-color: rgba(0, 123, 255, 0.12);
}

.drawer .projects-wrapper {
  overflow-y: auto;
  overflow-x: hidden;
}

.drawer .drawer-footer {
  font-size: 13px;
  color: black;
  border-color: #E6EEF9;
  border-top: 1px solid #E6EEF9;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.drawer .drawer-footer i {
  display: none;
}

.drawer .drawer-footer .drawer-footer-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.drawer .drawer-footer .drawer-footer-links a + a {
  margin-left: 12px;
}

.drawer .drawer-footer .drawer-jd-version {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 4px;
  color: rgba(49, 69, 99, 0.6);
}

.drawer .pages-section {
  border-top: 1px solid #E6EEF9;
  max-height: 75px;
  -webkit-transition: max-height 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: max-height 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: max-height 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: max-height 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.drawer .pages-section .menu-item {
  font-size: 14px;
}

.drawer .pages-section .menu-item .menu-item-icon {
  margin-right: 12px;
}

.drawer .pages-section:hover {
  max-height: 2000px;
}

.drawer-backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0);
  z-index: 88888;
  display: none;
}

.drawer-open .drawer {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.drawer-open .drawer-backdrop {
  display: block;
}

.navbar-nav > li > a {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 15px;
}

.brand {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.brand .jd-logo-svg {
  width: 100px;
  height: 20px;
}

.brand .jd-logo-svg .jd-logo-part-1 {
  fill: #027bff;
}

.brand .jd-logo-svg .jd-logo-part-2 {
  fill: #ffffff;
}

.brand .jd-logo-svg .jd-logo-part-3 {
  fill: #027bff;
}

#forgot-password-link,
#signup-link {
  padding: 0 2px;
  clear: none;
}

.global-messages {
  position: fixed;
  z-index: 99999;
  width: 100%;
}

.global-messages .alert:first-child {
  margin-top: 13px;
  margin-bottom: 5px;
}

.global-messages .alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
  border-width: 2px;
  opacity: 0.95;
}

.global-messages .alert-warning strong {
  margin-right: 3px;
}

.global-messages .alert-warning .alert-link {
  font-weight: bold;
}

.navbar-icon {
  background: url(/packages/justdoinc_justdo-webapp-layout/lib/client/assets/layout-sprite.png) no-repeat transparent;
}

.navbar-icon-help {
  margin-right: 9px;
  margin-top: 11px;
  background-position: -20px 0;
  width: 18px;
  height: 18px;
  display: block;
}

.navbar-icon-feedback {
  background-position: 0 0;
  width: 20px;
  height: 17px;
  display: inline-block;
  vertical-align: text-top;
}



.nav-tutorials .dropdown-header {
  font-size: 11px;
}



.drawer-no-justdos {
  padding: 0px;
  font-size: 14px;
  color: rgba(49, 69, 99, 0.25);
  text-align: center;
  padding: 40px 0;
  margin-top: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}



.settings-page-menu-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 268px;
  padding: 20px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.settings-page-menu-container .settings-page-menu-title {
  font-weight: bold;
  font-size: 18px;
  color: #3D495B;
  padding: 0 27px;
  margin-bottom: 12px;
}

.settings-page-main-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.settings-page-main-container .settings-page-main-section-title {
  font-weight: bold;
  font-size: 18px;
  color: #3D495B;
  padding: 20px 20px 12px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #eff1f3;
}

.settings-page-main-container .tab-content,
.settings-page-main-container .tab-pane,
.settings-page-main-container .tab-pane-container,
.settings-page-main-container .settings-page-main-section-container,
.settings-page-main-container .site-admins-content {
  height: 100%;
}

.settings-page-main-container .tab-pane-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.settings-page-main-container .settings-page-main-section-container {
  padding: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: auto;
}



.settings-page-menu-item {
  font-size: 15px;
  margin: 0px 27px;
  padding: 12px 0;
  line-height: 100%;
  border-top: 1px solid #eceff1;
  color: #3D495B;
  opacity: 0.8;
  cursor: pointer;
  position: relative;
}

.settings-page-menu-item:hover {
  opacity: 1;
}

.settings-page-menu-item.active {
  opacity: 1;
}

.settings-page-menu-item.active .settings-page-menu-item-active {
  display: block;
}

.settings-page-menu-item-active {
  position: absolute;
  width: 4px;
  top: 0;
  height: 100%;
  left: -27px;
  display: none;
  -webkit-border-radius: 0px 1px 1px 0px;
  -moz-border-radius: 0px 1px 1px 0px;
  border-radius: 0px 1px 1px 0px;
}





.resource-name-col {
  width: 30%;
}

.this-task-col {
  width: 25%;
}

.sub-task-col {
  width: 22.5%;
}

.total-col {
  width: 22.5%;
}

.planned-col {
  width: 25%;
}

.executed-col {
  width: 22.5%;
}

.left-col {
  width: 22.5%;
}

.resource-table-wrapper {
  background-color: #F7F7F7;
  padding: 8px 8px 0px 8px;
  margin-bottom: 8px;
}

.resource-table-wrapper .table > tbody > tr > td {
  padding: 5px 8px;
  border-top: 1px dotted #e2e2e2;
  font-size: 14px;
}

.resource-table-wrapper .table > tbody > tr > td:first-child {
  padding-left: 0px;
}

.resource-table-wrapper .unit-caption {
  font-size: 13px;
  color: #0F56AE;
  font-weight: bold;
  margin-bottom: 7px;
  text-transform: uppercase;
}

.resource-table-wrapper .resource-name,
.resource-table-wrapper .resource-name-gt {
  width: 30%;
  padding-left: 0px;
}

.resource-table-wrapper .resource-task,
.resource-table-wrapper .resource-task-gt,
.resource-table-wrapper .resource-planned,
.resource-table-wrapper .resource-planned-gt {
  font-weight: bold;
}

.resource-table-wrapper .resource-task,
.resource-table-wrapper .resource-task-gt {
  width: 25%;
}

.resource-table-wrapper .resource-planned,
.resource-table-wrapper .resource-planned-gt {
  width: 25%;
}

.resource-table-wrapper .resource-tooltip-field:hover {
  background-color: #efefef;
}

.resource-table-wrapper .resource-task {
  color: black;
}

.resource-table-wrapper .resource-task .resource-edit {
  display: none;
  background: none;
  border: none;
}

.resource-table-wrapper .resource-task.editable {
  cursor: pointer;
}

.resource-table-wrapper .resource-task.editable:hover .resource-edit {
  display: block;
}

.resource-table-wrapper .resource-task.editable .resource-edit {
  font-size: 13px;
  width: 20px;
  height: 18px;
  color: #afafaf;
}

.resource-table-wrapper .resource-task.editable .resource-edit:hover {
  color: black;
}

.resource-table-wrapper .resource-task.editable .resource-edit:focus {
  outline: 0;
  color: black;
}

.resource-table-wrapper .resource-subtasks,
.resource-table-wrapper .resource-subtasks-gt,
.resource-table-wrapper .resource-executed,
.resource-table-wrapper .resource-executed-gt {
  font-weight: bold;
  color: #696969;
}

.resource-table-wrapper .resource-subtasks,
.resource-table-wrapper .resource-subtasks-gt {
  width: 22.5%;
}

.resource-table-wrapper .resource-executed,
.resource-table-wrapper .resource-executed-gt {
  width: 22.5%;
}

.resource-table-wrapper .resource-total,
.resource-table-wrapper .resource-total-gt,
.resource-table-wrapper .resource-left,
.resource-table-wrapper .resource-left-gt {
  font-weight: bold;
  color: #696969;
}

.resource-table-wrapper .resource-total,
.resource-table-wrapper .resource-total-gt {
  width: 22.5%;
}

.resource-table-wrapper .resource-left,
.resource-table-wrapper .resource-left-gt {
  width: 22.5%;
}

.resource-table-wrapper .resources-grand-total td {
  color: #0F56AE;
}

.resource-table-wrapper .resource-tooltip-field {
  position: relative;
}

.resource-table-wrapper .resource-tooltip-field .resource-tooltip-content {
  visibility: hidden;
  position: absolute;
  width: auto;
  white-space: nowrap;
  font-size: 12px;
  background-color: #555;
  color: rgba(255, 255, 255, 0.75);
  padding: 2px 6px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  line-height: 16px;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}

.resource-table-wrapper .resource-tooltip-field .resource-tooltip-content td {
  padding: 0px;
  border: none;
}

.resource-table-wrapper .resource-tooltip-field .resource-tooltip-content .val-title {
  color: #d4d4d4;
  padding-right: 5px;
}

.resource-table-wrapper .resource-tooltip-field .resource-tooltip-content .value {
  font-weight: bold;
  color: white;
  text-align: right;
}

.resource-table-wrapper .resource-tooltip-field .resource-tooltip-content .value-exceeded {
  color: #ff7272;
}

.resource-table-wrapper .resource-tooltip-field .resource-tooltip-content::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent #555;
}

.resource-table-wrapper .resource-tooltip-field:hover .resource-tooltip-content {
  visibility: visible;
  opacity: 1;
}

.resource-table-wrapper .tooltip-left {
  top: -12px;
  bottom: -10px;
  right: 100%;
}



.resource-delta-editor {
  font-family: "lato", sans-serif;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga" on;
  width: 190px;
  padding: 0.5rem 0.5rem 0 0.5rem !important;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
  border-color: #d2d2d2;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.resource-delta-editor .form-group {
  position: relative;
  margin-bottom: 3px;
}

.resource-delta-editor .text-danger {
  font-size: 14px;
}

.resource-delta-editor label {
  position: absolute;
  font-size: 11px;
  color: #787878;
  left: 5px;
  top: 2px;
}

.resource-delta-editor input {
  height: 40px;
  padding: 15px 5px 3px 5px;
  background-color: #FCFCFC;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: black;
  border-color: #d8d8d8;
}

.resource-delta-editor textarea {
  height: 50px;
  padding: 0px 4px 4px 4px;
  background-color: #FCFCFC;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  resize: none;
  color: black;
  border-color: #d8d8d8;
}

.resource-delta-editor textarea::-webkit-input-placeholder {
  font-size: 11px;
  font-weight: bold;
  color: #787878;
}

.resource-delta-editor textarea:-moz-placeholder {
  font-size: 11px;
  font-weight: bold;
  color: #787878;
}

.resource-delta-editor textarea::-moz-placeholder {
  font-size: 11px;
  font-weight: bold;
  color: #787878;
}

.resource-delta-editor textarea:-ms-input-placeholder {
  font-size: 11px;
  font-weight: bold;
  color: #787878;
}

.resource-delta-editor textarea::placeholder {
  font-size: 11px;
  font-weight: bold;
  color: #787878;
}

.resource-delta-editor .dropdown-buttons-wrapper {
  text-align: right;
  font-size: 14px;
}

.resource-delta-editor .tab-name {
  color: #0F56AE;
}

.resource-delta-editor .delta-editor-notes {
  max-height: 100px;
}

.resource-delta-editor .cancel {
  color: #646464;
  font-weight: bold;
  background: none;
  border: none;
  padding: 3px;
}

.resource-delta-editor .save {
  color: #0F56AE;
  font-weight: bold;
  background: none;
  border: none;
  padding: 3px;
}



.resources-history-wrapper {
  font-size: 14px;
  border-top: 1px solid #EEE;
}

.resources-history-wrapper .record {
  padding: 9px 5px;
  min-height: 30px;
  border-bottom: 1px solid #EEE;
  position: relative;
}

.resources-history-wrapper .avatar-container {
  position: absolute;
  margin-left: 2px;
  margin-top: 2px;
}

.resources-history-wrapper .content {
  margin-left: 39px;
}

.resources-history-wrapper .date {
  color: #888;
  font-size: 13px;
  margin-top: 1px;
  display: inline-block;
}

.resources-history-wrapper .notes {
  background-color: #fbfbfb;
  padding: 4px 7px;
  border: 1px solid #e4e4e4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin: 5px 0px 3px;
  color: #333;
  font-size: 14px;
  max-width: 450px;
}



.task-pane-section-resource-planner {
  padding-top: 7px;
}

.resource-planner .loading {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -46px;
  margin-left: -46px;
}

.resource-planner .nav-tabs li a {
  color: #838383;
  font-weight: 500;
  font-size: 13px;
  padding: 6px 7px;
  border: none;
  line-height: 30px;
}

.resource-planner .nav-tabs li a:focus,
.resource-planner .nav-tabs li a:hover {
  background-color: white;
  border: none;
  text-decoration: none;
}

.resource-planner .nav-tabs li.active a {
  border-bottom: 2px solid #0F56AE;
  font-weight: bold;
  color: #0F56AE;
}

.resource-planner .filter-aware-toggle {
  float: right;
  margin-top: 6px;
  margin-right: 3px;
  font-size: 13px;
  color: #868686;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.resource-planner .filter-aware-toggle.filter-aware {
  color: #337ab7;
}

.resource-planner.small-layout li a {
  font-size: 12px;
  padding: 6px 2px;
}

.resource-planner.small-layout .filter-aware-toggle {
  font-size: 12px;
}

.resource-planner .table {
  margin-bottom: 0px;
}

.resource-planner .table > thead > tr > th {
  border-bottom: 1px solid #dddddd;
  font-weight: bold;
  font-size: 11px;
  color: #838383;
  text-transform: uppercase;
  cursor: default;
  white-space: nowrap;
  padding: 0.5rem;
}

.resource-planner .resources-add-wrapper {
  background-color: #F7F7F7;
  padding: 8px;
  margin-bottom: 8px;
}

.resource-planner .resources-add-wrapper .filter-option-inner-inner .is-proxy {
  border: 1px dashed #546e7a;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0 4px;
  background-color: #edf2f5;
}

.resource-planner .add-resource-amount-wrapper {
  display: inline-block;
}

.resource-planner .unassigned-hours-amount {
  float: right;
  margin-left: 3px;
  margin-top: -3px;
  width: 71px;
  text-align: right;
}

.resource-planner .add-resource-amount {
  width: 90px !important;
  font-size: 15px;
  margin-right: 4px;
}

.resource-planner .add-resource-btn {
  font-size: 15px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.resource-planner .add-resource-btn:hover {
  background-color: #e6e6e6;
  border-color: #adadad;
}

.resource-planner .add-resource-btn:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  background-color: #e6e6e6;
  border-color: #adadad;
}

.resource-planner .resources-tab-empty {
  text-align: center;
  padding: 25px 0px;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  color: #bbbbbb;
  font-size: 15px;
}

.resource-planner .text-danger {
  font-size: 14px;
}

.resource-select {
  margin-right: 4px;
  border: 1px solid #ced4da;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.resource-select .dropdown-menu {
  border: none;
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  padding: 1rem 1rem 0.5rem 1rem;
  margin-top: 4px;
}

.resource-select .dropdown-menu li a.opt {
  padding: 0.25rem 0.5rem;
  font-size: 1rem;
}

.resource-select .dropdown-menu li span.is-proxy {
  border: 1px dashed #546e7a;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0 4px;
  background-color: #edf2f5;
}

.resource-select .dropdown-toggle {
  font-size: 14px;
  height: auto;
}

.resource-select .dropdown-toggle:focus {
  outline: none !important;
}

.resource-select .bs-searchbox {
  padding: 0px;
  margin-bottom: 8px;
}

.resource-select .bs-searchbox .form-control {
  font-size: 13px;
}

.resource-select .dropdown-header {
  padding: 0px;
  font-size: 11px;
  text-transform: uppercase;
  color: #6c757d;
}

.resource-select .no-results {
  padding: 6px 12px;
  background: #f5f5f5;
  margin: 0 8px;
  white-space: inherit;
  font-size: 13px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #546E7A;
  overflow: hidden;
}

.resource-select .dropdown-divider {
  border-top-style: dashed;
}

.resource-select.show .dropdown-toggle {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}



.utpl-undefined {
  color: #757373;
}

.utpl-formatter:hover {
  text-decoration: underline;
  cursor: pointer;
}



.ut-formatter:hover {
  text-decoration: underline;
  cursor: pointer;
}









.justdo-clipboard-import-dialog .modal-dialog {
  margin: 1.75rem 0.75rem;
}

.justdo-clipboard-import-dialog .modal-content {
  top: 3vh;
  left: 2vw;
  width: 95vw;
  height: 92vh;
}

.justdo-clipboard-import-dialog .bootbox-body {
  height: 100%;
}

.justdo-clipboard-import-dialog .bootbox-body > div:first-child {
  height: 100%;
}

.justdo-clipboard-import-dialog .modal-header {
  position: relative;
}

.justdo-clipboard-import-dialog .modal-header #progressbar {
  position: absolute;
  width: 100%;
  left: 0px;
  right: 0px;
  bottom: -1px;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  height: 3px;
  background-color: transparent;
}

.justdo-clipboard-import-dialog .modal-header #progressbar .ui-widget-header {
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin: 0px;
  background: #3667a1;
}

.justdo-clipboard-import-container {
  height: 100%;
}

.modal-title {
  width: 100%;
}

.justdo-clipboard-import-table-container {
  height: -webkit-calc(90vh - 163px);
  height: -moz-calc(90vh - 163px);
  height: calc(90vh - 163px);
  min-height: 200px;
  overflow: auto;
}

.justdo-clipboard-import-table-container .import-helper-message {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 15px;
  font-weight: bold;
}

.justdo-clipboard-import-table.table th {
  border-top: none;
  vertical-align: middle;
}

.justdo-clipboard-import-table.table .import-table-subject {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.justdo-clipboard-import-table.table button {
  width: 100%;
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}

.justdo-clipboard-import-table.table th,
.justdo-clipboard-import-table.table td {
  border: 1px dashed rgba(0, 0, 0, 0.16);
}

.justdo-clipboard-import-table.table td {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 14px;
}

.justdo-clipboard-import-table.table .first-column {
  text-align: center;
}

.justdo-clipboard-import-table.table .skip-row {
  color: lightslategray;
}

.justdo-clipboard-import-table.table .import-column-header {
  text-align: center;
  padding-top: 7px;
}

.justdo-clipboard-import-intro {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.form-control.justdo-clipboard-import-paste-target {
  width: 100%;
  height: 90%;
  resize: none;
}



.justdo-clipboard-import-table-container .dropdown-field-selector {
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  width: 100%;
  height: 50vh;
  overflow-y: auto;
}

.justdo-clipboard-import-table-container .manage-columns {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}

.justdo-clipboard-import-table-container .manage-columns svg {
  vertical-align: text-top;
  margin-right: 2px;
  cursor: pointer;
  stroke-width: 2;
  width: 20px;
  height: 20px;
}







.system-update-dialog .modal-dialog {
  width: 80%;
  max-width: 870px;
  min-width: 521px;
}

.system-update-dialog .modal-body {
  padding: 30px 30px 0px 30px;
}

.system-update-dialog .news-navigation {
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 20px;
  padding-right: 0px;
}

.system-update-dialog .news-navigation .navigation-item-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.system-update-dialog .news-navigation .versions-dropdown {
  padding-right: 16px;
  pointer: none;
}



.bottom-windows {
  position: fixed;
  z-index: 121;
  height: 0;
  left: 0;
  right: 35px;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.window-container {
  position: relative;
  margin-left: 8px;
  bottom: 0px;
  -webkit-transition: bottom 0.25s ease-in-out;
  -moz-transition: bottom 0.25s ease-in-out;
  -o-transition: bottom 0.25s ease-in-out;
  transition: bottom 0.25s ease-in-out;
}

.extra-windows-button-container {
  position: absolute;
  bottom: 18px;
  right: -43px;
}

.bottom-windows-hide {
  width: 35px;
  height: 20px;
  right: -43px;
  -webkit-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.25), 0px 0px 10px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.25), 0px 0px 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0 3px rgba(0, 0, 0, 0.25), 0px 0px 10px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 4px;
  stroke: white;
  fill: transparent;
  stroke-width: 1.5;
  position: absolute;
  bottom: -8px;
}

.bottom-windows-hide .bottom-windows-hide-up {
  display: none;
}

.bottom-windows.chats-hidden .bottom-windows-hide-up {
  display: block;
}

.bottom-windows.chats-hidden .bottom-windows-hide-down,
.bottom-windows.chats-hidden .extra-windows-button-container {
  display: none;
}

.bottom-windows.chats-hidden .window-container {
  bottom: -500px;
}

@media print {
  .jdc-bottom-windows {
    display: none;
  }
}





.jdc-basic-design .message-editor {
  width: 100%;
  border: none;
  height: 35px;
  padding: 7px 7px 0;
  resize: none;
  outline: none;
  border-top: 1px solid #d9d9d9;
  text-align: left;
}



.messages-board-viewport .messages-board {
  position: relative;
}

.jdc-basic-design .message-card {
  position: relative;
  font-size: 14px;
  padding: 8px 5px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
  -webkit-transition: background-color 1s ease-in;
  -moz-transition: background-color 1s ease-in;
  -o-transition: background-color 1s ease-in;
  transition: background-color 1s ease-in;
}

.jdc-basic-design .message-card:last-child {
  border-bottom: 0 none;
}

.jdc-basic-design .message-card .author {
  font-weight: bold;
}

.jdc-basic-design .message-card .date {
  float: right;
  color: #686666;
  font-size: 12px;
}

.jdc-basic-design .message-card .avatar {
  position: absolute;
  margin-top: 1px;
}

.jdc-basic-design .message-card .avatar img {
  width: 33px;
  height: 33px;
}

.jdc-basic-design .message-card .message-container {
  margin-left: 39px;
}

.jdc-basic-design .message-card .message-body {
  word-wrap: break-word;
  text-align: left;
}





.task-pane-chat {
  font-size: 14px;
  position: relative;
}

.task-pane-chat .chat-mode h6 {
  display: inline-block;
}

.task-pane-chat .chat-mode .chat-header {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.task-pane-chat .chat-mode .chat-header .subscribers-management-button-block {
  padding: 0px 9px;
  text-align: center;
  background: #E6EEF9;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-weight: bold;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.task-pane-chat .chat-mode .chat-header .open-chat-in-window-container {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-left: 4px;
}

.task-pane-chat .chat-mode .chat-header .open-chat-in-window .jd-icon {
  stroke-width: 2px;
}

.task-pane-chat .chat-mode .chat-header .main-block {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-right: 5px;
}

.task-pane-chat .chat-mode .chat-header .action-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.task-pane-chat .chat-mode .chat-header .maximize-chat {
  cursor: pointer;
}

.task-pane-chat .chat-mode .chat-header .maximize-chat svg {
  padding: 4px;
  stroke-width: 3px;
}

.task-pane-chat .messages-board-viewport {
  border-top: 1px solid #d9d9d9;
  margin-top: 3px;
  max-height: 250px;
  overflow-y: auto;
}

.task-pane-chat.empty .messages-board-viewport {
  border: 0 none;
}

.task-pane-chat .user-subscription-toggle {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  cursor: pointer;
  width: 17px;
  text-align: center;
  font-size: 13px;
}

.task-pane-chat .user-subscription-toggle::before {
  content: "\f1f6";
}

.task-pane-chat .user-subscription-toggle.subscribed::before {
  color: #337ab7;
  content: "\f0f3";
}

.task-pane-chat .subscribers-names {
  cursor: pointer;
}

.proposed-subscribers-emulation-mode .subscribers-names {
  color: #636363;
  font-style: italic;
}

.minimize-chat-icon {
  display: none;
}

.task-pane-section-item-details-wrapper.chat-only-view {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.task-pane-section-item-details-wrapper.chat-only-view section:not(.task-pane-chat) {
  display: none;
}

.task-pane-section-item-details-wrapper.chat-only-view .task-pane-chat {
  position: absolute;
  top: 12px;
  left: 10px;
  right: 12px;
  bottom: 12px;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.task-pane-section-item-details-wrapper.chat-only-view .task-pane-chat .messages-board-viewport {
  border-top: 1px solid #d9d9d9;
}

.task-pane-section-item-details-wrapper.chat-only-view .chat-mode {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 4px;
  width: 100%;
}

.task-pane-section-item-details-wrapper.chat-only-view .message-editor {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.task-pane-section-item-details-wrapper.chat-only-view .messages-board-viewport {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-height: none;
}

.task-pane-section-item-details-wrapper.chat-only-view .maximize-chat-icon {
  display: none;
}

.task-pane-section-item-details-wrapper.chat-only-view .minimize-chat-icon {
  display: block;
}

.task-pane-section-item-details-wrapper.chat-only-view .subscribers-management-mode {
  width: 100%;
}

.task-pane-section-item-details-wrapper.chat-only-view .users-board {
  max-height: 100%;
  padding-bottom: 32px;
}



.subscribers-management-header {
  padding-top: 2px;
}

.subscribers-search-wrapper {
  padding: 8px 0;
  position: relative;
}

.subscribers-search-wrapper .subscribers-search-x {
  position: absolute;
  right: 4px;
  top: 12px;
  stroke-width: 3;
  padding: 4px;
  cursor: pointer;
}

.subscribers-search-wrapper .subscribers-search-x:hover {
  color: black;
  background-color: #e8edf3;
}

.sm-btn {
  text-transform: uppercase;
  float: right;
  display: inline-block;
  padding: 0 6px;
  cursor: pointer;
  font-weight: bold;
  margin-top: -1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sm-save {
  color: #2B71CF;
  padding-right: 2px;
}

.users-board {
  min-height: 170px;
  max-height: 280px;
  overflow: auto;
  padding-bottom: 8px;
}

.users-board .user-card {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 1px dotted #efefef;
  will-change: transform;
}

.users-board .user-card:last-child {
  border-bottom: 0 none;
}

.users-board .user-card .justdo-avatar {
  position: absolute;
  left: 2px;
  margin-top: 7px;
}

.users-board .user-card .user-name {
  display: block;
  margin-left: 39px;
  line-height: 300%;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.users-board .subscribe-state {
  position: absolute;
  top: 10px;
  right: 0;
  width: 35px;
  display: inline-block;
  padding: 0px 9px;
  text-align: center;
  background: #E6EEF9;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
}

.users-board .subscribe-state::before {
  content: "\f1f6";
}

.users-board .subscribe-state.subscribed::before {
  color: #337ab7;
  content: "\f0f3";
}



.task-pane-section-item-details .task-pane-chat {
  padding-bottom: 0px;
}



.recent-activity-item {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
  cursor: pointer;
  position: relative;
}

.recent-activity-item:hover {
  background-color: rgba(45, 78, 142, 0.02);
}

.recent-activity-item.unread .recent-activity-item-bg {
  opacity: 0.04;
}

.recent-activity-item.unread:hover .recent-activity-item-bg {
  opacity: 0.05;
}

.recent-activity-item .recent-activity-item-content {
  position: relative;
}

.recent-activity-item .recent-activity-item-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}

.recent-activity-item .main-block {
  font-size: 14px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.recent-activity-item .task-details {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.recent-activity-item .read-indicator {
  width: 8px;
  height: 8px;
  background-color: rgba(108, 117, 125, 0.2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.recent-activity-item .tooltip-content {
  bottom: 0px;
  right: 16px;
}



.recent-activity-dropdown {
  width: 430px;
  max-height: 500px;
  overflow: hidden;
  z-index: 150;
  cursor: default;
  padding: 0px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  list-style: none;
  font-size: 13px;
  text-align: left;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.recent-activity-items-viewport {
  max-height: 467px;
  overflow: auto;
  margin-bottom: 31px;
}

.recent-activity-items-viewport .more-items-container {
  padding: 8px;
  text-align: center;
}

.recent-activity-item {
  border-bottom: 1px solid #E3E3E3;
  padding: 8px 12px;
  position: relative;
  cursor: pointer;
}

.recent-activity-item:hover {
  background-color: #f7f7f7;
}

.recent-activity-item:last-child {
  border: none;
}

.recent-activity-item.unread {
  background-color: #EFF4FC;
}

.recent-activity-item.unread:hover {
  background-color: #dee6f3;
}

.recent-activity-items-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #F8F8F8;
  border-top: 1px solid #E3E3E3;
  text-align: right;
  padding: 5px 10px;
  -webkit-border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
}

.mark-all-activity-read {
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
}

.mark-all-activity-read:hover {
  text-decoration: underline;
}

.no-recent-activity-items-container {
  text-align: center;
  color: #999999;
  padding: 40px 0;
}

.no-recent-activity-items-container i {
  font-size: 25px;
}

.no-recent-activity-items-container p {
  font-size: 15px;
}

.loading-recent-activity-items-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 40px;
}

.loading-recent-activity-items-container .loader {
  width: 25px;
  height: 25px;
  position: absolute;
}

.loading-recent-activity-items-container .loader .double-bounce1 {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  -moz-animation: sk-bounce 2.0s infinite ease-in-out;
  -o-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.loading-recent-activity-items-container .loader .double-bounce2 {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  -moz-animation: sk-bounce 2.0s infinite ease-in-out;
  -o-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
  -webkit-animation-delay: -1.0s;
  -moz-animation-delay: -1.0s;
  -o-animation-delay: -1.0s;
  animation-delay: -1.0s;
}



.nav-activity {
  position: relative;
}

.nav-activity.no-unread {
  color: #999;
}

.unread-count {
  background-color: #c7181f;
  position: absolute;
  top: -6px;
  right: -3px;
  color: #ffffff;
  font-weight: bold;
  font-size: 10px;
  border: 2px solid #ffffff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  padding: 0px 4px;
  cursor: pointer;
}

.no-unread .unread-count {
  display: none;
}

.off-the-charts .unread-count {
  padding: 4px 3px;
}

.double-digit .unread-count {
  right: -6px;
}

.off-the-charts .unread-count {
  right: -13px;
  font-size: 8px;
  line-height: 8px;
}



.chat-extra-windows-button .dropdown-menu {
  width: 240px;
}

.chat-extra-windows-button .dropdown-item + .dropdown-item {
  border-top: 1px dashed rgba(0, 0, 0, 0.12);
}

.chat-extra-windows-button .window-title {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  font-size: 14px;
}

.chat-extra-windows-button .chat-extra-windows-icon {
  width: 35px;
  height: 35px;
  -webkit-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.25), 0px 0px 10px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.25), 0px 0px 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0 3px rgba(0, 0, 0, 0.25), 0px 0px 10px rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  stroke: white;
}

.chat-extra-windows-button .close-window-icon {
  padding: 4px;
}



@-webkit-keyframes active-unread-chat-window {
  0% {
    background: #2d6fcf;
  }

  50% {
    background: #2d6fcf;
  }

  51% {
    background: #2459a5;
  }

  100% {
    background: #2459a5;
  }
}



@-moz-keyframes active-unread-chat-window {
  0% {
    background: #2d6fcf;
  }

  50% {
    background: #2d6fcf;
  }

  51% {
    background: #2459a5;
  }

  100% {
    background: #2459a5;
  }
}



@-o-keyframes active-unread-chat-window {
  0% {
    background: #2d6fcf;
  }

  50% {
    background: #2d6fcf;
  }

  51% {
    background: #2459a5;
  }

  100% {
    background: #2459a5;
  }
}



@keyframes active-unread-chat-window {
  0% {
    background: #2d6fcf;
  }

  50% {
    background: #2d6fcf;
  }

  51% {
    background: #2459a5;
  }

  100% {
    background: #2459a5;
  }
}

@-webkit-keyframes non-active-unread-chat-window {
  0% {
    background: #f4f4f4;
  }

  50% {
    background: #f4f4f4;
  }

  51% {
    background: #dbdbdb;
  }

  100% {
    background: #dbdbdb;
  }
}

@-moz-keyframes non-active-unread-chat-window {
  0% {
    background: #f4f4f4;
  }

  50% {
    background: #f4f4f4;
  }

  51% {
    background: #dbdbdb;
  }

  100% {
    background: #dbdbdb;
  }
}

@-o-keyframes non-active-unread-chat-window {
  0% {
    background: #f4f4f4;
  }

  50% {
    background: #f4f4f4;
  }

  51% {
    background: #dbdbdb;
  }

  100% {
    background: #dbdbdb;
  }
}

@keyframes non-active-unread-chat-window {
  0% {
    background: #f4f4f4;
  }

  50% {
    background: #f4f4f4;
  }

  51% {
    background: #dbdbdb;
  }

  100% {
    background: #dbdbdb;
  }
}



@keyframes active-unread-chat-window {
  0% {
    background: #2d6fcf;
  }

  50% {
    background: #2d6fcf;
  }

  51% {
    background: #2459a5;
  }

  100% {
    background: #2459a5;
  }
}

@keyframes non-active-unread-chat-window {
  0% {
    background: #f4f4f4;
  }

  50% {
    background: #f4f4f4;
  }

  51% {
    background: #dbdbdb;
  }

  100% {
    background: #dbdbdb;
  }
}

.chat-window {
  position: absolute;
  width: 100%;
  background: #FFFFFF;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  -webkit-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.25), 0px 0px 10px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.25), 0px 0px 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0 3px rgba(0, 0, 0, 0.25), 0px 0px 10px rgba(0, 0, 0, 0.05);
}

.chat-window .chat-header {
  background: #f4f4f4;
  color: #fff;
  height: 31px;
  -webkit-border-radius: 2px 2px 0px 0px;
  -moz-border-radius: 2px 2px 0px 0px;
  border-radius: 2px 2px 0px 0px;
  position: relative;
}

.chat-window.window-unread .chat-header {
  -webkit-animation: non-active-unread-chat-window 1.5s infinite;
  -moz-animation: non-active-unread-chat-window 1.5s infinite;
  -o-animation: non-active-unread-chat-window 1.5s infinite;
  animation: non-active-unread-chat-window 1.5s infinite;
}

.chat-window .close-chat,
.chat-window .minimize-chat {
  position: absolute;
  top: 0;
  font-size: 12px;
  color: #5d5d5d;
  cursor: pointer;
  height: 100%;
  text-align: center;
  line-height: 30px;
}

.chat-window .close-chat {
  right: 0;
  padding-right: 5px;
  width: 19px;
}

.chat-window .minimize-chat {
  right: 22px;
  top: 0px;
  width: 24px;
  font-size: 9px;
  padding-right: 3px;
  padding-left: 11px;
  padding-top: 1px;
}

.chat-window .header-title {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: bold;
  font-size: 13px;
  line-height: 30px;
  color: #484848;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 100%;
  height: 100%;
  padding-left: 10px;
  padding-right: 43px;
}

.window-active .chat-header {
  background: #2d6fcf;
}

.window-active.window-unread .chat-header {
  -webkit-animation: active-unread-chat-window 1.5s infinite;
  -moz-animation: active-unread-chat-window 1.5s infinite;
  -o-animation: active-unread-chat-window 1.5s infinite;
  animation: active-unread-chat-window 1.5s infinite;
}

.window-active .close-chat,
.window-active .minimize-chat {
  color: rgba(255, 255, 255, 0.8);
}

.window-active .chat-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.window-active .header-title {
  color: white;
}



@keyframes active-unread-chat-window {
  0% {
    background: #2d6fcf;
  }

  50% {
    background: #2d6fcf;
  }

  51% {
    background: #2459a5;
  }

  100% {
    background: #2459a5;
  }
}

@keyframes non-active-unread-chat-window {
  0% {
    background: #f4f4f4;
  }

  50% {
    background: #f4f4f4;
  }

  51% {
    background: #dbdbdb;
  }

  100% {
    background: #dbdbdb;
  }
}

.collapsed-chat .chat {
  height: 30px;
}

.min-chat-window-container {
  width: 100%;
  height: 30px;
}

.min-chat-window {
  height: 30px;
  bottom: 30px;
}



@keyframes active-unread-chat-window {
  0% {
    background: #2d6fcf;
  }

  50% {
    background: #2d6fcf;
  }

  51% {
    background: #2459a5;
  }

  100% {
    background: #2459a5;
  }
}

@keyframes non-active-unread-chat-window {
  0% {
    background: #f4f4f4;
  }

  50% {
    background: #f4f4f4;
  }

  51% {
    background: #dbdbdb;
  }

  100% {
    background: #dbdbdb;
  }
}

.open-chat-window-container {
  width: 100%;
  height: 420px;
}

.open-chat-window {
  height: 420px;
}

.open-chat-window .chat-header {
  border-bottom: 1px solid #EBEBEB;
}

.open-chat-window .messages-board-viewport {
  height: 352px;
  overflow-y: auto;
  padding: 0 3px;
  width: 100%;
  font-size: 13px;
}

.open-chat-window .message-editor {
  max-height: 105px;
  overflow: auto;
  font-size: 14px;
}



.window-container,
.open-chat-window-container {
  pointer-events: none;
}

.chat-window {
  pointer-events: auto;
}





.project-conf-justdo-chat-config {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.project-conf-justdo-chat-config .fa-toggle-on {
  color: #337ab7;
}





.item-duplicate-wizard-dialog {
  font-size: 15px;
}

.item-duplicate-wizard-dialog .modal-dialog {
  max-width: 740px;
}

.item-duplicate-wizard-dialog .bootbox-body {
  margin: 4px;
}

.item-duplicate-wizard-dialog .alert {
  padding: 6px 12px;
}

.item-duplicate-wizard-dialog .item-duplicate-info {
  position: absolute;
  top: -16px;
  left: 100px;
  right: 100px;
  background-color: white;
  width: auto;
  padding: 4px 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
}

.item-duplicate-wizard-dialog .item-duplicate-info .item-duplicate-info-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.08;
  pointer-events: none;
}

.item-duplicate-wizard-dialog .item-duplicate-task {
  border: 1px dashed;
  position: relative;
}

.item-duplicate-wizard-dialog .item-duplicate-task .item-duplicate-task-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.08;
  pointer-events: none;
}

.item-duplicate-wizard-dialog .section-title {
  font-size: 11px;
  color: rgba(49, 69, 99, 0.6);
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 8px;
}

.item-duplicate-wizard-dialog .section {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 6px 12px;
}

.item-duplicate-wizard-dialog .task-seq-title {
  font-weight: bold;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.item-duplicate-wizard-dialog .copy-type input {
  margin-right: 6px;
}

.item-duplicate-wizard-dialog .copy-type .radio label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 100%;
  padding: 2px 0;
}

.item-duplicate-wizard-dialog .copy-type .radio:last-child label {
  margin-bottom: 0px;
}

.item-duplicate-wizard-dialog .search-fields-input {
  margin: 12px 0px;
}

.item-duplicate-wizard-dialog .selected-fields-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 32px;
}

.item-duplicate-wizard-dialog .selected-fields-title .selected-fields-edit {
  cursor: pointer;
  direction: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}

.item-duplicate-wizard-dialog .selected-fields-title .selected-fields-edit:hover {
  text-decoration: underline;
}

.item-duplicate-wizard-dialog .selected-fields-title .jd-icon {
  stroke-width: 3;
  width: 18px;
  height: 18px;
  opacity: 0.5;
  margin-right: 4px;
}

.item-duplicate-wizard-dialog .selected-fields-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 6px 12px 12px 12px;
  position: relative;
  -webkit-transition: -webkit-box-shadow 0.35s;
  transition: -webkit-box-shadow 0.35s;
  -moz-transition: box-shadow 0.35s, -moz-box-shadow 0.35s;
  -o-transition: box-shadow 0.35s;
  transition: box-shadow 0.35s;
  transition: box-shadow 0.35s, -webkit-box-shadow 0.35s, -moz-box-shadow 0.35s;
  cursor: pointer;
}

.item-duplicate-wizard-dialog .selected-fields-section:hover {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.item-duplicate-wizard-dialog .selected-fields-section .selected-field-label {
  color: white;
  padding: 2px 8px;
  margin-right: 6px;
  margin-top: 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.item-duplicate-wizard-dialog .selected-fields-section .selected-field-label.create-warning {
  background-color: #fcf5da;
  color: #856404;
  border: 1px solid #edcc70;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
}

.item-duplicate-wizard-dialog .selected-fields-section .hidden-fields-count {
  border: 1px dashed;
  font-size: 14px;
  font-weight: bold;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
}

.item-duplicate-wizard-dialog .fields-section {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  padding-top: 4px;
}

.item-duplicate-wizard-dialog .fields-section.no-search-results {
  -webkit-column-count: unset;
  -moz-column-count: unset;
  column-count: unset;
  height: 70px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #848fa2;
}

.item-duplicate-wizard-dialog .fields-section .checkbox {
  width: 33%;
  padding: 4px 0;
}

.item-duplicate-wizard-dialog .fields-section .checkbox label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
  width: 180px;
}

.item-duplicate-wizard-dialog .fields-section .checkbox input {
  margin-right: 6px;
}

.item-duplicate-wizard-dialog .fields-section .checkbox .field-label {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 8px;
}

.item-duplicate-wizard-dialog .fields-section .checkbox:last-child label {
  margin-bottom: 0px;
}

.item-duplicate-wizard-dialog .fields-section .checkbox.create-warning {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.item-duplicate-wizard-dialog .fields-section .checkbox.create-warning .field-label {
  background-color: #fff3cd;
}

.item-duplicate-wizard-dialog .fields-section .checkbox .create-field-in-target {
  position: relative;
  margin-left: 8px;
  cursor: pointer;
}

.item-duplicate-wizard-dialog .fields-section .checkbox .create-field-in-target:hover .create-field-popup {
  opacity: 1;
}

.item-duplicate-wizard-dialog .fields-section .checkbox .create-field-in-target .create-field-popup {
  position: absolute;
  top: 3px;
  left: 22px;
  white-space: nowrap;
  background-color: white;
  z-index: 10;
  opacity: 0;
  -webkit-transition: opacity 0.35s;
  -moz-transition: opacity 0.35s;
  -o-transition: opacity 0.35s;
  transition: opacity 0.35s;
  -webkit-box-shadow: 0 0px 3px rgba(171, 178, 191, 0.5);
  -moz-box-shadow: 0 0px 3px rgba(171, 178, 191, 0.5);
  box-shadow: 0 0px 3px rgba(171, 178, 191, 0.5);
  pointer-events: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  padding: 4px 6px;
  line-height: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #3D495B;
}

.item-duplicate-wizard-dialog .fields-section .checkbox .create-field-in-target .jd-icon {
  stroke-width: 2px;
  width: 20px;
  height: 20px;
}

.item-duplicate-wizard-dialog .fields-section .checkbox .create-field-in-target .jd-icon:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.item-duplicate-wizard-dialog .modal-footer {
  position: relative;
}

.item-duplicate-wizard-dialog .processing-message {
  color: #2c70d0;
  left: 0;
  float: left;
  margin: 5px 12px;
  font-weight: bold;
}

.item-duplicate-wizard-dialog.processing .bootbox-close-button {
  display: none;
}

.item-duplicate-wizard-dialog.processing .modal-footer .cancel {
  color: #cccccc;
  cursor: default;
}

.item-duplicate-wizard-dialog.copy-blocked .modal-footer .copy {
  color: #cccccc;
  cursor: default;
}

.item-duplicate-wizard-dialog .target-justdo-label {
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 21px;
  margin-top: 12px;
}

.item-duplicate-wizard-dialog .dropdown-toggle {
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  font-size: 15px !important;
  border: 1px solid #dee2e6 !important;
}

.item-duplicate-wizard-dialog .dropdown-toggle .filter-option-inner-inner {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.item-duplicate-wizard-dialog .item-duplicate-destination-select li.disabled .text {
  font-size: 11px;
  color: rgba(49, 69, 99, 0.6);
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  padding-bottom: 8px;
  padding-top: 4px;
}

.item-duplicate-wizard-dialog .item-duplicate-destination-select a.no-indent .text {
  padding-left: 0;
}

.item-duplicate-target-justdo-select .text,
.item-duplicate-destination-select .text {
  white-space: initial;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 280px;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}





.justdo-project-pane-container,
.justdo-project-pane {
  width: 100%;
  height: 100% !important;
  position: relative;
  top: 0 !important;
}

.justdo-project-pane.collapsed {
  background-color: #f5f4f4;
  border-top: 1px solid #c0c0c0;
  cursor: pointer;
}

.justdo-project-pane.collapsed::before {
  right: 50%;
  top: 6px;
  bottom: 0;
  margin: 0 -15%;
  content: " ";
  width: 30%;
  height: 2px;
  background: #C0C0C0;
  position: absolute;
}

.justdo-project-pane .justdo-project-pane-close .jd-icon:hover {
  background-color: unset;
}

.justdo-project-pane-header {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.justdo-project-pane-header .justdo-project-pane-tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 16px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.justdo-project-pane-header .project-pane-tab-wrapper {
  position: relative;
}

.justdo-project-pane-header .project-pane-tab {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  height: 34px;
  padding: 0px 16px;
  font-size: 15px;
}

.justdo-project-pane-header .project-pane-tab:hover .active-tab-bottom-border {
  visibility: visible;
  opacity: 0.12;
}

.justdo-project-pane-header .project-pane-tab.active .active-tab-bottom-border {
  visibility: visible;
  opacity: 1;
}

.justdo-project-pane-header .active-tab-bottom-border {
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: 0;
  right: 0;
  visibility: hidden;
  pointer-events: none;
}

.justdo-project-pane-tab-container {
  position: absolute;
  top: 36px;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
}





.type-workload-user-header .grid-tree-control-text {
  font-weight: bold;
}

.type-workload-user-header .resources-summary-container {
  font-weight: normal;
}

.workload-in-own-trans {
  color: #626262;
}

.workload-in-own-trans .grid-tree-control-task-id,
.workload-in-own-trans .grid-tree-control-toggle {
  opacity: .6;
}

.workload-in-own-trans .grid-tree-control-user {
  opacity: .5;
}





.tab-project-activity {
  height: 100%;
  overflow: auto;
}

.tab-project-activity .filter-toggle {
  background-color: white;
  color: #646464;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 13px;
  cursor: pointer;
  float: right;
}

.tab-project-activity .more-items-container {
  padding: 8px;
  text-align: center;
}

.project-log {
  cursor: pointer;
  font-size: 12px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
}

.project-log:hover {
  background-color: #f7f7f7;
}

.project-log .undone {
  text-decoration: line-through;
}

.justdo-project-pane-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.justdo-project-pane-header .filter-toggle {
  font-size: 13px;
}

.justdo-project-pane-header .jd-icon {
  padding: 4px;
}

.justdo-project-pane-header .jd-icon:hover {
  stroke: black;
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}





[section-id="tickets-queues"] .tq-task-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f0f4f9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 8px;
  padding: 8px 8px 8px 12px;
  height: 44px;
}

[section-id="tickets-queues"] .tq-task-item .jd-icon {
  margin-left: auto;
  color: #C5CBD3;
  stroke-width: 3;
  padding: 4px;
  cursor: pointer;
}

[section-id="tickets-queues"] .tq-task-item .jd-icon:hover {
  color: #76869a;
  background-color: #e8edf3;
}

[section-id="tickets-queues"] .tq-task {
  font-size: 15px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #3D495B;
}

[section-id="tickets-queues"] .tq-task-item-info {
  margin-left: auto;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

[section-id="tickets-queues"] .tq-task-item-info:hover .project-config-tooltip {
  display: block;
}

[section-id="tickets-queues"] .tq-task-item-info .jd-icon {
  cursor: help;
}

[section-id="tickets-queues"] .tq-task-item-info .project-config-tooltip {
  width: 250px;
  bottom: 28px;
  right: 0;
}

[section-id="tickets-queues"] .new-ticket-queue-dropdown .new-ticket-queue-toggle {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  border: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: white;
  cursor: pointer;
}

[section-id="tickets-queues"] .new-ticket-queue-dropdown .new-ticket-queue-toggle:hover {
  text-decoration: underline;
}

[section-id="tickets-queues"] .new-ticket-queue-dropdown .new-ticket-queue-toggle .jd-icon {
  stroke-width: 3;
  width: 18px;
  height: 18px;
  opacity: 0.5;
  margin-right: 2px;
}

[section-id="tickets-queues"] .new-ticket-queue-dropdown .dropdown-menu {
  right: 0 !important;
  left: auto !important;
}

[section-id="tickets-queues"] .new-ticket-queue-dropdown .new-tq-seqId {
  width: 160px;
}



.high-contrast-mode .grid-tree-control-task-id {
  color: #000000;
  border-color: #000000;
  opacity: 1;
}





.email-verification-prompt-alerts .bootbox-body {
  padding: 18px 6px 22px;
  font-size: 15px;
}



.email-verification-required-dialog-inner-wrapper .change-email-btn {
  margin-top: 4px;
  margin-left: 2px;
  cursor: pointer;
  font-style: italic;
}

.email-verification-required-dialog-inner-wrapper .change-email-btn:hover {
  text-decoration: underline;
}





.task-pane-section-justdo-inbound-emails .divider {
  width: 1px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.12);
  margin: 0 8px;
}

.task-pane-section-justdo-inbound-emails .jd-icon {
  padding: 4px;
}

.task-pane-section-justdo-inbound-emails .loading {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -46px;
  margin-left: -46px;
}

.send-email-to-thread,
.copy-email-address,
.toggle-email-destination,
.copy-footer-address {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.send-email-to-thread:hover,
.copy-email-address:hover,
.toggle-email-destination:hover,
.copy-footer-address:hover {
  text-decoration: none;
}

.send-email-to-thread span,
.copy-email-address span,
.toggle-email-destination span,
.copy-footer-address span {
  font-size: 12px;
}

.toggle-email-destination {
  position: relative;
}

.toggle-email-destination i {
  font-size: 18px;
}

.toggle-email-destination .tooltip-content {
  top: 2px;
  bottom: -2px;
  right: 23px;
  width: 224px;
  height: 55px;
  padding: 3px 5px;
  font-weight: bold;
  right: 107px;
  top: 0px;
}

.toggle-email-destination .tooltip-content::after {
  top: 20%;
}

.toggle-email-destination.tq-disabled {
  cursor: not-allowed;
  color: #747474;
}

.no-emails-message {
  text-align: center;
  padding: 40px 0;
  line-height: 100%;
  font-size: 14px;
  color: rgba(49, 69, 99, 0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.inbound-emails-list {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 8px;
}

.inbound-emails-manager-emails hr {
  border-style: dashed;
}

.inbound-emails-manager-task-email-address,
.inbound-emails-manager-task-email-footer {
  font-size: 14px;
}

.email-load-more-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.email-load-more-wrapper .inbount-email-load-more {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.inbound-email-item {
  padding: 8px 12px;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #b0bec5;
  -webkit-box-shadow: 0 0px 3px rgba(171, 178, 191, 0.16);
  -moz-box-shadow: 0 0px 3px rgba(171, 178, 191, 0.16);
  box-shadow: 0 0px 3px rgba(171, 178, 191, 0.16);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: -webkit-box-shadow 0.35s;
  transition: -webkit-box-shadow 0.35s;
  -moz-transition: box-shadow 0.35s, -moz-box-shadow 0.35s;
  -o-transition: box-shadow 0.35s;
  transition: box-shadow 0.35s;
  transition: box-shadow 0.35s, -webkit-box-shadow 0.35s, -moz-box-shadow 0.35s;
  position: relative;
}

.inbound-email-item + .inbound-email-item {
  margin-top: 8px;
}

.inbound-email-item:hover {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.inbound-email-item .inbound-email-title-container {
  cursor: pointer;
  border: 1px solid transparent;
}

.inbound-email-item .inbound-email-title-container:active,
.inbound-email-item .inbound-email-title-container:focus {
  border: 1px dotted gray;
}

.inbound-email-item .inbound-email-item-content {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.inbound-email-item .inbound-email-item-icon {
  position: absolute;
  padding: 0px;
  width: 18px;
  height: 14px;
  stroke-width: 1;
  background: white;
  top: -5px;
  left: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: white;
  color: #314563;
}

.inbound-email-item .title {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}

.inbound-email-item .date {
  color: rgba(49, 69, 99, 0.6);
  font-size: 12px;
}

.inbound-email-item .sender {
  font-size: 12px;
  color: #314563;
  margin-top: 2px;
}

.inbound-email-item .file-issue .fa {
  color: #ffbb46;
}

.inbound-email-item .additional-info {
  font-size: 13px;
}

.inbound-email-item .email-body {
  overflow: auto;
  font-size: 15px;
  border-top-style: dashed;
  border-width: 1px;
}

.inbound-email-item .email-body img {
  margin: 1rem 0rem;
}

.inbound-email-item .email-body img.loading {
  display: none;
}

.inbound-email-item .email-body div:first-child {
  max-height: 200px;
  overflow: auto;
}

.inbound-email-item .file-attachments {
  font-size: 14px;
}

.inbound-email-item .file-attachments-list {
  list-style-type: none;
  padding-left: 0px;
}

.inbound-email-item .file-download-link {
  font-size: 13px;
}

.inbound-email-item .file-size {
  font-style: italic;
  font-size: 11px;
}

.inbound-email-item .delete-button {
  float: right;
  font-size: 14px;
}



.originating-email-container {
  border-top: 1px solid #EEEEEE;
  padding-top: 9px;
  margin-top: 11px;
}



.plugins-category {
  cursor: pointer;
}



.empty-category {
  margin: 0 auto;
  width: 410px;
  font-size: 16px;
  text-align: center;
  position: relative;
  top: 230px;
  font-weight: bold;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.plugin-tile {
  cursor: pointer;
  -webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  -moz-transition: box-shadow 0.15s ease-in-out, -moz-box-shadow 0.15s ease-in-out;
  -o-transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out, -moz-box-shadow 0.15s ease-in-out;
}

.plugin-tile:hover {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.plugin-installed {
  position: absolute;
  top: 8px;
  left: 8px;
  font-size: 12px;
}

.plugin-installed .jd-icon {
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.plugin-installed .jd-icon-16 {
  width: 16px;
  height: 16px;
}

.plugin-img {
  height: 230px;
  background-color: blue;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.plugin-img .developer-info {
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
  -webkit-transition: bottom 0.15s ease-in-out;
  -moz-transition: bottom 0.15s ease-in-out;
  -o-transition: bottom 0.15s ease-in-out;
  transition: bottom 0.15s ease-in-out;
}

.plugin-img:hover .developer-info {
  bottom: 0;
}



.justdo-plugins-plugin-page .jd-icon {
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.justdo-plugins-plugin-page .jd-icon-32 {
  width: 32px;
  height: 32px;
}



.news {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.news .date {
  font-size: 14px;
  font-style: italic;
  color: #3e4850;
}

.news.fixed-nav .news-navigation {
  position: fixed;
  right: 20px;
  left: 20px;
  top: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.news.fixed-nav .news-navigation.container {
  padding-left: 15px;
  padding-right: 15px;
}

.news-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 0;
  background-color: rgba(255, 255, 255, 0.85);
  top: -100px;
  -webkit-transition: top 0.25s ease-in-out;
  -moz-transition: top 0.25s ease-in-out;
  -o-transition: top 0.25s ease-in-out;
  transition: top 0.25s ease-in-out;
}

.news-navigation.container {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
  -moz-box-orient: horizontal !important;
  -moz-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
  -moz-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.news-navigation .versions-dropdown {
  border-right: 1px solid #E0E2E6;
  padding-right: 24px;
  margin-right: 24px;
}

.news-navigation .versions-dropdown .dropdown-menu li {
  cursor: pointer;
}

.news-navigation .versions-dropdown .dropdown-menu li .dropdown-item:active,
.news-navigation .versions-dropdown .dropdown-menu li .dropdown-item.active {
  font-weight: bold;
  background-color: #f8f9fa;
}

.news-navigation .versions-dropdown-btn {
  background: -webkit-gradient(linear, left top, right top, from(#027bff), to(#07A6FF));
  background: -webkit-linear-gradient(left, #027bff 0%, #07A6FF 100%);
  background: -moz-linear-gradient(left, #027bff 0%, #07A6FF 100%);
  background: -o-linear-gradient(left, #027bff 0%, #07A6FF 100%);
  background: linear-gradient(90deg, #027bff 0%, #07A6FF 100%);
  padding: 8px 12px 8px 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition: background-color 0.35s;
  -moz-transition: background-color 0.35s;
  -o-transition: background-color 0.35s;
  transition: background-color 0.35s;
  color: white;
  -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

.news-navigation .versions-dropdown-btn:hover {
  background-color: rgba(2, 123, 255, 0.2);
}

.news-navigation .versions-dropdown-btn .jd-icon {
  width: 16px;
  height: 16px;
  margin-left: 6px;
}

.news-navigation .news-navigation-item {
  color: rgba(49, 69, 99, 0.75);
  margin-right: 24px;
  cursor: pointer;
  -webkit-transition: color 0.35s;
  -moz-transition: color 0.35s;
  -o-transition: color 0.35s;
  transition: color 0.35s;
  font-size: 16px;
}

.news-navigation .news-navigation-item:hover {
  color: #314563;
}

.news-navigation .news-navigation-item.active {
  font-weight: bold;
  color: black;
  border-bottom: 2px solid black;
}

@media print {
  .news.fixed-nav {
    margin-top: 0px !important;
  }

  .news.fixed-nav .news-navigation {
    position: initial;
  }

  .news.fixed-nav .news-navigation.container {
    padding-left: 0px;
    padding-right: 0px;
  }

  footer {
    display: none !important;
  }

  .navbar {
    display: block !important;
  }

  .navbar-menu {
    display: none !important;
  }
}



.news-content {
  padding-top: 20px;
}

.news-content .news-item {
  max-width: 1000px;
  border-left: 4px solid rgba(106, 125, 143, 0.2);
  margin-bottom: 80px;
  padding-left: 35px;
}

.news-content .news-item .news-title .text {
  font-weight: 600;
  font-size: 24px;
  line-height: 34px;
}

.news-content .news-item .news-subtitle {
  font-size: 16px;
  line-height: 27px;
  color: #6A7D8F;
  margin-top: 8px;
}

.news-content .news-item .news-media {
  width: 100%;
  max-width: 800px;
  height: auto;
  background: rgba(1, 179, 255, 0.21);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  margin-top: 25px;
}

.updates-content {
  padding-top: 20px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.updates-content .updates {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.updates-content .update-title-wrapper {
  width: 200px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-align: right;
}

.updates-content .update-title {
  font-size: 26px;
  font-weight: bold;
}

.updates-content .update-date {
  font-weight: bold;
  font-size: 15px;
  color: rgba(106, 125, 143, 0.75);
}

.updates-content .updates-list {
  max-width: 800px;
  border-left: 4px solid rgba(106, 125, 143, 0.2);
  margin-bottom: 60px;
  padding-left: 32px;
  margin-left: 32px;
}

.updates-content .update-item {
  color: #6A7D8F;
}

.updates-content .update-item + .update-item {
  margin-top: 12px;
}

@media (max-width: 992px) {
  .news-content .news-item {
    border: none;
    padding-left: 0px;
  }

  .news-content .news-media {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
  }

  .updates-content .updates {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -moz-box-orient: vertical !important;
    -moz-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .updates-content .update-title-wrapper {
    width: auto !important;
    text-align: left !important;
  }

  .updates-content .updates-list {
    max-width: none !important;
    border-left: none !important;
    margin-bottom: 60px !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    padding-top: 16px !important;
    margin-top: 16px !important;
    border-top: 4px solid rgba(106, 125, 143, 0.2) !important;
  }
}

@media print {
  .news-item {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
}



.btn-jd-primary {
  background: #2b71cf;
  color: #FFFFFF;
}

.btn-jd {
  border: 0px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 17px;
  letter-spacing: 0.25px;
  padding: 10px 20px;
  text-decoration: none;
  height: auto;
}

.textarea-jd {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #c9d9ef;
  font-size: 17px;
  color: #242628;
  letter-spacing: 0.25px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: rgba(43, 113, 207, 0.04);
}

.input-jd {
  width: 100%;
  height: 45px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #c9d9ef;
  padding: 0 10px;
  display: block;
  background: rgba(43, 113, 207, 0.04);
  margin-bottom: 10px;
  font-size: 17px;
  color: #242628;
  letter-spacing: 0.25px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.page-justdo_affiliates_program_page {
  height: 100%;
  padding: 4rem 8rem;
  font-family: "Lato", sans-serif;
}

.page-justdo_affiliates_program_page .bg-white {
  background-color: #fff !important;
}

.page-justdo_affiliates_program_page .my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.page-justdo_affiliates_program_page .mt-5 {
  margin-top: 3rem !important;
}

.page-justdo_affiliates_program_page .mb-5 {
  margin-bottom: 3rem !important;
}

.page-justdo_affiliates_program_page .shadow-sm {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  -moz-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.page-justdo_affiliates_program_page .rounded {
  -webkit-border-radius: 0.25rem !important;
  -moz-border-radius: 0.25rem !important;
  border-radius: 0.25rem !important;
}

.page-justdo_affiliates_program_page .bg-light {
  background-color: #f8f9fa !important;
}

.page-justdo_affiliates_program_page .clusters-header,
.page-justdo_affiliates_program_page .campaigns-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-bottom: 12px;
}

.page-justdo_affiliates_program_page .claim-users,
.page-justdo_affiliates_program_page .create-campaign {
  text-transform: uppercase;
  background-color: #3072CC;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 0px 16px;
  height: 40px;
  color: white;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
}

.page-justdo_affiliates_program_page .claim-users svg,
.page-justdo_affiliates_program_page .create-campaign svg {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}

.page-justdo_affiliates_program_page .campaigns-wrapper {
  padding-bottom: 150px;
}

.page-justdo_affiliates_program_page .panel-campaign + .panel-campaign {
  margin-top: 0px;
}

.page-justdo_affiliates_program_page .collapsing {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
  display: none;
}

.page-justdo_affiliates_program_page .panel-campaign {
  border-top: 1px dashed #ddd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  position: relative;
}

.page-justdo_affiliates_program_page .panel-campaign:last-child {
  border-bottom: 1px dashed #ddd;
}

.page-justdo_affiliates_program_page .panel-campaign:hover .edit-campaign-name {
  opacity: 1;
}

.page-justdo_affiliates_program_page .panel-campaign .panel-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.page-justdo_affiliates_program_page .panel-campaign .panel-collapse::before {
  content: "";
  width: 4px;
  top: 4px;
  left: 0px;
  bottom: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #3072CC;
  position: absolute;
  z-index: 100;
}

.page-justdo_affiliates_program_page .panel-campaign .campaign-name {
  font-weight: bold;
  font-size: 16px;
  color: #28324C;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.page-justdo_affiliates_program_page .panel-campaign .edit-campaign-name {
  font-weight: bold;
  font-size: 13px;
  color: #3072CC;
  margin-left: 8px;
  opacity: 0;
  -webkit-transition: opacity 100ms linear;
  -moz-transition: opacity 100ms linear;
  -o-transition: opacity 100ms linear;
  transition: opacity 100ms linear;
  cursor: pointer;
}

.page-justdo_affiliates_program_page .panel-campaign .edit-campaign-name:hover {
  text-decoration: underline;
}

.page-justdo_affiliates_program_page .panel-campaign .campaign-id {
  font-weight: bold;
  font-size: 13px;
  color: rgba(62, 73, 103, 0.5);
}

.page-justdo_affiliates_program_page .panel-campaign .campaign-link {
  background-color: #868FA5;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bolder;
  padding: 4px 8px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  cursor: pointer;
  opacity: 0.8;
  position: relative;
}

.page-justdo_affiliates_program_page .panel-campaign .campaign-link:hover {
  opacity: 0.9;
}

.page-justdo_affiliates_program_page .panel-campaign .campaign-link:active {
  opacity: 1;
}

.page-justdo_affiliates_program_page .panel-campaign .campaign-link::after {
  content: "Link copied";
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: -10px;
  color: #868FA5;
  font-size: 11px;
  text-transform: initial;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}

.page-justdo_affiliates_program_page .panel-campaign .campaign-link.copied::after {
  opacity: 1;
  top: -17px;
  visibility: visible;
}

.page-justdo_affiliates_program_page .panel-campaign .campaign-clicks {
  font-weight: bold;
  font-size: 15px;
  color: rgba(82, 95, 127, 0.6);
  text-transform: uppercase;
}

.page-justdo_affiliates_program_page .panel-campaign .campaign-clicks .clicks-count {
  color: #525F7F;
}

.page-justdo_affiliates_program_page .panel-campaign .campaign-promoters {
  font-weight: bold;
  font-size: 15px;
  color: rgba(82, 95, 127, 0.6);
  text-transform: uppercase;
}

.page-justdo_affiliates_program_page .panel-campaign .campaign-promoters .promoters-count {
  color: #525F7F;
}

.page-justdo_affiliates_program_page .panel-campaign .campaign-promoters .promoters-pending {
  font-weight: bold;
  font-size: 13px;
  color: rgba(82, 95, 127, 0.6);
  text-transform: lowercase;
}

.page-justdo_affiliates_program_page .panel-campaign .campaign-total-reward {
  font-weight: bold;
  font-size: 15px;
  color: rgba(82, 95, 127, 0.6);
  text-transform: uppercase;
}

.page-justdo_affiliates_program_page .panel-campaign .campaign-total-reward .total-reward-count {
  color: #525F7F;
}

.page-justdo_affiliates_program_page .panel-campaign .see-campaign {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
  cursor: pointer;
  color: #3072CC;
}

.page-justdo_affiliates_program_page .panel-campaign .see-campaign.collapsed {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.page-justdo_affiliates_program_page .panel-campaign .panel-body {
  overflow: auto;
  padding: 0px;
  margin-bottom: 12px;
  padding-left: 4px;
  border-top: none !important;
}

.page-justdo_affiliates_program_page .resources-wrapper {
  display: none;
  margin-top: 20px;
  padding-bottom: 50px;
}

.page-justdo_affiliates_program_page .resources-wrapper .promoters-resources {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(82, 93, 125, 0.04);
  padding: 2rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid rgba(82, 93, 125, 0.11);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.04);
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
  margin-top: 4px;
  margin-bottom: 4px;
}

.page-justdo_affiliates_program_page .resources-wrapper .promoters-resources:hover {
  text-decoration: none;
  border-color: #525F7F;
}

.page-justdo_affiliates_program_page .resources-wrapper .promoters-resources .resources-icon {
  color: #8f9ab1;
  width: 24px;
  height: 24px;
}

.page-justdo_affiliates_program_page .resources-wrapper .promoters-resources .resources-name {
  margin-left: 12px;
  color: #000000;
  font-size: 16px;
  text-decoration: none;
}

.page-justdo_affiliates_program_page .simple-section-container {
  padding-top: 20px;
  margin-bottom: 150px;
  border-top: 1px dashed rgba(0, 0, 0, 0.08);
}

.page-justdo_affiliates_program_page .simple-section-body {
  max-width: 640px;
  width: auto;
  margin: 0 auto;
}

.page-justdo_affiliates_program_page .simple-section-body h4 {
  margin-bottom: 22px;
}







.clusters-scroll {
  position: relative;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}

.clusters-scroll .clusters-wrapper {
  overflow: auto;
  margin-left: 160px;
  margin-right: 160px;
}

.clusters-scroll .clusters-table td,
.clusters-scroll .clusters-table th {
  border-top: 1px solid #dee2e6;
  border: 1px solid #dee2e6;
  border-collapse: collapse;
}

.clusters-scroll .clusters-table td {
  min-width: 57px;
  height: 76px;
}

.clusters-scroll .clusters-table tr {
  position: relative;
}

.clusters-scroll .clusters-table .fixed-left,
.clusters-scroll .clusters-table .fixed-right {
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  width: 160px;
  top: auto;
}

.clusters-scroll .clusters-table .fixed-left .td-content,
.clusters-scroll .clusters-table .fixed-right .td-content {
  padding-top: 8px;
  padding-bottom: 8px;
}

.clusters-scroll .clusters-table .fixed-left {
  left: 0;
}

.clusters-scroll .clusters-table .fixed-right {
  position: absolute;
  width: 160px;
  right: 0;
}

.clusters-scroll .clusters-table .projects {
  color: rgba(82, 95, 127, 0.8);
  font-weight: 900;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 44px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.clusters-scroll .clusters-table .rewarded-paid {
  color: rgba(82, 95, 127, 0.8);
  font-weight: 900;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0px 24px;
}

.clusters-scroll .clusters-table .project-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.clusters-scroll .clusters-table .project-item .justdo-jdenicon {
  position: relative;
}

.clusters-scroll .clusters-table .project-item .justdo-jdenicon .project-tooltip {
  position: absolute;
  left: 105%;
  background-color: white;
  color: #525e7e;
  padding: 4px 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
  white-space: nowrap;
  display: none;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}

.clusters-scroll .clusters-table .project-item.not-applicable .justdo-jdenicon svg {
  opacity: 0.3;
}

.clusters-scroll .clusters-table .project-item.not-applicable .justdo-jdenicon:hover .project-tooltip {
  display: block;
}

.clusters-scroll .clusters-table .project-id {
  color: gray;
  font-size: 10px;
  text-align: center;
}

.clusters-scroll .clusters-table .project-item-users {
  padding-left: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.clusters-scroll .clusters-table .project-item-users svg {
  height: 24px;
  width: 24px;
  padding: 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: grey;
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
}

.clusters-scroll .clusters-table .project-item-users svg:hover {
  background-color: rgba(255, 255, 255, 0.16);
}

.clusters-scroll .clusters-table .project-item-users .dropdown-menu {
  top: 0;
  left: 180%;
  border: none;
  -webkit-box-shadow: 0px 0px 15px rgba(50, 50, 93, 0.01), 0px 0px 35px rgba(50, 50, 93, 0.15), 0px 10px 35px rgba(50, 50, 93, 0.15);
  -moz-box-shadow: 0px 0px 15px rgba(50, 50, 93, 0.01), 0px 0px 35px rgba(50, 50, 93, 0.15), 0px 10px 35px rgba(50, 50, 93, 0.15);
  box-shadow: 0px 0px 15px rgba(50, 50, 93, 0.01), 0px 0px 35px rgba(50, 50, 93, 0.15), 0px 10px 35px rgba(50, 50, 93, 0.15);
}

.clusters-scroll .clusters-table .project-item-users .dropdown-menu .dropdown-header {
  padding: 4px 12px;
}

.clusters-scroll .clusters-table .project-user-item a {
  padding: 4px 12px;
}

.clusters-scroll .clusters-table .project-user-item img {
  width: 24px;
  height: 24px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 4px;
}

.clusters-scroll .clusters-table .date {
  text-align: center;
  color: #525F7F;
  font-weight: 900;
  width: 56px;
}

.clusters-scroll .clusters-table .date .day {
  font-size: 17px;
}

.clusters-scroll .clusters-table .date .month {
  font-size: 12px;
  text-transform: uppercase;
  opacity: 0.6;
}

.clusters-scroll .clusters-table .rewarded-paid-paid {
  color: #3072CC;
}

.clusters-scroll .clusters-table .rewarded-paid-amount {
  padding-left: 24px;
  padding-right: 24px;
  color: rgba(82, 95, 127, 0.8);
  font-weight: 900;
}

.clusters-scroll .clusters-table .cluster {
  width: 40px;
  height: 32px;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  line-height: 32px;
  color: white;
  font-size: 17px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 8px;
  position: relative;
}

.clusters-scroll .clusters-table .cluster:last-child {
  margin-bottom: 0px;
}

.clusters-scroll .clusters-table .cluster-gray {
  background-color: #909AB1;
}

.clusters-scroll .clusters-table .cluster-blue {
  background-color: #1591EB;
}

.clusters-scroll .clusters-table .cluster-green {
  background-color: #3EC000;
}

.clusters-scroll .clusters-table .cluster-red {
  background-color: #D9331C;
}

.clusters-scroll .clusters-table .cluster-purple {
  background-color: #6000C0;
}

.clusters-scroll .clusters-table .cluster-badge {
  position: absolute;
  right: -6px;
  top: -6px;
  padding: 4px;
  background-color: white;
  width: 18px;
  height: 18px;
  color: black;
  font-size: 11px;
  font-weight: bold;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid black;
  cursor: pointer;
}



.type-workload-user-header .grid-tree-control-text {
  font-weight: bold;
}

.type-workload-user-header .resources-summary-container {
  font-weight: normal;
}



.additional-field-items-list .udf-id-private-followup-completed {
  position: absolute;
  right: 20px;
}





.custom-field-formula-field-editor-opener {
  margin: 0 4px;
}

.open-formula-editor-help {
  display: inline-block;
  cursor: pointer;
  margin-left: 2px;
  font-size: 15px;
}

.custom-field-formula-field-editor-content {
  width: 400px;
}

.custom-field-formula-field-editor-content .editor-caption {
  font-size: 12px;
}

.custom-field-formula-field-editor-content .add-custom-field-option {
  border-bottom: 1px dashed #e0e0e0;
}

.custom-field-formula-field-editor-content .jd-icon-custom-field {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  width: 16px;
  height: 16px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  opacity: 0.8;
}

.custom-field-formula-field-editor-content .custom-field-option {
  border-bottom: 1px dashed #e0e0e0;
}

.custom-field-formula-field-editor-content .custom-field-option:hover input {
  background-color: rgba(0, 0, 0, 0.02) !important;
}





.formula-editing-rules-dialog .formula-example {
  font-size: 12px;
}





.time-tracker-toolbar {
  margin-bottom: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 8px 12px;
  background-color: #eaf4ff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.time-tracker-task {
  font-size: 15px;
  font-family: "Lato", sans-serif;
  color: #0f5fcc;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.time-tracker-navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 20px;
}

.time-tracker-player {
  background: #0071d5;
  padding: 2px 2px 2px 16px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.time-tracker-time {
  display: inline;
  margin-right: 10px;
  color: white;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  font-size: 16px;
}

.time-tracker-stop {
  background: rgba(255, 255, 255, 0.35);
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 7px;
  border: 2px solid white;
  -webkit-box-shadow: 0 0px 7px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0px 7px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0px 7px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.time-tracker-stop:hover {
  -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0px 12px rgba(0, 0, 0, 0.25);
}

.time-tracker-stop-icon {
  width: 9px;
  height: 9px;
  background: white;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.time-tracker-cancel {
  font-size: 7px;
  margin-left: 10px;
  cursor: pointer;
  color: rgba(37, 110, 210, 0.85);
}

.time-tracker-cancel:hover {
  color: rgba(37, 110, 210, 0.7);
}

.time-tracker-edit-box {
  display: inline;
  margin-right: 10px;
  color: white;
  background: #0071d5;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  font-size: 16px;
  width: 60px;
}



.time-tracker-duration-modifier {
  position: relative;
  font-size: 14px;
  color: #525F7F;
  z-index: 1;
}

.time-tracker-duration-modifier .record-start-end {
  white-space: nowrap;
  cursor: pointer;
}

.time-tracker-duration-modifier .record-start-end:hover {
  color: black;
}

.time-tracker-duration-modifier .record-duration {
  width: 90px;
  text-align: center;
  font-weight: bold;
  margin-left: 1rem;
}

.time-tracker-duration-modifier .duration-editor-container .duration-editor-close {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: auto;
  z-index: -1;
}

.time-tracker-duration-modifier .duration-editor-container .duration-editor {
  position: absolute;
  background-color: white;
  padding: 0.75rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  right: 0px;
  width: 220px;
}

.time-tracker-duration-modifier .duration-editor-container .duration-editor.dropup {
  bottom: 36px;
}

.time-tracker-duration-modifier .duration-editor-container .duration-editor .start-end-time {
  padding-bottom: 0.75rem;
  border-bottom: 1px dashed #eaeaea;
  margin-bottom: 0.25rem;
}

.time-tracker-duration-modifier .duration-editor-container .duration-editor .ui-datepicker {
  border: none;
  font-size: 12px;
  width: 100%;
}

.time-tracker-duration-modifier .duration-editor-container .duration-editor .ui-datepicker-calendar thead th {
  border: none;
}

.time-tracker-duration-modifier .duration-editor-container .duration-editor .duration-input-label {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.time-tracker-duration-modifier .duration-editor-container .duration-editor .ui-datepicker table th {
  padding: 1px;
}

.time-tracker-duration-modifier .duration-editor-container .duration-editor .ui-datepicker table td {
  padding: 1px;
  border-top: none;
}



.tab-time-tracker-history-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.project-pane-time-tracker-history {
  padding: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: scroll;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.project-pane-time-tracker-no-records {
  font-size: 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.35;
  padding: 0 5rem;
  width: 100%;
  height: 100%;
}

.time-tracker-history-container {
  width: 100%;
}

.time-tracker-pane-toolbar {
  background-color: white;
  width: 100%;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5rem 1rem;
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
}

.time-tracker-pane-toolbar .divider {
  width: 1px;
  height: 24px;
  background: #E8EBEE;
  margin: 0px 8px 0px 16px;
}

.time-tracker-pane-toolbar .toolbar-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.time-tracker-pane-toolbar .toolbar-right {
  margin-right: 15px;
  background-color: rgba(83, 95, 127, 0.08);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.time-tracker-pane-toolbar .toolbar-right .time-tracker-new-record-td {
  vertical-align: middle;
  border: none;
  padding: 0.5rem;
}

.time-tracker-pane-toolbar .toolbar-right .time-tracker-new-record-td:not(.col-notes) {
  width: 50px;
}

.time-tracker-pane-toolbar .time-tracker-new-record-add {
  text-transform: uppercase;
  white-space: nowrap;
  width: 48px;
}

.time-tracker-pane-toolbar .new-record-user-selector {
  border-right: 1px solid #dedede;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
}

.time-tracker-pane-toolbar .new-record-user-selector .dropdown-menu {
  max-height: 300px;
  overflow: auto;
}

.time-tracker-pane-toolbar .new-record-user-avatar-btn {
  width: 22px;
  height: 22px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
}

.time-tracker-pane-toolbar .new-record-user-search {
  padding: 0px 10px;
  color: black;
  min-width: 180px;
}

.time-tracker-pane-toolbar .new-record-user-search::-webkit-input-placeholder {
  opacity: 0.5;
}

.time-tracker-pane-toolbar .new-record-user-search:-moz-placeholder {
  opacity: 0.5;
}

.time-tracker-pane-toolbar .new-record-user-search::-moz-placeholder {
  opacity: 0.5;
}

.time-tracker-pane-toolbar .new-record-user-search:-ms-input-placeholder {
  opacity: 0.5;
}

.time-tracker-pane-toolbar .new-record-user-search::placeholder {
  opacity: 0.5;
}

.time-tracker-pane-toolbar .new-record-user-item {
  padding: 4px 6px;
  font-size: 15px;
  max-width: 260px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  min-width: 180px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.time-tracker-pane-toolbar .new-record-user-item:focus {
  outline: none;
}

.time-tracker-pane-toolbar .new-record-user-search + .new-record-user-item {
  margin-top: 0.5rem;
}

.time-tracker-pane-toolbar .new-record-user-avatar {
  width: 22px;
  height: 22px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin-right: 6px;
}

.time-tracker-users {
  margin-right: 0.25rem;
}

.time-tracker-users .time-tracker-users-indicator {
  position: absolute;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  right: 2px;
  top: 2px;
  border: 1px solid white;
  -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
  z-index: 1;
  display: none;
}

.time-tracker-users.active .time-tracker-users-indicator {
  display: block;
}

.time-tracker-users .jd-icon {
  cursor: pointer;
  padding: 4px;
  stroke-width: 2;
}

.time-tracker-users .jd-icon:hover {
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.time-tracker-users .time-tracker-user-search {
  padding: 0px 10px;
  color: black;
  min-width: 180px;
}

.time-tracker-users .time-tracker-user-search::-webkit-input-placeholder {
  opacity: 0.5;
}

.time-tracker-users .time-tracker-user-search:-moz-placeholder {
  opacity: 0.5;
}

.time-tracker-users .time-tracker-user-search::-moz-placeholder {
  opacity: 0.5;
}

.time-tracker-users .time-tracker-user-search:-ms-input-placeholder {
  opacity: 0.5;
}

.time-tracker-users .time-tracker-user-search::placeholder {
  opacity: 0.5;
}

.time-tracker-users .dropdown-menu {
  max-height: 300px;
  overflow: auto;
}

.time-tracker-users .dropdown-header {
  font-size: 12px;
}

.time-tracker-users .time-tracker-user-show-all,
.time-tracker-users .time-tracker-user-show-none {
  cursor: pointer;
}

.time-tracker-users .time-tracker-user-show-all:hover,
.time-tracker-users .time-tracker-user-show-none:hover {
  text-decoration: underline;
}

.time-tracker-users .time-tracker-user-item {
  padding: 4px 6px;
  font-size: 15px;
  max-width: 260px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  min-width: 180px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.75;
}

.time-tracker-users .time-tracker-user-item:focus {
  outline: none;
}

.time-tracker-users .time-tracker-user-item .jd-icon {
  stroke-width: 2px;
  width: 20px;
  height: 20px;
  padding: 2px;
  display: none;
}

.time-tracker-users .time-tracker-user-item.user-in-filter {
  opacity: 1;
}

.time-tracker-users .time-tracker-user-item.user-in-filter .jd-icon {
  display: block;
}

.time-tracker-users .time-tracker-user-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.time-tracker-users .time-tracker-user-avatar {
  width: 22px;
  height: 22px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin-right: 6px;
}

.time-tracker-new-record-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.time-tracker-new-record-seqid {
  min-width: 60px;
  text-align: center;
}

.time-tracker-new-record-task-title {
  width: 200px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
  color: rgba(72, 79, 86, 0.8);
}

.time-tracker-new-record-note {
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: #525F7F;
}

.time-tracker-report .jd-icon,
.time-tracker-duration .jd-icon {
  cursor: pointer;
  padding: 4px;
  stroke-width: 2;
}

.time-tracker-report .jd-icon:hover,
.time-tracker-duration .jd-icon:hover {
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.time-tracker-duration .time-tracker-duration-btn {
  text-transform: uppercase;
  font-weight: bold;
  padding: 4px 12px;
}

.time-tracker-duration .time-tracker-duration-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 6px;
  font-size: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 180px;
}

.time-tracker-duration .time-tracker-duration-item .jd-icon {
  stroke-width: 2px;
  width: 20px;
  height: 20px;
  padding: 2px;
  display: none;
}

.time-tracker-duration .time-tracker-duration-item.active-duration .jd-icon {
  display: block;
}

.time-tracker-duration .time-tracker-duration-info {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media (max-width: 1200px) {
  .time-tracker-new-record-task-title {
    width: 80px;
  }

  .time-tracker-new-record-td.col-notes {
    width: 100px;
  }
}



.time-tracker-user-dropdown {
  z-index: 150;
}

.time-tracker-user-dropdown-wrapper {
  background-color: white;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  border-radius: 0.25rem;
  padding: 0.75rem;
}

.time-tracker-user-dropdown-wrapper .time-tracker-record-user-search {
  padding: 0px 10px;
  color: black;
}

.time-tracker-user-dropdown-wrapper .time-tracker-record-user-search::-webkit-input-placeholder {
  opacity: 0.5;
}

.time-tracker-user-dropdown-wrapper .time-tracker-record-user-search:-moz-placeholder {
  opacity: 0.5;
}

.time-tracker-user-dropdown-wrapper .time-tracker-record-user-search::-moz-placeholder {
  opacity: 0.5;
}

.time-tracker-user-dropdown-wrapper .time-tracker-record-user-search:-ms-input-placeholder {
  opacity: 0.5;
}

.time-tracker-user-dropdown-wrapper .time-tracker-record-user-search::placeholder {
  opacity: 0.5;
}

.time-tracker-user-dropdown-wrapper .time-tracker-record-user-item {
  padding: 4px 6px;
  font-size: 15px;
  max-width: 260px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  min-width: 180px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.time-tracker-user-dropdown-wrapper .time-tracker-record-user-item:focus {
  outline: none;
}

.time-tracker-user-dropdown-wrapper .time-tracker-record-user-item .time-tracker-record-user-avatar {
  width: 22px;
  height: 22px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin-right: 6px;
}

.time-tracker-user-dropdown-wrapper .time-tracker-record-user-search + .time-tracker-record-user-item {
  margin-top: 0.5rem;
}



.time-tracker-history-container input.form-control {
  width: 90px;
  text-align: center;
}

.time-tracker-history-container .total-today {
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0rem 0.5rem 0.5rem 0.5rem;
}

.time-tracker-history-container .table > tbody > tr:not(.highlight-record):hover {
  background-color: #f8f9fa;
}

.time-tracker-history-container .table > tbody > tr > td {
  vertical-align: middle;
  border-top: 1px dashed #eaeaea;
  border-bottom: 1px dashed #eaeaea;
  padding: 0.25rem 0.5rem;
}

.time-tracker-history-container .table > thead > tr > th {
  color: #525F7F;
  font-size: 12px;
  text-transform: uppercase;
  border-top: 1px dashed #eaeaea;
  border-bottom: none;
  vertical-align: middle;
  padding: 0.25rem 0.5rem;
}

.time-tracker-history-container .table > tbody > tr > td:not(.col-notes) {
  width: 50px;
}

.time-tracker-history-container .table .col-duration.editor-open {
  position: relative;
  z-index: 300;
}

.time-tracker-history-container .tracker-task-title {
  width: 280px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 14px;
  cursor: pointer;
}

.time-tracker-history-container .tracker-task-title:hover {
  text-decoration: underline;
}

.time-tracker-history-container .tracker-notes {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.time-tracker-history-container .tracker-notes input {
  width: 100%;
  text-align: left;
  border: none;
  font-size: 14px;
  color: #525F7F;
}

.time-tracker-history-container .tracker-notes input::-webkit-input-placeholder {
  color: rgba(82, 95, 127, 0.5);
}

.time-tracker-history-container .tracker-notes input:-moz-placeholder {
  color: rgba(82, 95, 127, 0.5);
}

.time-tracker-history-container .tracker-notes input::-moz-placeholder {
  color: rgba(82, 95, 127, 0.5);
}

.time-tracker-history-container .tracker-notes input:-ms-input-placeholder {
  color: rgba(82, 95, 127, 0.5);
}

.time-tracker-history-container .tracker-notes input::placeholder {
  color: rgba(82, 95, 127, 0.5);
}

.time-tracker-history-container .tracker-task-user {
  border-right: 1px solid #eaeaea;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
}

.time-tracker-history-container .tracker-task-user-img {
  width: 22px;
  height: 22px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.time-tracker-history-container .time-tracker-history-entry {
  background-color: white;
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

.time-tracker-history-container .time-tracker-history-entry.highlight-record {
  background-color: rgba(3, 123, 254, 0.12);
}

.time-tracker-history-container .pptth-scroll {
  position: absolute;
  width: 100%;
  height: 1000px;
}

.time-tracker-history-container .tracker-operations {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.time-tracker-history-container .tracker-operations .jd-icon {
  padding: 4px;
  stroke-width: 2;
  color: #535f7e;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.time-tracker-history-container .tracker-operations .jd-icon:hover {
  stroke: black;
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.time-tracker-history-container .tracker-operations .record-tooltip {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  border-radius: 0.2rem;
  background-color: white;
  position: absolute;
  top: -20px;
  right: 0px;
  font-size: 10px;
  font-weight: bold;
  display: none;
  z-index: 10;
  text-transform: uppercase;
  white-space: nowrap;
}

.time-tracker-history-container .tracker-operations .record-tooltip .record-tooltip-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px 8px 4px 4px;
  line-height: 100%;
}

.time-tracker-history-container .tracker-operations .record-tooltip .record-icon {
  width: 2px;
  height: 12px;
  background-color: red;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  margin-right: 4px;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  -webkit-animation: blink-element normal 1.5s infinite ease-in-out;
  -moz-animation: blink-element normal 1.5s infinite ease-in-out;
  -o-animation: blink-element normal 1.5s infinite ease-in-out;
  animation: blink-element normal 1.5s infinite ease-in-out;
}

.time-tracker-history-container .tracker-operations.recording .start-task-timer {
  opacity: 0.35;
  pointer-events: none;
}

.time-tracker-history-container .tracker-operations.recording:hover .record-tooltip {
  display: block;
}

@-webkit-keyframes blink-element {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes blink-element {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes blink-element {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes blink-element {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}



.time-trakcer-report-dialog .modal-content {
  width: 630px;
}

.time_tracker_report_dialog-container .tasks-list {
  list-style-type: none;
  padding-left: 0;
}

.time_tracker_report_dialog-container .tasks-list li {
  cursor: pointer;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
}

.time_tracker_report_dialog-container .tasks-list .task-title {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.time_tracker_report_dialog-container .tasks-list .ui-sortable-helper {
  border: none;
}

.time_tracker_report_dialog-container .tasks-list .task-seq-id {
  font-size: 13px;
}

.time_tracker_report_dialog-container .tasks-list .jd-icon {
  padding: 3px;
}

.time_tracker_report_dialog-container .tasks-list .task-seq-id {
  padding: 3px 6px;
  min-width: 60px;
  text-align: center;
}

.time_tracker_report_dialog-container .tasks-list .task-title {
  padding-left: 12px;
  cursor: pointer;
  overflow: hidden;
}

.time_tracker_report_dialog-container .tasks-list i {
  padding: 8px;
  margin-left: 2px;
}

.time_tracker_report_dialog-container .tasks-list i:hover {
  opacity: .3;
}

.time_tracker_report_dialog-container .section-title {
  font-size: 12px;
}

.time_tracker_report_dialog-container .time-tracker-report-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 32px;
}

.time_tracker_report_dialog-container .time-tracker-report-footer .btn + .btn {
  margin-top: 8px;
}









.task-pane-tasks-locks-section .tasks-locks-info {
  font-weight: bold;
  color: #2B71CF;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.task-pane-tasks-locks-section .tasks-locks-info::before {
  content: "·";
  padding: 0px 5px;
  color: #d2d2d2;
  font-size: 13px;
}

.task-pane-tasks-locks-section .tasks-locks-tooltip-icon {
  cursor: help;
}

.task-pane-tasks-locks-section .tasks-locks-tooltip {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07), 0 5px 15px 0 rgba(199, 199, 199, 0.5);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07), 0 5px 15px 0 rgba(199, 199, 199, 0.5);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.07), 0 5px 15px 0 rgba(199, 199, 199, 0.5);
  background: #FFFFFF;
  position: absolute;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 5px 12px;
  width: 360px;
  left: 0px;
  top: 24px;
  display: none;
  z-index: 1;
}

.task-pane-tasks-locks-section .tasks-locks-tooltip .msg-main-text {
  display: block;
  font-size: 13px;
  font-weight: bold;
}

.task-pane-tasks-locks-section .tasks-locks-tooltip .msg-sub-text {
  display: block;
  font-size: 12px;
}

.task-pane-tasks-locks-section .tasks-locks-toggle-lock-state {
  cursor: pointer;
}

.task-pane-tasks-locks-section .locking-member-label {
  font-size: 14px;
}

.task-pane-tasks-locks-section .locking-member {
  margin: 4px 1px;
}

.task-pane-tasks-locks-section .locking-member .justdo-avatar {
  width: 27px;
  height: 27px;
}





.task-pane-section-justdo-files input[type="file"] {
  display: none;
}

.task-pane-section-justdo-files .custom-file-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  border: 2px dashed #dddddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  cursor: pointer;
  padding: 28px 3px;
  font-weight: normal;
  opacity: 1;
}

.task-pane-section-justdo-files .loader {
  width: 25px;
  height: 25px;
  position: absolute;
  display: none;
}

.task-pane-section-justdo-files .loader .double-bounce1 {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  -moz-animation: sk-bounce 2.0s infinite ease-in-out;
  -o-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.task-pane-section-justdo-files .loader .double-bounce2 {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0.2;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  -moz-animation: sk-bounce 2.0s infinite ease-in-out;
  -o-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
  -webkit-animation-delay: -1.0s;
  -moz-animation-delay: -1.0s;
  -o-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.task-pane-section-justdo-files .justdo-files-gallery .file .jd-icon {
  margin: 0px;
  cursor: pointer;
  display: block;
  padding: 4px;
  stroke-width: 2;
  background-color: rgba(0, 0, 0, 0.04);
}

.task-pane-section-justdo-files .justdo-files-gallery .file .metadata .dot {
  padding-right: 2px;
  padding-left: 2px;
  font-size: 12px;
}

.task-pane-section-justdo-files .justdo-files-gallery .file .metadata .dot::after {
  content: "·";
}

.task-pane-section-justdo-files .justdo-files-gallery .file .actions .jd-icon {
  margin-left: 2px;
  background-color: transparent;
}

.task-pane-section-justdo-files .justdo-files-gallery .file .actions .jd-icon:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.task-pane-section-justdo-files .justdo-files-gallery .file .actions .file-direct-download-link,
.task-pane-section-justdo-files .justdo-files-gallery .file .actions .file-rename-link,
.task-pane-section-justdo-files .justdo-files-gallery .file .actions .file-remove-link {
  opacity: 0;
}

.task-pane-section-justdo-files .justdo-files-gallery .file .actions .file-edit-link {
  padding: 0;
  width: 16px;
  opacity: 0.75;
}

.task-pane-section-justdo-files .justdo-files-gallery .file .type-logo {
  min-width: 24px;
  height: 32px;
  background-image: url(/packages/justdoinc_tasks-file-manager-plugin/media/icons.png);
  background-position: -58px 0px;
}

.task-pane-section-justdo-files .justdo-files-gallery .file .type-logo.jpeg {
  background-position: -82px 0px;
}

.task-pane-section-justdo-files .justdo-files-gallery .file .type-logo.vnd_ms-excel {
  background-position: -130px 0px;
}

.task-pane-section-justdo-files .justdo-files-gallery .file .type-logo.png {
  background-position: -226px 0px;
}

.task-pane-section-justdo-files .justdo-files-gallery .file .type-logo.pdf {
  background-position: -250px 0px;
}

.task-pane-section-justdo-files .justdo-files-gallery .file .type-logo.javascript {
  background-position: -346px 0px;
}

.task-pane-section-justdo-files .justdo-files-gallery .file .type-logo.html {
  background-position: -370px 0px;
}

.task-pane-section-justdo-files .justdo-files-gallery .file .type-logo.msword {
  background-position: -442px 0px;
}

.task-pane-section-justdo-files .justdo-files-gallery .file .image-preview {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 300px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.task-pane-section-justdo-files .justdo-files-gallery .file .image-preview.loading {
  background-image: none !important;
  -webkit-background-size: auto auto;
  -moz-background-size: auto;
  -o-background-size: auto;
  background-size: auto;
}

.task-pane-section-justdo-files .justdo-files-gallery .file .image-preview.loading .loader {
  display: block;
}

.task-pane-section-justdo-files .justdo-files-gallery .file .content {
  overflow: hidden;
}

.task-pane-section-justdo-files .justdo-files-gallery .file .title {
  line-height: 1rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding-bottom: 2px;
}

.task-pane-section-justdo-files .justdo-files-gallery .file .msg {
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 150;
}

.task-pane-section-justdo-files .justdo-files-gallery .file-inner-wrapper {
  padding: 16px;
  position: relative;
  border: 2px solid rgba(255, 255, 255, 0);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: border-color 0.35s;
  -moz-transition: border-color 0.35s;
  -o-transition: border-color 0.35s;
  transition: border-color 0.35s;
}

.task-pane-section-justdo-files .justdo-files-gallery .file:hover .file-direct-download-link,
.task-pane-section-justdo-files .justdo-files-gallery .file:hover .file-rename-link,
.task-pane-section-justdo-files .justdo-files-gallery .file:hover .file-remove-link {
  opacity: 0.75;
}

.task-pane-section-justdo-files .bottom-toolbar .justdo-files-gallery {
  position: absolute;
  left: 350px;
  right: 10px;
  top: 10px;
  bottom: 10px;
  overflow-y: auto;
}

.task-pane-section-justdo-files .file-edit-dropdown {
  right: 0 !important;
  left: auto !important;
  margin-top: 12px;
}

.task-pane-section-justdo-files .file-edit-dropdown .dropdown-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.task-pane-section-justdo-files .justdo-files-gallery.edit-mode {
  padding-bottom: 80px;
}

.task-pane-section-justdo-files .justdo-files-gallery.edit-mode .bulk-edit-control-wrapper {
  position: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 3;
  bottom: 35px;
  padding-left: 18px;
}

.task-pane-section-justdo-files .justdo-files-gallery.edit-mode .bulk-edit-control-wrapper .bulk-edit-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
  background-color: white;
}

.task-pane-section-justdo-files .justdo-files-gallery.edit-mode .bulk-edit-control-wrapper .bulk-edit-done,
.task-pane-section-justdo-files .justdo-files-gallery.edit-mode .bulk-edit-control-wrapper .bulk-edit-remove {
  font-weight: bold;
  text-transform: uppercase;
}

.task-pane-section-justdo-files .justdo-files-gallery.edit-mode .file-check-input {
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 12px;
}

.task-pane-section-justdo-files .justdo-files-gallery.edit-mode .file-check-input .jd-icon {
  position: absolute;
  width: 18px;
  height: 18px;
  padding: 0px;
  stroke-width: 2.5;
  background-color: white;
  z-index: 3;
}

.task-pane-section-justdo-files .justdo-files-gallery.edit-mode .file-check-input .jd-icon.icon-mark-square {
  color: #848fa1;
  opacity: 0.75;
}

.task-pane-section-justdo-files .justdo-files-gallery.edit-mode .file-check-input .jd-icon.icon-mark-check {
  color: #08c116;
  opacity: 0;
}

.task-pane-section-justdo-files .justdo-files-gallery.edit-mode .file-check-input:hover .icon-mark-circle {
  opacity: 1;
}

.task-pane-section-justdo-files .justdo-files-gallery.edit-mode .file.selected .file-inner-wrapper {
  border-color: #08c116;
}

.task-pane-section-justdo-files .justdo-files-gallery.edit-mode .file.selected .icon-mark-square {
  opacity: 0;
}

.task-pane-section-justdo-files .justdo-files-gallery.edit-mode .file.selected .icon-mark-check {
  opacity: 1;
}

.task-pane-section-justdo-files .justdo-files-gallery.edit-mode .file {
  cursor: pointer;
}

.task-pane-section-justdo-files .justdo-files-gallery.edit-mode .file .content,
.task-pane-section-justdo-files .justdo-files-gallery.edit-mode .file .image-preview {
  pointer-events: none;
}

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0.5);
  }

  50% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bounce {
  0%, 100% {
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(0.5);
  }

  50% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

.task-pane-section-justdo-files .drop-pane {
  margin-bottom: 8px;
  position: relative;
}

.task-pane-section-justdo-files .drop-pane .drop-pane-logo {
  width: 32px;
  height: 32px;
}

.task-pane-section-justdo-files .drop-pane .drop-to-upload-msg {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-top: -3px;
}

.task-pane-section-justdo-files .drop-pane.no-files {
  height: 100%;
}

.task-pane-section-justdo-files .drop-pane.no-files .custom-file-input {
  height: 100%;
}

.task-pane-section-justdo-files .drop-pane.no-files .drop-pane-logo {
  display: block !important;
}

.task-pane-section-justdo-files .drop-pane.hovering .custom-file-input {
  background: #f2f3fa;
  border: 2px dashed #d3d8fb;
  color: #337ab7;
}

.task-pane-section-justdo-files .drop-pane.hovering .prev-upload-result,
.task-pane-section-justdo-files .drop-pane.hovering .upload-msg,
.task-pane-section-justdo-files .drop-pane.hovering .drop-pane-logo {
  visibility: hidden;
}

.task-pane-section-justdo-files .drop-pane.hovering .drop-to-upload-msg {
  display: block;
}

.task-pane-section-justdo-files .drop-pane.uploading .prev-upload-result,
.task-pane-section-justdo-files .drop-pane.uploading .drop-pane-logo {
  display: none;
}

.task-pane-section-justdo-files .drop-pane.ready .drop-pane-logo {
  display: none;
}



.justdo-files-preview-dialog .modal-dialog {
  max-width: 1200px;
}

.justdo-files-preview-dialog .modal-dialog .bootbox-body {
  text-align: center;
}

.justdo-files-preview-dialog .modal-dialog .bootbox-body .justdo-files-preview-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.justdo-files-preview-dialog .modal-dialog .bootbox-body .justdo-files-preview-wrapper .prev-file,
.justdo-files-preview-dialog .modal-dialog .bootbox-body .justdo-files-preview-wrapper .next-file {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.justdo-files-preview-dialog .preview-container {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}





.tab-justdo-calendar-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.calendar_view_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  background-color: white;
  z-index: 200;
  padding: 16px;
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
}

.calendar_view_toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.calendar_view_toolbar .divider {
  width: 1px;
  height: 24px;
  background: #E8EBEE;
  margin: 0px 8px 0px 16px;
}

.calendar_view_project_title {
  font-size: 17px;
  font-weight: bold;
}

.calendar_view_project_selector button {
  padding: 4px 12px;
  text-transform: uppercase;
  font-weight: bold;
  max-width: 250px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}

.calendar_view_project_selector .dropdown-menu {
  max-height: 200px;
  min-width: 240px;
  overflow: auto;
}

.calendar_view_project_selector .dropdown-header {
  font-size: 11px;
}

.calendar_view_project_selector .dropdown-item {
  max-width: 320px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.calendar_view_date_selector {
  font-size: 14px;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.calendar_view_date_selector button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
  padding: 0px 8px;
  font-weight: bold;
}

.calendar_view_date_icon {
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  width: 20px;
  height: 20px;
  padding: 2px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.main_table_fixed_header {
  table-layout: fixed;
  position: fixed;
  z-index: 150;
  background-color: white;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  display: none;
}

.calendar_view_main_table th,
.calendar_view_main_table td,
.main_table_fixed_header th {
  border: 1px dashed #eaeaea;
  border-collapse: collapse;
}

.main_table_fixed_header th {
  border-bottom: 1px solid #eaeaea;
}

.calendar_view_main_table tr {
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

.calendar_view_main_table tr.highlight {
  background-color: rgba(9, 89, 224, 0.04);
}

.calendar_view_main_table th,
.main_table_fixed_header th {
  padding: 0.5rem 0;
}

.calendar_view_main_table td {
  padding: 0.3rem;
}

.calendar_view_tasks_row {
  height: 45px;
}

.calendar_view_tasks_row.is_collapsed {
  height: 30px;
}

.calendar_view_tasks_row.is_collapsed .expand_user {
  width: auto;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  border-right-style: solid;
  border-right-width: 4px;
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: white;
  text-transform: uppercase;
  line-height: 100%;
  font-weight: bold;
  font-size: 12px;
  padding: 4px;
}

.calendar_view_user,
.main_table_fixed_header .calendar_view_user {
  width: 120px;
}

.calendar_expand_collapse {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.calendar_table_user {
  position: relative;
  border-bottom-color: rgba(86, 99, 130, 0.4) !important;
}

.calendar_view_move,
.main_table_fixed_header .calendar_view_move {
  width: 35px;
}

.calendar_view_resources {
  font-size: 11px;
  font-weight: bold;
  color: #0349bf;
  text-align: center;
  border-bottom-color: rgba(86, 99, 130, 0.4) !important;
  position: relative;
}

.calendar_view_resources span {
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.calendar_view_resources.xx_small_text:hover .calendar_view_resources_tooltip {
  display: block;
}

.calendar_view_date,
.main_table_fixed_header th {
  width: 15%;
  text-align: center;
  color: #525F7F;
  font-size: 12px;
}

.calendar_view_date .week_day,
.main_table_fixed_header th .week_day {
  text-transform: uppercase;
  margin-right: 4px;
  opacity: 0.6;
}

.calendar_view_date.is_today,
.main_table_fixed_header th.is_today {
  background-color: rgba(9, 89, 225, 0.04);
  color: #0959e0;
  border-color: rgba(9, 89, 224, 0.16);
}

.calendar_view_date.is_today .week_day,
.main_table_fixed_header th.is_today .week_day {
  opacity: 0.6;
}

.calendar_view_date.is_holiday,
.main_table_fixed_header th.is_holiday {
  background-color: rgba(230, 233, 238, 0.4);
  color: #333333;
  border-color: rgba(9, 89, 224, 0.16);
}

.calendar_view_date.is_holiday .week_day,
.main_table_fixed_header th.is_holiday .week_day {
  opacity: 0.6;
}

.calendar_view_main_table_wrapper {
  position: relative;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  padding-bottom: 80px;
  overflow: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.calendar_view_main_table_wrapper.fadeOut {
  opacity: 0;
}

.calendar_view_main_table {
  table-layout: fixed;
}

.calendar_task_cell {
  font-size: 14px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12);
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 0.3rem 0.4rem;
  font-weight: bold;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  cursor: move;
  -webkit-transition: -webkit-box-shadow 0.12s linear;
  transition: -webkit-box-shadow 0.12s linear;
  -moz-transition: box-shadow 0.12s linear, -moz-box-shadow 0.12s linear;
  -o-transition: box-shadow 0.12s linear;
  transition: box-shadow 0.12s linear;
  transition: box-shadow 0.12s linear, -webkit-box-shadow 0.12s linear, -moz-box-shadow 0.12s linear;
}

.calendar_task_cell:hover .calendar_task_planned_hours {
  opacity: 1;
  visibility: visible;
}

.calendar_task_cell.show_cell {
  -webkit-box-shadow: 0 0 0 2px white, 0 0 0 4px #0959e0;
  -moz-box-shadow: 0 0 0 2px white, 0 0 0 4px #0959e0;
  box-shadow: 0 0 0 2px white, 0 0 0 4px #0959e0;
}

.calendar_task_cell.task_cell_R {
  background-color: #c4e6fc9c;
  border: 1px solid #9ecfef;
  color: #0d4167;
}

.calendar_task_cell.task_cell_R:hover {
  -webkit-box-shadow: 0 0 0 2px white, 0 0 0 4px #0a85d4;
  -moz-box-shadow: 0 0 0 2px white, 0 0 0 4px #0a85d4;
  box-shadow: 0 0 0 2px white, 0 0 0 4px #0a85d4;
}

.calendar_task_cell.task_cell_F,
.calendar_task_cell.task_cell_P {
  background-color: #EAE7FD;
  border: 1px solid #cbc8e6;
  color: #534c8a;
}

.calendar_task_cell.task_cell_F:hover,
.calendar_task_cell.task_cell_P:hover {
  -webkit-box-shadow: 0 0 0 2px white, 0 0 0 4px #5e579e;
  -moz-box-shadow: 0 0 0 2px white, 0 0 0 4px #5e579e;
  box-shadow: 0 0 0 2px white, 0 0 0 4px #5e579e;
}

.calendar_task_cell.calendar_meeting {
  background-color: #f7caca;
  border: 1px solid #bd9b9b;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  cursor: pointer;
}

.calendar_task_cell.calendar_meeting:hover {
  -webkit-box-shadow: 0 0 0 2px white, 0 0 0 4px #5e579e;
  -moz-box-shadow: 0 0 0 2px white, 0 0 0 4px #5e579e;
  box-shadow: 0 0 0 2px white, 0 0 0 4px #5e579e;
}

.jd-icon.calendar-meeting-icon-size {
  height: 18px;
  width: 18px;
  margin-right: 2px;
  stroke-width: 2;
}

.calendar_task_info {
  position: absolute;
  font-size: 10px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  top: -7px;
  left: -4px;
}

.calendar_task_type,
.calendar_task_startDateAfterDueDate,
.calendar_task_unassigned_hours,
.calendar_task_planned_hours,
.calendar_task_due_date,
.calendar_week_number {
  border: 1px solid #000000;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: white;
  color: black;
  padding: 0 0.2rem;
  display: inline-block;
}

.calendar_task_type:hover,
.calendar_task_startDateAfterDueDate:hover,
.calendar_task_unassigned_hours:hover,
.calendar_task_planned_hours:hover,
.calendar_task_due_date:hover,
.calendar_week_number:hover {
  z-index: 99999;
}

.calendar_week_number {
  position: absolute;
  top: -12px;
  left: 0px;
  display: inline-block;
  width: 47px;
  text-align: left;
  height: 14px;
  font-size: xx-small;
  white-space: nowrap;
}

.calendar_task_state {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid white;
  margin-right: 4px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  z-index: 1;
  position: relative;
}

.calendar_task_state:hover .calendar-task-state-tooltip {
  display: block;
}

.calendar_task_state .jd-task-state {
  stroke-width: 0;
  color: white;
  width: 16px;
  height: 16px;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.calendar_task_state .jd-task-state.pending {
  fill: white;
  opacity: 0.65;
}

.calendar_task_state .jd-task-state.in-progress {
  fill: white;
}

.calendar_task_state .jd-task-state.done {
  stroke-width: 4px;
  fill: none;
  padding: 2px;
}

.calendar_task_state .jd-task-state.will-not-do {
  stroke-width: 4px;
  fill: none;
  padding: 2px;
}

.calendar_task_state .jd-task-state.on-hold {
  fill: white;
  stroke-width: 0.5;
  padding: 2px;
}

.calendar_task_state .jd-task-state.duplicate {
  stroke-width: 3px;
  fill: none;
  padding: 2px;
}

.calendar-task-state-tooltip {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  border-radius: 0.2rem;
  background-color: white;
  padding: 0px 4px;
  position: absolute;
  top: -12px;
  right: 10px;
  font-size: 12px;
  display: none;
  z-index: 10;
  text-transform: initial;
}

.calendar_header_date {
  position: relative;
}

.calendar_task_startDateAfterDueDate {
  cursor: help;
}

.calendar_task_startDateAfterDueDate:hover {
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}

.calendar_task_planned_hours {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.35s;
  -moz-transition: opacity 0.35s;
  -o-transition: opacity 0.35s;
  transition: opacity 0.35s;
  position: relative;
  z-index: 10;
}

.calendar_task_id {
  opacity: 0.7;
  margin-right: 4px;
}

.calendar_task_title,
.calendar_meeting_title {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.calendar_view_scroll_cell {
  background: rgba(56, 87, 130, 0.03);
  padding: 0px !important;
  position: relative;
  z-index: 100;
  border-bottom-color: rgba(86, 99, 130, 0.4) !important;
}

.calendar_view_scroll_cell .calendar_view_date_icon {
  width: 18px;
  height: 18px;
  opacity: 0.4;
  display: block;
  margin: auto;
}

.calendar_view_scroll_cell:hover .calendar_view_date_icon {
  opacity: 1;
}

.calendar_task_startsBeforeView {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  margin-right: 1rem;
  padding-right: 0.6rem;
}

.calendar_task_startsBeforeView .calendar_view_icon {
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  width: 20px;
  height: 20px;
  padding: 2px;
  opacity: 0.4;
}

.calendar_task_endsAfterView {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  margin-left: auto;
  padding-left: 0.6rem;
}

.calendar_task_endsAfterView .calendar_view_icon {
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  width: 20px;
  height: 20px;
  padding: 2px;
  opacity: 0.4;
}

.calendar_view_scroll_left_cell {
  cursor: w-resize;
}

.calendar_view_scroll_right_cell {
  cursor: e-resize;
}

.dim_task {
  background: -webkit-repeating-linear-gradient(315deg, rgba(82, 95, 127, 0.12), rgba(82, 95, 127, 0.12) 8px, rgba(82, 95, 127, 0) 8px, rgba(82, 95, 127, 0) 16px);
  background: -moz-repeating-linear-gradient(315deg, rgba(82, 95, 127, 0.12), rgba(82, 95, 127, 0.12) 8px, rgba(82, 95, 127, 0) 8px, rgba(82, 95, 127, 0) 16px);
  background: -o-repeating-linear-gradient(315deg, rgba(82, 95, 127, 0.12), rgba(82, 95, 127, 0.12) 8px, rgba(82, 95, 127, 0) 8px, rgba(82, 95, 127, 0) 16px);
  background: repeating-linear-gradient(135deg, rgba(82, 95, 127, 0.12), rgba(82, 95, 127, 0.12) 8px, rgba(82, 95, 127, 0) 8px, rgba(82, 95, 127, 0) 16px);
  opacity: 0.4;
}

.calendar_view_mark_days_off {
  background-color: rgba(230, 233, 238, 0.4);
}

.calendar_view_droppable_wrapper {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.4);
}

.calendar_view_droppable_wrapper .calendar_view_droppable_item {
  padding: 4px;
  position: absolute;
}

.calendar_view_droppable_wrapper .calendar_view_droppable_area {
  background-color: rgba(55, 118, 175, 0.16);
  width: 100%;
  height: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: -webkit-box-shadow 0.2s linear;
  transition: -webkit-box-shadow 0.2s linear;
  -moz-transition: box-shadow 0.2s linear, -moz-box-shadow 0.2s linear;
  -o-transition: box-shadow 0.2s linear;
  transition: box-shadow 0.2s linear;
  transition: box-shadow 0.2s linear, -webkit-box-shadow 0.2s linear, -moz-box-shadow 0.2s linear;
}

.calendar_view_droppable_wrapper .calendar_view_droppable_area.highlight {
  -webkit-box-shadow: 0 0 0 0.2rem #268fff;
  -moz-box-shadow: 0 0 0 0.2rem #268fff;
  box-shadow: 0 0 0 0.2rem #268fff;
}

.calendar_view_droppable_wrapper .test_prev_week {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 100%;
  background-color: red;
}

.calendar_view_expand_collapse {
  position: absolute;
  top: 6px;
  right: 6px;
}

.calendar_view_expand_collapse .jd-icon {
  width: 14px;
  height: 14px;
  padding: 1px;
  cursor: pointer;
  background-color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: none;
}

.calendar_table_user:hover .calendar_view_expand_collapse .jd-icon,
.calendar_table_user:hover .calendar_view_clock .jd-icon {
  display: block;
}

.calendar_expand_collapse .jd-icon {
  padding: 0.25rem;
  color: #525F7F;
  cursor: pointer;
}

.calendar_expand_collapse .jd-icon:hover {
  color: black;
  stroke-width: 2;
}

.calendar_expand_collapse .expand_collapse_divider {
  width: 1px;
  height: 16px;
  margin: 0 12px;
}

.calendar-user-name {
  width: auto;
  text-align: left;
  white-space: nowrap;
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: white;
  text-transform: uppercase;
  line-height: 100%;
  font-weight: bold;
  font-size: 12px;
  padding: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.calendar-user-name.is-proxy {
  opacity: 0.85;
}

.calendar-user-name.is-proxy::before {
  content: "";
  position: absolute;
  width: auto;
  height: auto;
  border: 1px dashed #092835;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.collapse_user {
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: zoom-out;
}

.collapse_user .calendar-user-name {
  white-space: normal;
}

.calendar_view_clock {
  position: absolute;
  top: -4px;
  right: -4px;
}

.calendar_view_clock .jd-icon {
  width: 20px;
  height: 20px;
  padding: 1px;
  cursor: pointer;
  background-color: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: none;
}

.smaller_text {
  font-size: smaller;
}

.x_small_text {
  font-size: x-small;
}

.xx_small_text {
  font-size: xx-small;
}

.calendar-view-28 .is_start_of_week,
.calendar-view-56 .is_start_of_week {
  border-left: 1px solid #007bff !important;
}

.highlighted_due_date {
  background-color: #f7caca;
}

.calendar_task_tooltip,
.calendar_view_resources_tooltip {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  border-radius: 0.2rem;
  background-color: white;
  padding: 0px 4px;
  position: absolute;
  bottom: -16px;
  left: 4px;
  font-size: 12px;
  display: none;
  z-index: 10;
  white-space: nowrap;
}

.calendar-view-14 .calendar_task_cell:hover .calendar_task_tooltip,
.calendar-view-28 .calendar_task_cell:hover .calendar_task_tooltip,
.calendar-view-56 .calendar_task_cell:hover .calendar_task_tooltip {
  display: block;
}

.calendar-view-56 .calendar_task_id,
.calendar-view-56 .calendar_task_title {
  opacity: 0;
}







.holidays_format_error {
  color: red;
}

.resources-availability-header {
  font-size: 12px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
}

.resources-availability-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 16px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
  height: 44px;
}

.resources-availability-item .from_time,
.resources-availability-item .to_time {
  width: 116px;
}

.resources-availability-time-note {
  position: absolute;
  padding: 0px 4px;
  background-color: white;
  top: -12px;
  left: 0px;
  font-size: 11px;
  white-space: nowrap;
}

.availability_config_dialog_holidays {
  font-size: 16px;
}

.holidays_format_error {
  color: red !important;
}





#tab-switcher .tab-switcher-divider {
  width: 1px;
  height: 20px;
  opacity: 0.2;
}

#tab-switcher > button {
  padding: 0px 2px 0 2px;
  margin-left: 4px;
}

#tab-switcher .icon-container {
  display: inline-block;
}

#tab-switcher .icon-container svg.jd-icon-dropdown {
  margin: 0;
  height: 19px;
}

#tab-switcher .icon-container.loading {
  -webkit-animation: fa-spin 2s infinite linear;
  -moz-animation: fa-spin 2s infinite linear;
  -o-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

#tab-switcher .icon-container .justdo-avatar {
  width: 24px;
  height: 24px;
  margin-right: -4px;
}

.tab-switcher-dropdown-wrapper .dropdown-item {
  white-space: normal;
}

.tab-switcher-dropdown-wrapper .dropdown-item:active {
  background-color: white;
  color: #212529;
}

.tab-switcher-dropdown-wrapper .dropdown-item .jd-icon-dropdown {
  margin-top: 2px;
}

.tab-switcher-dropdown-wrapper .dropdown-item .dropdown-item-label {
  width: 320px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}



.tab-switcher-dropdown {
  z-index: 150;
  overflow: auto;
  max-height: 400px;
  min-width: 270px;
  background-color: #ffffff;
  padding: 0.75rem;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.tab-switcher-dropdown .views-search-wrapper {
  position: relative;
  margin-bottom: 5px;
  margin-left: -2px;
}

.tab-switcher-dropdown .views-search-wrapper .views-search-input {
  padding-left: 1.8rem;
}

.tab-switcher-dropdown .views-search-wrapper .jd-icon {
  position: absolute;
  padding: 4px;
  stroke-width: 2.5;
  opacity: 0.4;
  left: 4px;
}

.tab-switcher-dropdown .views-search-wrapper .jd-icon:hover {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  stroke: currentColor;
  background-color: transparent;
}

.tab-switcher-dropdown .justdo-avatar {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.tab-switcher-dropdown .dropdown-header {
  cursor: default;
  text-transform: uppercase;
  font-size: 11px;
}

.tab-switcher-dropdown .dropdown-item:active {
  color: unset;
  background-color: unset;
}



.dropdown.grid-tree-control-context-menu {
  position: absolute;
  top: 0;
  left: 0;
}

.dropdown.grid-tree-control-context-menu .dropdown-menu {
  position: relative;
  margin-top: 0;
  overflow: visible;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 190px;
}

.dropdown.grid-tree-control-context-menu .dropdown-item {
  position: relative;
}

.dropdown.grid-tree-control-context-menu .dropdown-item-label-wrapper {
  max-width: 320px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.dropdown.grid-tree-control-context-menu .show-more-dropdown-items {
  text-align: center;
}

.dropdown.grid-tree-control-context-menu .nested-dropdown-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  max-height: 350px;
  overflow: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.dropdown.grid-tree-control-context-menu .nested-dropdown-menu .dropdown-items-wrapper {
  overflow: auto;
  margin-top: 4px;
}

.dropdown.grid-tree-control-context-menu .show-fix .nested-dropdown-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.dropdown.grid-tree-control-context-menu .dropdown-item:hover > .nested-dropdown-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.dropdown.grid-tree-control-context-menu .jd-icon-context-action {
  margin-right: 6px;
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.dropdown.grid-tree-control-context-menu .context-action-item,
.dropdown.grid-tree-control-context-menu .more-info-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  padding: 2px 0.5rem 2px 0.25rem;
  cursor: pointer;
}

.dropdown.grid-tree-control-context-menu .context-action-item:not(.context-nested-section-item):active {
  background-color: white;
  color: #212529;
}

.dropdown.grid-tree-control-context-menu .context-section-label-container {
  position: relative;
  height: 20px;
  margin-top: 0;
  font-size: 13px;
  padding: 0;
}

.dropdown.grid-tree-control-context-menu .context-section-label-container hr.my-2 {
  position: absolute;
  left: 0;
  right: 0;
  top: 2px;
}

.dropdown.grid-tree-control-context-menu .context-section-label-container:first-child.label-less-section {
  display: none;
}

.dropdown.grid-tree-control-context-menu .context-section-label-container:first-child hr.my-2 {
  display: none;
}

.dropdown.grid-tree-control-context-menu .context-section-label-container.label-less-section {
  height: 10px;
}

.dropdown.grid-tree-control-context-menu .context-section-label-container.label-less-section hr.my-2 {
  top: -3px;
}

.dropdown.grid-tree-control-context-menu .context-section-label-container .context-section-label {
  position: absolute;
  background: white;
  padding-right: 4px;
}

.dropdown.grid-tree-control-context-menu .section-filter-container {
  position: relative;
}

.dropdown.grid-tree-control-context-menu .section-filter {
  position: relative;
  height: 29px;
  z-index: 1;
  padding-left: 29px;
  margin-bottom: 2px;
}

.dropdown.grid-tree-control-context-menu .search-icon {
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 2px;
  height: 21px;
}

.dropdown.grid-tree-control-context-menu .more-info-items {
  font-size: 13px;
  cursor: default;
}

.dropdown.grid-tree-control-context-menu .more-info-items:hover {
  background-color: white;
}

.dropdown.grid-tree-control-context-menu .empty-icon {
  width: 26px;
}

.dropdown.grid-tree-control-context-menu .context-nested-section-item {
  padding-right: 18px;
}

.dropdown.grid-tree-control-context-menu .context-nested-section-item .context-nested-section-item-caret {
  display: inline-block;
  font-size: inherit;
  padding-top: 3px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 6px;
}

.dropdown.grid-tree-control-context-menu hr {
  border-style: dashed;
}



.nested-dropdown-menu-manage-projects.nested-dropdown-menu .dropdown-item-label-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  white-space: initial;
  width: 320px;
}

.nested-dropdown-menu-manage-projects.nested-dropdown-menu .dropdown-item-label-wrapper .jd-icon-context-action {
  margin-top: 2px;
}

.nested-dropdown-menu-manage-projects.nested-dropdown-menu .dropdown-item-label-wrapper .jump-to-task-in-proj {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  opacity: 0;
  pointer-events: none;
  padding-left: 8px;
}

.nested-dropdown-menu-manage-projects.nested-dropdown-menu .dropdown-item-label-wrapper .jump-to-task-in-proj .jd-icon-context-action {
  margin-right: 0;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  cursor: pointer;
}

.nested-dropdown-menu-manage-projects.nested-dropdown-menu .dropdown-item-label-wrapper .jump-to-task-in-proj .jd-icon-context-action:hover {
  stroke: black;
  background-color: rgba(0, 0, 0, 0.08);
}

.nested-dropdown-menu-manage-projects.nested-dropdown-menu .dropdown-item-label-wrapper .jump-to-task-in-proj.show {
  opacity: 1;
  pointer-events: all;
}





.tab-kanban-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.kanban-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem;
}

.kanban-toolbar-operations-left,
.kanban-toolbar-operations-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 200px;
}

.kanban-toolbar-operations-left .divider,
.kanban-toolbar-operations-right .divider {
  width: 1px;
  height: 24px;
  background: #E8EBEE;
}

.kanban-active-task-title {
  font-size: 17px;
  font-weight: bold;
  max-width: 360px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.kanban-task-selector button,
.kanban-state-selector button,
.kanban-member-selector button,
.kanban-sort-selector button {
  text-transform: uppercase;
  font-weight: bold;
  max-width: 260px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.kanban-task-selector .dropdown-menu,
.kanban-state-selector .dropdown-menu,
.kanban-member-selector .dropdown-menu,
.kanban-sort-selector .dropdown-menu {
  max-height: 200px;
  overflow: auto;
}

.kanban-task-selector .dropdown-header,
.kanban-state-selector .dropdown-header,
.kanban-member-selector .dropdown-header,
.kanban-sort-selector .dropdown-header {
  font-size: 11px;
  text-transform: uppercase;
  padding: 0px 6px;
}

.kanban-task-selector .dropdown-item,
.kanban-state-selector .dropdown-item,
.kanban-member-selector .dropdown-item,
.kanban-sort-selector .dropdown-item {
  padding: 4px 6px;
  font-size: 15px;
  max-width: 260px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.kanban-task-selector .dropdown-item.active,
.kanban-state-selector .dropdown-item.active,
.kanban-member-selector .dropdown-item.active,
.kanban-sort-selector .dropdown-item.active {
  font-weight: bold;
}

.kanban-task-selector .dropdown-item:active,
.kanban-state-selector .dropdown-item:active,
.kanban-member-selector .dropdown-item:active,
.kanban-sort-selector .dropdown-item:active {
  background-color: white;
  color: #007bff;
}

.kanban-task-selector .jd-icon,
.kanban-state-selector .jd-icon,
.kanban-member-selector .jd-icon,
.kanban-sort-selector .jd-icon {
  cursor: pointer;
  padding: 4px;
  stroke-width: 2;
}

.kanban-task-selector .jd-icon:hover,
.kanban-state-selector .jd-icon:hover,
.kanban-member-selector .jd-icon:hover,
.kanban-sort-selector .jd-icon:hover {
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.kanban-task-selector button .jd-icon {
  pointer-events: none;
}

.kanban-member-selector .dropdown-menu {
  max-height: 300px;
  overflow: auto;
}

.kanban-member-selector .dropdown-menu .dropdown-item {
  min-width: 180px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.kanban-member-selector .kanban-member-selector-search,
.kanban-member-selector .kanban-projects-search {
  padding: 0px 10px;
  color: black;
  min-width: 180px;
}

.kanban-member-selector .kanban-member-selector-search::-webkit-input-placeholder,
.kanban-member-selector .kanban-projects-search::-webkit-input-placeholder {
  opacity: 0.5;
}

.kanban-member-selector .kanban-member-selector-search:-moz-placeholder,
.kanban-member-selector .kanban-projects-search:-moz-placeholder {
  opacity: 0.5;
}

.kanban-member-selector .kanban-member-selector-search::-moz-placeholder,
.kanban-member-selector .kanban-projects-search::-moz-placeholder {
  opacity: 0.5;
}

.kanban-member-selector .kanban-member-selector-search:-ms-input-placeholder,
.kanban-member-selector .kanban-projects-search:-ms-input-placeholder {
  opacity: 0.5;
}

.kanban-member-selector .kanban-member-selector-search::placeholder,
.kanban-member-selector .kanban-projects-search::placeholder {
  opacity: 0.5;
}

.kanban-member-selector .kanban-clear-member-filter {
  cursor: pointer;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  stroke-width: 3px;
  opacity: 0.5;
  width: 20px;
  height: 20px;
  margin: 0 2px 0 4px;
}

.kanban-member-selector .kanban-filter-member-item:first-of-type {
  margin-top: 8px;
}

.kanban-member-selector.active-member {
  padding: 2px;
  background-color: #f3f3f3;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.kanban-sort-selector .dropdown-menu .dropdown-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.kanban-sort-selector .dropdown-menu .dropdown-item .jd-icon {
  pointer-events: none;
  display: none;
  stroke-width: 2.5;
  width: 20px;
  height: 20px;
  padding: 0px;
}

.kanban-sort-selector .dropdown-menu .dropdown-item.active .jd-icon {
  display: block;
}

.disable-element {
  pointer-events: none;
  opacity: 0.5;
}

.kanban-wrapper {
  overflow-x: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -moz-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
}

.kanban-start-message {
  font-size: 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.35;
  padding: 0 5rem;
  height: 100%;
}

.kanban-wrapper-container {
  height: 0;
  overflow-x: visible;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -moz-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  white-space: nowrap;
}

.kanban-boards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -moz-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  white-space: nowrap;
  overflow-x: auto;
  padding: 3px 1rem 1rem 1rem;
}

.kanban-board-add {
  min-width: 360px;
  max-width: 360px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  white-space: normal;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -moz-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 360px;
  height: 80px;
  cursor: pointer;
  padding-right: 16px;
}

.kanban-board-add-content {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-size: 15px;
  -webkit-transition: background-color 0.35s;
  -moz-transition: background-color 0.35s;
  -o-transition: background-color 0.35s;
  transition: background-color 0.35s;
  border: 2px dashed rgba(190, 205, 217, 0.5);
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.kanban-board-add-content:hover {
  background-color: #f5f5f7;
}

.kanban-board-add-content .jd-icon {
  width: 32px;
  height: 32px;
  stroke-width: 2;
  opacity: 0.5;
}

.kanban-board-add-item {
  width: 100%;
  min-height: 31px;
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0.5rem;
  opacity: 0.3;
}

.kanban-board-add-item:last-child {
  margin-bottom: 0;
}

.kanban-board-add-item.visible {
  opacity: 1;
}

.kanban-board-add-item .null-state {
  border: 1px solid;
}

.kanban-member-avatar {
  width: 22px;
  height: 22px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin-right: 6px;
}

.kanban-filter-member-avatar {
  width: 24px;
  height: 24px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
  border: 2px solid white;
  -webkit-transition: -webkit-box-shadow 0.2s linear;
  transition: -webkit-box-shadow 0.2s linear;
  -moz-transition: box-shadow 0.2s linear, -moz-box-shadow 0.2s linear;
  -o-transition: box-shadow 0.2s linear;
  transition: box-shadow 0.2s linear;
  transition: box-shadow 0.2s linear, -webkit-box-shadow 0.2s linear, -moz-box-shadow 0.2s linear;
}

.kanban-filter-member-avatar:hover {
  -webkit-box-shadow: 0 0 0 2px #268fff;
  -moz-box-shadow: 0 0 0 2px #268fff;
  box-shadow: 0 0 0 2px #268fff;
}

#kanban-add-board {
  background-color: rgba(0, 0, 0, 0.5);
}

.kanban-shake {
  -webkit-animation: kanban-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -moz-animation: kanban-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -o-animation: kanban-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  animation: kanban-shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
}

@-webkit-keyframes kanban-shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}

@-moz-keyframes kanban-shake {
  10%, 90% {
    -moz-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    -moz-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    -moz-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    -moz-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}

@-o-keyframes kanban-shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes kanban-shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    -moz-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    -moz-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    -moz-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
    -moz-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}



.kanban-board {
  min-width: 360px;
  max-width: 360px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #F5F5F7;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  white-space: normal;
  margin-right: 16px;
  vertical-align: top;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -moz-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: -webkit-box-shadow 0.35s;
  transition: -webkit-box-shadow 0.35s;
  -moz-transition: box-shadow 0.35s, -moz-box-shadow 0.35s;
  -o-transition: box-shadow 0.35s;
  transition: box-shadow 0.35s;
  transition: box-shadow 0.35s, -webkit-box-shadow 0.35s, -moz-box-shadow 0.35s;
}

.kanban-board:hover,
.kanban-board.ui-droppable-hover {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.kanban-board.ui-sortable-placeholder {
  background-color: rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  visibility: visible !important;
}

.kanban-board-header {
  margin: 8px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.kanban-board-task-add-button {
  stroke-width: 2;
  padding: 3px;
}

.kanban-board-task-add-button,
.kanban-board-dropdown-icon {
  color: #687B8E;
  cursor: pointer;
}

.kanban-board-task-add-button:hover,
.kanban-board-dropdown-icon:hover {
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.kanban-board-control {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.kanban-board-content {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -moz-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  overflow: auto;
}

.kanban-board-title {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  color: black;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.kanban-board-count {
  color: #687B8E;
  margin-right: 4px;
}

.over-max-count {
  color: red;
}

.kanban-board-limit-label {
  text-transform: uppercase;
  font-size: 11px;
  margin-bottom: 4px;
}

.kanban-board-limit-input {
  width: 120px !important;
}

.kanban-board-limit-save {
  margin: 0 4px;
}

.kanban-board-dropdown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.kanban-board-dropdown .kanban-board-dropdown-icon {
  width: 16px;
  padding: 0;
}

.kanban-board-dropdown .dropdown-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  padding: 0.25rem 0.5rem 0.25rem 0.25rem;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.kanban-board-dropdown .dropdown-item:active {
  background-color: white;
  color: #007bff;
}

.kanban-board-dropdown .kanban-board-edit svg,
.kanban-board-dropdown .kanban-board-hide svg {
  color: #687B8E;
  margin-right: 6px;
  width: 20px;
  height: 20px;
}

.kanban-task-add {
  margin: 16px;
}

.kanban-task-add textarea {
  height: 40px;
  max-height: 40px;
  border: 2px dashed rgba(190, 205, 217, 0.5);
  font-size: 15px;
  background-color: transparent;
}



.kanban-task {
  position: relative;
  margin: 8px 16px 16px 16px;
  padding: 4px;
  cursor: pointer;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: font-weight 0.35s, -webkit-box-shadow 0.35s;
  transition: font-weight 0.35s, -webkit-box-shadow 0.35s;
  -moz-transition: box-shadow 0.35s, font-weight 0.35s, -moz-box-shadow 0.35s;
  -o-transition: box-shadow 0.35s, font-weight 0.35s;
  transition: box-shadow 0.35s, font-weight 0.35s;
  transition: box-shadow 0.35s, font-weight 0.35s, -webkit-box-shadow 0.35s, -moz-box-shadow 0.35s;
}

.kanban-task:hover {
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);
}

.kanban-task.ui-sortable-placeholder {
  background-color: rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  visibility: visible !important;
}

.kanban-task.ui-draggable-dragging {
  z-index: 100;
}

.kanban-task.task-dragging {
  opacity: 0.35;
}

.kanban-task-id {
  border: 1px solid #000000;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: white;
  font-size: 9px;
  color: black;
  padding: 0 0.2rem;
  position: absolute;
  top: -8px;
  left: 0px;
}

.kanban-task-priority {
  width: 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.kanban-task-user {
  width: 22px;
  height: 22px;
  background-color: gray;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin: 4px 6px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.kanban-task-title {
  font-size: 14px;
  color: black;
  margin: 4px 8px 4px 0px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.kanban-task-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.kanban-task-control .kanban-task-control-icon {
  width: 14px;
  padding: 0;
  color: #687B8E;
  cursor: pointer;
}

.kanban-task-control .kanban-task-control-icon:hover {
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.kanban-task-control .dropdown-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  padding: 0.25rem 0.5rem 0.25rem 0.25rem;
  cursor: pointer;
}

.kanban-task-control .kanban-task-remove svg {
  color: #687B8E;
  margin-right: 6px;
  width: 20px;
  height: 20px;
}

.kanban-task-tooltip {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  border-radius: 0.2rem;
  background-color: white;
  padding: 0px 4px;
  position: absolute;
  top: -8px;
  right: 20px;
  font-size: 10px;
  font-weight: bold;
  display: none;
  z-index: 10;
  text-transform: uppercase;
}

.kanban-task:hover .kanban-task-tooltip {
  display: block;
}







.justdo-projects-dashboard-wrapper {
  height: 100%;
  overflow: auto;
}

.justdo-projects-dashboard {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.justdo-projects-dashboard .dashboard-start-message {
  font-size: 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.35;
  padding: 0 5rem;
  height: 100%;
}

.justdo-projects-dashboard .main-part {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.justdo-projects-dashboard .projects-item {
  background-color: white;
  padding: 1rem;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
  transition: -webkit-box-shadow 0.15s ease-in-out;
  -moz-transition: box-shadow 0.15s ease-in-out, -moz-box-shadow 0.15s ease-in-out;
  -o-transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out;
  transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out, -moz-box-shadow 0.15s ease-in-out;
}

.justdo-projects-dashboard .projects-item:hover {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.justdo-projects-dashboard .projects-dropdown button {
  font-weight: bold;
  text-transform: uppercase;
  width: 160px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  background-color: #0069d9;
}

.justdo-projects-dashboard .projects-dropdown .member-selector-dropdown {
  padding: 8px;
}

.justdo-projects-dashboard .justdo-projects-dashboard-owner-selector .justdo-avatar {
  width: 24px;
  height: 24px;
}

.justdo-projects-dashboard .projects-operations {
  margin: 0.5rem 0px;
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 0.5rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.justdo-projects-dashboard .projects-operations svg {
  cursor: pointer;
}

.justdo-projects-dashboard .projects-operations svg:hover {
  background-color: rgba(255, 255, 255, 0.16);
}

.justdo-projects-dashboard .projects-operations-divider {
  width: 1px;
  height: 80%;
  background-color: rgba(255, 255, 255, 0.16);
  margin: 0 0.5rem;
}

.justdo-projects-dashboard .main-part-left-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-shadow: 0 0 0 0.2rem #0069d9 !important;
  -moz-box-shadow: 0 0 0 0.2rem #0069d9 !important;
  box-shadow: 0 0 0 0.2rem #0069d9 !important;
}

.justdo-projects-dashboard .big-picture-data {
  padding: 0.75rem 0.5rem;
}

.justdo-projects-dashboard .big-picture-data .title {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
  opacity: 0.75;
}

.justdo-projects-dashboard .big-picture-data .data {
  font-size: 40px;
  line-height: 44px;
  text-transform: uppercase;
  font-weight: bold;
}

.justdo-projects-dashboard .big-picture-data + .big-picture-data {
  border-top: 1px dashed rgba(255, 255, 255, 0.25);
}

.justdo-projects-dashboard .main-part-charts-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.justdo-projects-dashboard .projects-chart {
  height: 400px;
  margin: 1rem 1rem 1rem 0rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 95, 127, 0.12);
  -moz-box-shadow: 0 0 0 0.2rem rgba(82, 95, 127, 0.12);
  box-shadow: 0 0 0 0.2rem rgba(82, 95, 127, 0.12);
}

.justdo-projects-dashboard .projects-chart .highcharts-root {
  font-family: "Lato" !important;
}

.justdo-projects-dashboard .projects-chart .highcharts-title {
  text-transform: uppercase;
  font-weight: bold;
  fill: black !important;
  font-size: 15px !important;
}

.justdo-projects-dashboard .projects-chart .highcharts-credits {
  display: none;
}

.justdo-projects-dashboard .projects-table {
  margin: 0rem 1rem 1rem 1rem;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 95, 127, 0.12);
  -moz-box-shadow: 0 0 0 0.2rem rgba(82, 95, 127, 0.12);
  box-shadow: 0 0 0 0.2rem rgba(82, 95, 127, 0.12);
}

.justdo-projects-dashboard .projects-table table {
  width: 100%;
  border-collapse: collapse;
}

.justdo-projects-dashboard .projects-table table tr {
  border-bottom: 1px dashed #eaeaea;
}

.justdo-projects-dashboard .projects-table table tr:last-child {
  border-bottom: none;
}

.justdo-projects-dashboard .projects-table table th {
  padding: 0.5rem;
  border-right: 1px dashed #eaeaea;
  text-transform: uppercase;
  font-size: 15px;
}

.justdo-projects-dashboard .projects-table table th:last-child {
  border-right: none;
}

.justdo-projects-dashboard .projects-table table td {
  padding: 0.5rem;
  border-right: 1px dashed #eaeaea;
  font-size: 14px;
}

.justdo-projects-dashboard .projects-table table td:last-child {
  border-right: none;
}

.justdo-projects-dashboard .projects-table .project-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: black;
  text-decoration: none;
  padding: 0.25rem;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.justdo-projects-dashboard .projects-table .project-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.justdo-projects-dashboard .projects-table .project-item:active {
  background-color: #007bff;
  color: white;
}

.justdo-projects-dashboard .projects-table .project-item:active svg {
  color: white;
}

.justdo-projects-dashboard .projects-table .project-item svg {
  margin-right: 0.25rem;
  opacity: 0.5;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.justdo-projects-dashboard .progress-wrapper {
  position: relative;
}

.justdo-projects-dashboard .progress-bar-label {
  position: absolute;
  border: 1px solid #000000;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: white;
  color: black;
  padding: 0 0.2rem;
  top: -10px;
  left: 4px;
  font-size: 9px;
  font-weight: bold;
}

.dashboard-start-message {
  font-size: 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.35;
  padding: 0 5rem;
  height: 100%;
}

.print-dashboard-overlay {
  position: absolute;
  z-index: 99999;
  width: auto;
  height: auto;
  background-color: white;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2rem;
  overflow: auto;
  opacity: 0;
}

.print-dashboard-overlay .justdo-projects-dashboard .projects-dropdown,
.print-dashboard-overlay .justdo-projects-dashboard .projects-operations {
  display: none;
}

.print-dashboard-overlay .justdo-projects-dashboard .projects-item {
  -webkit-box-shadow: 0 0 0 0.2rem #0069d9 !important;
  -moz-box-shadow: 0 0 0 0.2rem #0069d9 !important;
  box-shadow: 0 0 0 0.2rem #0069d9 !important;
}

.print-dashboard-overlay .justdo-projects-dashboard .big-picture-data .title,
.print-dashboard-overlay .justdo-projects-dashboard .big-picture-data .data {
  color: black !important;
}

@media print {
  .print-dashboard-overlay {
    opacity: 1 !important;
  }
}





.merge-justdo-container {
  font-size: 14px;
}

.merge-justdo-container .justdos-selector {
  max-height: 300px;
  overflow: auto;
  padding: 0;
}

.merge-justdo-container .justdos-selector li {
  list-style: none;
  cursor: pointer;
  padding: 8px;
}

.merge-justdo-container .justdos-selector li:hover {
  background: #f0f0f0;
}

.merge-justdo-confirm-container .confirm-merge-box {
  min-width: 300px;
  margin-right: 20px;
}

.merge-justdo-confirm-dialog .modal-content {
  min-height: 600px;
}

.merge-justdo-confirm-dialog button[data-bb-handler="merge"] {
  margin-right: 8px;
}

.merge-justdo-dialog .btn-merge {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.merge-justdo-dialog .btn-merge .jd-icon {
  width: 16px;
  height: 16px;
  stroke-width: 2;
  margin-right: 4px;
  padding: 0;
}



.create-justdo-same-settings {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  background-color: #f0f4f9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 8px;
  padding: 8px 8px 8px 12px;
  height: 44px;
  cursor: pointer;
  -webkit-transition: -webkit-box-shadow 0.35s;
  transition: -webkit-box-shadow 0.35s;
  -moz-transition: box-shadow 0.35s, -moz-box-shadow 0.35s;
  -o-transition: box-shadow 0.35s;
  transition: box-shadow 0.35s;
  transition: box-shadow 0.35s, -webkit-box-shadow 0.35s, -moz-box-shadow 0.35s;
  color: #3D495B;
}

.create-justdo-same-settings:hover {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.create-justdo-same-settings .create-same-justdo-info {
  margin-left: auto;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.create-justdo-same-settings .create-same-justdo-info:hover .project-config-tooltip {
  display: block;
}

.create-justdo-same-settings .create-same-justdo-info .project-config-tooltip {
  width: 250px;
  bottom: 28px;
  right: 0;
}

.create-justdo-same-settings .create-same-justdo-info .jd-icon {
  color: #C5CBD3;
  stroke-width: 2.5;
  padding: 4px;
  cursor: help;
}

.create-justdo-same-settings .create-same-justdo-info .jd-icon:hover {
  color: #76869a;
  background-color: #e8edf3;
}

.create-justdo-same-settings .create-same-justdo-info .divider {
  height: 14px;
  width: 1px;
  background-color: #C5CBD3;
  margin: 0 4px;
  opacity: 0.85;
}





.task-pane-section-justdo-google-docs .new-doc-section {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.task-pane-section-justdo-google-docs .new-doc-section button + button {
  margin-left: 4px;
}

.task-pane-section-justdo-google-docs .files-gallary li {
  padding-top: 8px;
  padding-bottom: 8px;
}

.task-pane-section-justdo-google-docs .files-gallary li .doc-icon {
  width: 24px;
  height: 24px;
}

.task-pane-section-justdo-google-docs .files-gallary li .doc-meta-data {
  margin-left: 12px;
}

.task-pane-section-justdo-google-docs .files-gallary li .delete-shared-doc-button {
  display: none;
}

.task-pane-section-justdo-google-docs .files-gallary li:hover {
  background: #f5f5f5;
}

.task-pane-section-justdo-google-docs .files-gallary li:hover .delete-shared-doc-button {
  display: block;
  color: #AAAAAA;
  cursor: pointer;
}

.task-pane-section-justdo-google-docs .files-gallary li:hover .delete-shared-doc-button:hover {
  color: black;
}



.navigation-notice-icon {
  float: left;
  width: 39px;
  height: 39px;
}

.navigation-notice-clock {
  margin-left: 5px;
  margin-right: 10px;
  margin-top: 16px;
}

.navigation-notice-globe {
  margin-left: 5px;
  margin-right: 10px;
  margin-top: -7px;
}

.modal-dialog .modal-body .do-not-show-again-checkbox {
  position: absolute;
  bottom: -52px;
}

.modal-dialog .modal-body .do-not-show-again-checkbox label {
  font-weight: 600;
  font-size: 14px;
  color: #3D495B;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}



.project-conf-gantt-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}

.settings-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-right: 1px solid #dde7f1;
  margin-right: 12px;
  padding: 3px 12px 3px 20px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}

.settings-btn:hover {
  text-decoration: underline;
}



.plugin-settings-item-toggle {
  padding: 8px 12px;
  font-size: 15px;
  color: #3D495B;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: -webkit-box-shadow 0.35s;
  transition: -webkit-box-shadow 0.35s;
  -moz-transition: box-shadow 0.35s, -moz-box-shadow 0.35s;
  -o-transition: box-shadow 0.35s;
  transition: box-shadow 0.35s;
  transition: box-shadow 0.35s, -webkit-box-shadow 0.35s, -moz-box-shadow 0.35s;
  position: relative;
  cursor: pointer;
}

.plugin-settings-item-toggle:hover {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.plugin-settings-item-toggle .plugin-settings-indicator {
  position: absolute;
  left: 6px;
  top: 6px;
  bottom: 6px;
  height: auto;
  width: 3px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: rgba(49, 69, 99, 0.12);
}

.plugin-settings-item-toggle .plugin-settings-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 8px;
}

.plugin-settings-item-toggle .plugin-settings-title .slack-logo {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}

.plugin-settings-item-toggle .svg-toggle {
  cursor: pointer;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  width: 24px;
  height: 24px;
  color: rgba(49, 69, 99, 0.35);
}



.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .section-title {
  font-size: 11px;
  color: rgba(49, 69, 99, 0.6);
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 8px;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .section-title:first-child {
  margin-top: 0px;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task.active-task {
  background-color: #FEFAED;
  border: 1px solid #F7DF93;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task.predecessors,
.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task.successors {
  background-color: #ecf7ff;
  border: 1px solid #9dd1ef;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task:hover.active-task {
  -webkit-box-shadow: 0 0 0 2px white, 0 0 0 4px #F7DF93;
  -moz-box-shadow: 0 0 0 2px white, 0 0 0 4px #F7DF93;
  box-shadow: 0 0 0 2px white, 0 0 0 4px #F7DF93;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task:hover.predecessors,
.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task:hover.successors {
  -webkit-box-shadow: 0 0 0 2px white, 0 0 0 4px #0a85d4;
  -moz-box-shadow: 0 0 0 2px white, 0 0 0 4px #0a85d4;
  box-shadow: 0 0 0 2px white, 0 0 0 4px #0a85d4;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task {
  cursor: pointer;
  background-color: #cfd8dc;
  padding: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 12px;
  -webkit-transition: -webkit-box-shadow 0.12s linear 0s;
  transition: -webkit-box-shadow 0.12s linear 0s;
  -moz-transition: box-shadow 0.12s linear 0s, -moz-box-shadow 0.12s linear 0s;
  -o-transition: box-shadow 0.12s linear 0s;
  transition: box-shadow 0.12s linear 0s;
  transition: box-shadow 0.12s linear 0s, -webkit-box-shadow 0.12s linear 0s, -moz-box-shadow 0.12s linear 0s;
  position: relative;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task .task-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task .task-item {
  margin-left: 8px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task .user-avatar {
  position: relative;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task .user-avatar img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  width: 28px;
  height: 28px;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task .task-title {
  font-size: 14px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task .task-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-top-width: 1px;
  border-top-style: dashed;
  margin-top: 4px;
  padding-top: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task .task-info-dates {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task.predecessors .task-info,
.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task.successors .task-info {
  border-color: #9dd1ef;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task.active-task .task-info {
  border-color: #F7DF93;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task .task-info-item {
  font-size: 12px;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task .task-info-item.task-critical-path span {
  color: #f77d7d;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task .task-info-item.task-date span {
  font-weight: bold;
  padding-right: 8px;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task .task-badges {
  position: absolute;
  right: 0px;
  top: -16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task .task-state {
  max-width: 120px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task .task-state,
.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task .task-context {
  margin-left: 4px;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task .task-state,
.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task .task-dependency-type {
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0 0.2rem;
  font-size: 10px;
  text-transform: uppercase;
  background-color: white;
  font-weight: bold;
  border: 1px solid black;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task .task-context {
  width: 16px;
  height: 16px;
  padding: 0px;
  background: white;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  cursor: help;
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task .task-context:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.task_pane_justdo_planning_utilities_dependencies_task_pane_section_section .dependencies_tab_task .task-state.has-background {
  color: white;
}



.tab-justdo-dependencies-wrapper {
  padding: 16px 16px 16px 32px;
  height: 100%;
  overflow: auto;
}

.blocking-task:hover,
.task-details:hover {
  text-decoration: underline;
}



.justdo-task-duration-slick-grid {
  text-align: left;
  padding: 4px;
}

.justdo-task-duration-slick-grid-empty {
  top: 0px;
  bottom: 0px;
  position: absolute;
  left: 0px;
  right: 0px;
}



.grid-gantt-floating-elements-container {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-clip-path: inset(-200px 1px);
  clip-path: inset(-200px 1px);
}

.slick-row:first-child .grid-formatter.grid-gantt-formatter {
  padding-top: 0;
}

.grid-control .grid-gantt-formatter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  overflow: hidden;
}

.grid-control .grid-gantt-formatter .gantt-main-bar {
  position: absolute;
  height: 11px;
  top: 10px;
  background-color: #83d9ff;
  border: 1px solid #4bc7ff;
  -webkit-box-shadow: 0px 0px 2px rgba(65, 78, 110, 0.12);
  -moz-box-shadow: 0px 0px 2px rgba(65, 78, 110, 0.12);
  box-shadow: 0px 0px 2px rgba(65, 78, 110, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.grid-control .grid-gantt-formatter .gantt-main-bar.frozen-dates {
  background: -webkit-linear-gradient(135deg, #AEDFEF 0, #AEDFEF 25%, transparent 25%, transparent 50%, #AEDFEF 50%, #AEDFEF 75%, transparent 75%, transparent);
  background: -moz-linear-gradient(135deg, #AEDFEF 0, #AEDFEF 25%, transparent 25%, transparent 50%, #AEDFEF 50%, #AEDFEF 75%, transparent 75%, transparent);
  background: -o-linear-gradient(135deg, #AEDFEF 0, #AEDFEF 25%, transparent 25%, transparent 50%, #AEDFEF 50%, #AEDFEF 75%, transparent 75%, transparent);
  background: linear-gradient(-45deg, #AEDFEF 0, #AEDFEF 25%, transparent 25%, transparent 50%, #AEDFEF 50%, #AEDFEF 75%, transparent 75%, transparent);
  -webkit-background-size: 5px 5px;
  -moz-background-size: 5px 5px;
  -o-background-size: 5px 5px;
  background-size: 5px 5px;
}

.grid-control .grid-gantt-formatter .gantt-main-bar.left-extend {
  border-left: none;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
}

.grid-control .grid-gantt-formatter .gantt-main-bar.right-extend {
  border-right: none;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
}

.grid-control .grid-gantt-formatter .gantt-main-bar.critical-path {
  background-color: #ffa3a3;
  border-color: #ff8a8a;
  position: relative;
}

.grid-control .grid-gantt-formatter .gantt-main-bar.critical-path.frozen-dates {
  background: -webkit-linear-gradient(135deg, #f77d7d 0, #f77d7d 25%, transparent 25%, transparent 50%, #f77d7d 50%, #f77d7d 75%, transparent 75%, transparent);
  background: -moz-linear-gradient(135deg, #f77d7d 0, #f77d7d 25%, transparent 25%, transparent 50%, #f77d7d 50%, #f77d7d 75%, transparent 75%, transparent);
  background: -o-linear-gradient(135deg, #f77d7d 0, #f77d7d 25%, transparent 25%, transparent 50%, #f77d7d 50%, #f77d7d 75%, transparent 75%, transparent);
  background: linear-gradient(-45deg, #f77d7d 0, #f77d7d 25%, transparent 25%, transparent 50%, #f77d7d 50%, #f77d7d 75%, transparent 75%, transparent);
  -webkit-background-size: 5px 5px;
  -moz-background-size: 5px 5px;
  -o-background-size: 5px 5px;
  background-size: 5px 5px;
}

.grid-control .grid-gantt-formatter .gantt-main-bar.buffer-task {
  background: grey;
  border: none;
}

.grid-control .grid-gantt-formatter .gantt-baseline-bar {
  position: absolute;
  height: 4px;
  top: 16px;
  background-color: grey;
  -webkit-box-shadow: 0px 0px 2px rgba(82, 95, 127, 0.16);
  -moz-box-shadow: 0px 0px 2px rgba(82, 95, 127, 0.16);
  box-shadow: 0px 0px 2px rgba(82, 95, 127, 0.16);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.grid-control .grid-gantt-formatter .percentage-bar {
  position: absolute;
  left: -1px;
  top: 0;
  bottom: 0;
  height: 11px;
  background-color: rgba(8, 100, 189, 0.75);
  border: 1px solid rgba(0, 65, 126, 0.75);
  -webkit-border-radius: 2px 0px 0px 2px;
  -moz-border-radius: 2px 0px 0px 2px;
  border-radius: 2px 0px 0px 2px;
  margin: auto 0;
  background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  background-size: 20px 20px;
}

.grid-control .grid-gantt-formatter .percentage-bar.left-extend {
  border-left: none;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
}

.grid-control .grid-gantt-formatter .percentage-bar.right-extend {
  border-right: none;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
}

.grid-control .grid-gantt-formatter .critical-path .percentage-bar {
  background-color: rgba(239, 55, 55, 0.75);
  border-color: rgba(201, 12, 12, 0.75);
}

.grid-control .grid-gantt-formatter .gantt-main-bar-end-drag,
.grid-control .grid-gantt-formatter .gantt-main-bar-start-drag {
  position: absolute;
  height: 10px;
  width: 8px;
  top: 10px;
  cursor: e-resize;
  overflow-x: visible;
  white-space: nowrap;
}

.grid-control .grid-gantt-formatter .gantt-main-bar-end-drag {
  padding-left: 15px;
}

.grid-control .grid-gantt-formatter .gantt-main-bar-start-drag {
  padding-right: 15px;
}

.grid-control .grid-gantt-formatter .gantt-main-bar-start-drop-area,
.grid-control .grid-gantt-formatter .gantt-main-bar-end-drop-area {
  position: absolute;
  height: 10px;
  width: 10px;
  top: 10px;
}

.grid-control .grid-gantt-formatter .gantt-milestone-start-drop-area {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

.grid-control .grid-gantt-formatter .gantt-main-bar-F2x-dependency,
.grid-control .grid-gantt-formatter .gantt-main-bar-S2x-dependency {
  position: absolute;
  height: 10px;
  width: 10px;
  top: 10px;
  cursor: pointer;
  visibility: hidden;
}

.grid-control .grid-gantt-formatter .gantt-main-bar-F2x-dependency .jd-icon,
.grid-control .grid-gantt-formatter .gantt-main-bar-S2x-dependency .jd-icon {
  position: absolute;
  width: 15px;
  height: 15px;
  top: -3px;
  left: 0;
}

.grid-control .grid-gantt-formatter .gantt-main-bar-F2x-dependency {
  padding-left: 15px;
}

.grid-control .grid-gantt-formatter .gantt-main-bar-S2x-dependency {
  padding-right: 15px;
}

.grid-control .grid-gantt-formatter .gantt-basket-border {
  position: absolute;
  height: 21px;
  top: 5px;
  background-color: #E2F4FF;
  border: 1px dashed rgba(40, 132, 191, 0.6);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.grid-control .grid-gantt-formatter .gantt-basket-border.critical-path {
  border-color: #f77d7d;
  background-color: #fee5e5;
  opacity: 0.9;
}

.grid-control .grid-gantt-formatter .gantt-basket-border.critical-path .percentage-bar {
  background-color: rgba(239, 55, 55, 0.5);
  border-color: rgba(201, 12, 12, 0.5);
}

.grid-control .grid-gantt-formatter .gantt-basket-border.left-extend {
  border-left: none;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
}

.grid-control .grid-gantt-formatter .gantt-basket-border.right-extend {
  border-right: none;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
}

.grid-control .grid-gantt-formatter .gantt-basket-border .percentage-bar {
  height: 21px;
  background-color: rgba(8, 100, 189, 0.5);
  border: 1px solid rgba(0, 65, 126, 0.5);
}

.grid-control .grid-gantt-formatter .gantt-milestone,
.grid-control .grid-gantt-formatter .gantt-milestone-baseline {
  position: absolute;
  height: 10px;
  width: 10px;
  top: 10px;
  background-color: #0081ff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 0 0 1px white, 0 0 0 2px #0055a9;
  -moz-box-shadow: 0 0 0 1px white, 0 0 0 2px #0055a9;
  box-shadow: 0 0 0 1px white, 0 0 0 2px #0055a9;
}

.grid-control .grid-gantt-formatter .gantt-milestone.frozen-dates,
.grid-control .grid-gantt-formatter .gantt-milestone-baseline.frozen-dates {
  background: -webkit-gradient(linear, right top, left top, color-stop(0, blue), color-stop(25%, blue), color-stop(25%, transparent), color-stop(50%, transparent), color-stop(50%, blue), color-stop(75%, blue), color-stop(75%, transparent), color-stop(75%, transparent));
  background: -webkit-linear-gradient(right, blue 0, blue 25%, transparent 25%, transparent 50%, blue 50%, blue 75%, transparent 75%, transparent);
  background: -moz-linear-gradient(right, blue 0, blue 25%, transparent 25%, transparent 50%, blue 50%, blue 75%, transparent 75%, transparent);
  background: -o-linear-gradient(right, blue 0, blue 25%, transparent 25%, transparent 50%, blue 50%, blue 75%, transparent 75%, transparent);
  background: linear-gradient(-90deg, blue 0, blue 25%, transparent 25%, transparent 50%, blue 50%, blue 75%, transparent 75%, transparent);
  -webkit-background-size: 4px 4px;
  -moz-background-size: 4px 4px;
  -o-background-size: 4px 4px;
  background-size: 4px 4px;
}

.grid-control .grid-gantt-formatter .gantt-milestone-baseline {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(0, 0, 0, 0.4);
}

.grid-control .grid-gantt-formatter .gantt-due-date-mark {
  position: absolute;
  top: -18px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.grid-control .grid-gantt-formatter .gantt-due-date-mark:hover {
  top: -16px;
}

.grid-control .grid-gantt-formatter .gantt-due-date-mark:active {
  top: -16px;
  cursor: dragging;
}

.grid-control .grid-gantt-formatter .gantt-due-date-mark-icon {
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12);
  width: 16px;
  height: 16px;
  background-color: black;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.grid-control .grid-gantt-formatter .gantt-icons-mark {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
  padding: 0px 4px;
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 0px 6px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  top: 4px;
  bottom: 4px;
  left: 4px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 23px;
}

.grid-control .grid-gantt-formatter .gantt-icons-mark .jd-icon {
  width: 16px;
  height: 16px;
}

.grid-control .grid-gantt-formatter .gantt-icons-mark .gantt-warning {
  color: red;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.grid-control .grid-gantt-formatter .gantt-icons-mark .gantt-has-baseline-indicator {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.grid-control .grid-gantt-formatter .gantt-icons-mark .gantt-warning + .gantt-has-baseline-indicator {
  margin-left: 2px;
}

.grid-gantt-date-hint {
  position: absolute;
  background-color: beige;
  border-color: black;
  border-style: solid;
  border-width: 1px;
  width: 55px;
  height: 14px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: xx-small;
  z-index: 1;
}



.grid-gantt-header .header-div-high-res {
  position: absolute;
  top: 0px;
  text-align: center;
  vertical-align: center;
  color: black;
  font-size: 12px;
  height: 100%;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 2px;
}

.grid-gantt-header .header-div-high-res::before {
  content: "";
  position: absolute;
  height: 3px;
  width: 1px;
  background-color: #bbbbbb;
  bottom: 0;
  right: 50%;
}

.grid-gantt-header .header-div-high-res::after {
  content: "";
  position: absolute;
  height: 7px;
  width: 1px;
  background-color: #bbbbbb;
  bottom: 0;
  right: 0;
}

.grid-gantt-header .header-div-low-res {
  position: absolute;
  border: 1px solid black;
  top: -10px;
  text-align: center;
  color: black;
  background-color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 9px;
  font-weight: bold;
  height: 14px;
  overflow: hidden;
  padding-left: 2px;
  padding-right: 2px;
  text-transform: uppercase;
}

.grid-gantt-header .gantt-start-low-res-mark {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid black;
  margin-top: 15px;
  top: -12px;
}

.grid-gantt-header .grid-gantt-control {
  position: absolute;
  right: 4px;
  bottom: -31px;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.grid-gantt-header .grid-gantt-control .grid-gantt-control-btn {
  background-color: white;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08);
  border: 1px solid silver;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: auto;
  -ms-touch-action: auto;
  touch-action: auto;
}

.grid-gantt-header .grid-gantt-control .grid-gantt-control-btn + .grid-gantt-control-btn {
  margin-left: 2px;
}

.grid-gantt-header .grid-gantt-control .grid-gantt-dropdown-btn {
  opacity: 0.75;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.grid-gantt-header .grid-gantt-control .grid-gantt-dropdown-btn:hover {
  opacity: 1;
}

.grid-gantt-header .grid-gantt-control .grid-gantt-dropdown {
  padding: 0px 8px;
  margin-right: 2px;
  border-right: 1px solid #F0F0F0;
  cursor: pointer;
}

.grid-gantt-header .grid-gantt-control .grid-gantt-dropdown .dropdown-menu {
  min-width: 6rem;
}

.grid-gantt-header .grid-gantt-control .grid-gantt-dropdown .dropdown-item {
  padding: 0.25rem 0.5rem;
  font-size: 13px;
  font-weight: bold;
}

.grid-gantt-header .grid-gantt-control .jd-icon {
  margin: 2px;
  width: 20px;
  height: 20px;
  stroke-width: 2;
  cursor: pointer;
  opacity: 0.75;
}

.grid-gantt-header .grid-gantt-control .jd-icon:hover {
  background-color: rgba(0, 0, 0, 0.08);
  opacity: 1;
}

.grid-gantt-header .grid-gantt-control .jd-icon.disabled {
  color: #AAAAAA;
  pointer-events: none;
}

.grid-gantt-header .grid-gantt-control .grid-gantt-focus-today {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0 4px;
  opacity: 0.65;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.grid-gantt-header .grid-gantt-control .grid-gantt-focus-today:hover {
  opacity: 1;
}



.progress-percentage-slick-grid {
  text-align: right;
  padding: 4px;
}



.justdo-grid-gantt-all-dependencies {
  position: absolute;
  top: 0px;
  height: 100%;
}

.justdo-grid-gantt-all-dependencies .dependency-container {
  position: relative;
  cursor: pointer;
}

.justdo-grid-gantt-all-dependencies .dependency-container:hover,
.justdo-grid-gantt-all-dependencies .dependency-container.active {
  z-index: 21;
}

.justdo-grid-gantt-all-dependencies .dependency-container:hover .dependency-1-2-cancel,
.justdo-grid-gantt-all-dependencies .dependency-container.active .dependency-1-2-cancel {
  visibility: visible;
}

.justdo-grid-gantt-all-dependencies .dependency-container:hover .line,
.justdo-grid-gantt-all-dependencies .dependency-container.active .line {
  border-top-width: 3px;
  border-left-width: 3px;
  z-index: 20;
}

.justdo-grid-gantt-all-dependencies .dependency-container:hover .right-arrow,
.justdo-grid-gantt-all-dependencies .dependency-container:hover .left-arrow,
.justdo-grid-gantt-all-dependencies .dependency-container.active .right-arrow,
.justdo-grid-gantt-all-dependencies .dependency-container.active .left-arrow {
  z-index: 20;
}

.justdo-grid-gantt-all-dependencies .dependency-container:hover .horizontal:before,
.justdo-grid-gantt-all-dependencies .dependency-container.active .horizontal:before {
  content: '';
  position: absolute;
  left: 100%;
  top: -100%;
  height: 2px;
  width: 3px;
  background: black;
}

.justdo-grid-gantt-all-dependencies .dependency-container .line {
  position: absolute;
  z-index: 10;
}

.justdo-grid-gantt-all-dependencies .dependency-container.critical-path .line {
  border-color: #f77d7d;
  z-index: 10;
}

.justdo-grid-gantt-all-dependencies .dependency-container.critical-path .right-arrow,
.justdo-grid-gantt-all-dependencies .dependency-container.critical-path .left-arrow {
  border-top-color: #f77d7d;
  z-index: 10;
}

.justdo-grid-gantt-all-dependencies .dependency-container.critical-path:hover .horizontal:before {
  background: #f77d7d;
}

.justdo-grid-gantt-all-dependencies .dependency-container .horizontal {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #87A2B2;
  height: 5px;
}

.justdo-grid-gantt-all-dependencies .dependency-container .vertical {
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #87A2B2;
  width: 5px;
}

.justdo-grid-gantt-all-dependencies .dependency-container.dep-violated .horizontal {
  border-top-style: dashed;
}

.justdo-grid-gantt-all-dependencies .dependency-container.dep-violated .vertical {
  border-left-style: dashed;
}

.justdo-grid-gantt-all-dependencies .dependency-container .today-indicator {
  border: none;
  width: 1px;
  background: #80b88c;
  z-index: 5;
}

.justdo-grid-gantt-all-dependencies .dependency-container .dependency-1-2-cancel {
  position: absolute;
  visibility: hidden;
}

.justdo-grid-gantt-all-dependencies .dependency-container .dependency-1-2-cancel .jd-icon {
  width: 20px;
  height: 20px;
  fill: white;
}

.justdo-grid-gantt-all-dependencies .dependency-container .right-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 0px solid transparent;
  border-top: 6px solid #87A2B2;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.justdo-grid-gantt-all-dependencies .dependency-container .left-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 0px solid transparent;
  border-top: 6px solid #87A2B2;
  -webkit-transform: rotate(-135deg) translate(-6px, 6px);
  -moz-transform: rotate(-135deg) translate(-6px, 6px);
  -ms-transform: rotate(-135deg) translate(-6px, 6px);
  -o-transform: rotate(-135deg) translate(-6px, 6px);
  transform: rotate(-135deg) translate(-6px, 6px);
}





.baseline-name-filter-container {
  width: 200px;
  margin-bottom: 1rem;
}

.baseline-sort-criteria-container {
  margin-left: 20px;
}

.baseline-sort-criteria-container .dropdown-menu {
  max-height: 200px;
  overflow: auto;
}

.baseline-sort-criteria-container .dropdown-header {
  font-size: 11px;
  text-transform: uppercase;
  padding: 0px 6px;
}

.baseline-sort-criteria-container .dropdown-item {
  padding: 4px 6px;
  font-size: 15px;
  max-width: 260px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.baseline-sort-criteria-container .dropdown-item.active {
  font-weight: bold;
}

.baseline-sort-criteria-container .dropdown-item:active {
  background-color: white;
  color: #007bff;
}

.baseline-list-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem;
}

.baseline-list-table tr {
  -webkit-transition: background-color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  background-color: white;
}

.baseline-list-table tr:hover {
  background-color: #f8f9fa;
}

.baseline-list-table td,
.baseline-list-table th {
  padding: 4px 0px;
  border-top: 1px dashed #eaeaea;
  border-bottom: 1px dashed #eaeaea;
  vertical-align: middle;
  font-size: 14px;
}

.baseline-list-table th {
  color: #525F7F;
  font-size: 12px;
  text-transform: uppercase;
}

.baseline-list-table .baseline-action {
  width: 40px;
  text-align: center;
}

.baseline-list-table .baseline-action-left {
  width: 50px;
  text-align: center;
}

.baseline-list-table .jd-icon {
  padding: 4px;
  stroke-width: 2;
  color: #535f7e;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  cursor: pointer;
}

.baseline-list-table .jd-icon:hover {
  stroke: black;
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.baseline-list-table .baseline-name-col {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.baseline-list-table .baseline-name-col span {
  display: block;
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.baseline-list-table .baseline-name-input {
  border: none;
  padding-left: 0px;
  padding-right: 0px;
  font-style: italic;
}

.baseline-list-table .baseline-name-input:focus {
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.baseline-list-table .baseline-time-col {
  width: 200px;
}

.baseline-list-table .task-col {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.baseline-list-table .baselines-grp-label {
  color: grey;
  font-size: 15px;
  text-align: center;
}

.baseline-list-table .th-creator {
  width: 200px;
}

.baseline-list-table .baseline-creator .baseline-creator-name {
  width: 200px;
  padding-right: 20px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.baseline-empty {
  font-size: 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.35;
  padding: 0px 5rem;
  height: 100%;
}



.jpu_project_pane_baselines {
  padding: 1rem;
  height: 100%;
  overflow: auto;
}

.jpu_project_pane_baselines .baselines-section-title {
  font-weight: bold;
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 8px;
}





.depenedencies-formatter-predecessor {
  cursor: pointer;
}





.urgency-0 {
  color: green;
}

.urgency-1 {
  color: orange;
}

.urgency-2 {
  color: red;
}

.urgency-0-colored-subject .l0 {
  color: green;
}

.urgency-1-colored-subject .l0 {
  color: orange;
}

.urgency-2-colored-subject .l0 {
  color: red;
}









.tab-justdo-projects-health-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.tab-justdo-projects-health-container .projects-health-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
}

.tab-justdo-projects-health-container .projects-health-header .divider {
  width: 1px;
  height: 24px;
  background: #E8EBEE;
}

.tab-justdo-projects-health-container .projects-health-header .projects-health-project-title {
  font-size: 17px;
  font-weight: bold;
}

.tab-justdo-projects-health-container .projects-health-list {
  padding: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: scroll;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.tab-justdo-projects-health-container .projects-health-empty {
  font-size: 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.35;
  padding: 0px 5rem;
  height: 100%;
}

.project-pane-justdo-projects-health-tasks-list {
  font-size: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 8px;
  padding: 16px;
  -webkit-transition: -webkit-box-shadow 0.35s ease 0s;
  transition: -webkit-box-shadow 0.35s ease 0s;
  -moz-transition: box-shadow 0.35s ease 0s, -moz-box-shadow 0.35s ease 0s;
  -o-transition: box-shadow 0.35s ease 0s;
  transition: box-shadow 0.35s ease 0s;
  transition: box-shadow 0.35s ease 0s, -webkit-box-shadow 0.35s ease 0s, -moz-box-shadow 0.35s ease 0s;
}

.project-pane-justdo-projects-health-tasks-list:hover {
  -webkit-box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem;
  -moz-box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem;
  box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem;
}

.project-pane-justdo-projects-health-tasks-list .section-title {
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 100%;
}

.project-pane-justdo-projects-health-tasks-list .section-title:hover {
  text-decoration: underline;
}

.project-pane-justdo-projects-health-tasks-list .section-title .expand-collapse-icon {
  pointer-events: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3;
  fill: none;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 2px, rgba(0, 0, 0, 0.1) 0px 0px 6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 2px, rgba(0, 0, 0, 0.1) 0px 0px 6px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 2px, rgba(0, 0, 0, 0.1) 0px 0px 6px;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  background-color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #546e7a;
  color: #546e7a;
}

.project-pane-justdo-projects-health-tasks-list .projects-health-table {
  margin-top: 8px;
  width: 100%;
}

.project-pane-justdo-projects-health-tasks-list .projects-health-table th {
  color: #525F7F;
  font-size: 12px;
  text-transform: uppercase;
  border-top: 1px dashed #eaeaea;
  border-bottom: none;
  vertical-align: middle;
  padding: 4px 8px;
}

.project-pane-justdo-projects-health-tasks-list .projects-health-table td {
  border-top: 1px dashed #eaeaea;
  border-bottom: 1px dashed #eaeaea;
  padding: 4px 8px;
}

.project-pane-justdo-projects-health-tasks-list .projects-health-table .fixed-width-cell {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 240px;
  max-width: 240px;
}

.project-pane-justdo-projects-health-tasks-list .projects-health-table .fixed-width-cell .owner-cell {
  width: 100px;
  max-width: 100px;
}

.project-pane-justdo-projects-health-tasks-list .projects-health-table .fixed-width-cell .task-cell {
  width: 400px;
  max-width: 400px;
}



.jd-tt-container {
  position: absolute;
  z-index: 10000;
}



.jd-tt-task-info-container {
  max-width: 330px;
  background: white;
  color: #4E5B71;
  -webkit-box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 8px;
  font-size: 14px;
}

.jd-tt-task-info-container .task-title {
  margin-bottom: 8px;
  cursor: pointer;
}

.jd-tt-task-info-container .task-title:hover {
  text-decoration: underline;
}

.jd-tt-task-info-container .sub-section-title {
  font-size: 11px;
  color: rgba(49, 69, 99, 0.5);
  text-transform: uppercase;
  font-weight: bold;
}

.jd-tt-task-info-container .projects {
  padding: 8px 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 4px;
}

.jd-tt-task-info-container .projects-item {
  padding: 8px 0px;
}

.jd-tt-task-info-container .projects-item.task {
  cursor: pointer;
}

.jd-tt-task-info-container .projects-item.task:hover {
  text-decoration: underline;
}

.jd-tt-task-info-container .projects-item + .projects-item {
  border-top: 1px dashed rgba(0, 0, 0, 0.08);
}



.jd-tt-html-container {
  max-width: 330px;
  background: white;
  color: #4E5B71;
  -webkit-box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.35);
  box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.35);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 8px;
  font-size: 14px;
}



.jd-tt-user-info-container {
  max-width: 400px;
  background: white;
  color: #4E5B71;
  -webkit-box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 12px 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.jd-tt-user-info-container .avatar-container {
  position: relative;
}

.jd-tt-user-info-container .avatar {
  width: 45px;
  height: 45px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin-right: 12px;
}

.jd-tt-user-info-container .user-online {
  width: 16px;
  height: 16px;
  background-color: #4caf50;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  top: 0px;
  right: 12px;
  border: 3px solid white;
  z-index: 1;
}

.jd-tt-user-info-container .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

.jd-tt-user-info-container .name {
  font-size: 16px;
  font-weight: bold;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.jd-tt-user-info-container .name + .mail,
.jd-tt-user-info-container .mail + .actions {
  margin-bottom: 2px;
}

.jd-tt-user-info-container .sub-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}

.jd-tt-user-info-container .online-status,
.jd-tt-user-info-container .mail {
  font-size: 14px;
  color: rgba(61, 73, 91, 0.6);
}

.jd-tt-user-info-container .mail {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.jd-tt-user-info-container .dot {
  width: 2px;
  height: 2px;
  background-color: rgba(61, 73, 91, 0.25);
  margin-left: 6px;
  margin-right: 6px;
}

.jd-tt-user-info-container .actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  margin-top: 2px;
}



.expand-grid-dropdown {
  min-width: 100px;
}

.expand-grid-dropdown .dropdown-item {
  font-size: 14px;
  padding: 2px 4px;
  cursor: pointer;
}

.expand-grid-dropdown .dropdown-submenu {
  position: relative;
  min-width: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.expand-grid-dropdown .dropdown-submenu .levels-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}



.gantt-info-tooltip {
  background: white;
  color: #4E5B71;
  -webkit-box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 2px 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  font-weight: bold;
}



.jd-tt-add-new-member-dialog-info-container,
.jd-tt-add-new-member-dialog-info-no-proxy-container {
  max-width: 360px;
  background-color: white;
  color: #4E5B71;
  -webkit-box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 60px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 12px 16px;
  font-size: 14px;
}





.child-risks-and-issues {
  font-size: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 8px;
  padding: 16px;
  -webkit-transition: -webkit-box-shadow 0.35s ease 0s;
  transition: -webkit-box-shadow 0.35s ease 0s;
  -moz-transition: box-shadow 0.35s ease 0s, -moz-box-shadow 0.35s ease 0s;
  -o-transition: box-shadow 0.35s ease 0s;
  transition: box-shadow 0.35s ease 0s;
  transition: box-shadow 0.35s ease 0s, -webkit-box-shadow 0.35s ease 0s, -moz-box-shadow 0.35s ease 0s;
}

.child-risks-and-issues:hover {
  -webkit-box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem;
  -moz-box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem;
  box-shadow: rgba(0, 123, 255, 0.25) 0px 0px 0px 0.2rem;
}

.child-risks-and-issues .section-title {
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 100%;
}

.child-risks-and-issues .section-title:hover {
  text-decoration: underline;
}

.child-risks-and-issues .section-title .expand-collapse-icon {
  pointer-events: none;
  stroke: currentcolor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3;
  fill: none;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 2px, rgba(0, 0, 0, 0.1) 0px 0px 6px;
  -moz-box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 2px, rgba(0, 0, 0, 0.1) 0px 0px 6px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 2px, rgba(0, 0, 0, 0.1) 0px 0px 6px;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
  background-color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #546e7a;
  color: #546e7a;
}

.child-risks-and-issues .justdo-risks-table {
  margin-top: 8px;
  table-layout: fixed;
}

.child-risks-and-issues .justdo-risks-table .jdr-project-pane-display-name:hover {
  color: #4e5862;
}

.child-risks-and-issues .justdo-risks-table .fixed-width-cell {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.child-risks-and-issues .justdo-risks-table th {
  color: #525F7F;
  font-size: 12px;
  text-transform: uppercase;
  border-top: 1px dashed #eaeaea;
  border-bottom: none;
  vertical-align: middle;
  padding: 4px 8px;
}

.child-risks-and-issues .justdo-risks-table th.owner-cell {
  width: 100px;
}

.child-risks-and-issues .justdo-risks-table th.task-cell {
  width: 400px;
}

.child-risks-and-issues .justdo-risks-table th.other-cell {
  width: 80px;
}

.child-risks-and-issues .justdo-risks-table th.spacer {
  width: 10px;
}

.child-risks-and-issues .justdo-risks-table td {
  border-top: 1px dashed #eaeaea;
  border-bottom: 1px dashed #eaeaea;
  padding: 4px 8px;
}

.child-risks-and-issues .justdo-risks-table td.impact,
.child-risks-and-issues .justdo-risks-table td.likelihood,
.child-risks-and-issues .justdo-risks-table td.priority {
  background-color: lightgrey;
  text-transform: capitalize;
}

.child-risks-and-issues .justdo-risks-table td.impact.low,
.child-risks-and-issues .justdo-risks-table td.likelihood.low,
.child-risks-and-issues .justdo-risks-table td.priority.low {
  background-color: yellow;
  border: 1px solid #e6e605;
}

.child-risks-and-issues .justdo-risks-table td.impact.medium,
.child-risks-and-issues .justdo-risks-table td.likelihood.medium,
.child-risks-and-issues .justdo-risks-table td.priority.medium {
  background-color: orange;
  border: 1px solid #d08b0e;
}

.child-risks-and-issues .justdo-risks-table td.impact.high,
.child-risks-and-issues .justdo-risks-table td.likelihood.high,
.child-risks-and-issues .justdo-risks-table td.priority.high {
  background-color: red;
  border: 1px solid #bb0606;
}

.child-risks-and-issues .justdo-risks-table tr.spacer {
  height: 3px;
}



.tab-justdo-risks-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.tab-justdo-risks-container .justdo-risks-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
}

.tab-justdo-risks-container .justdo-risks-header .divider {
  width: 1px;
  height: 24px;
  background: #E8EBEE;
}

.tab-justdo-risks-container .justdo-risks-header .justdo-risks-project-title {
  font-size: 17px;
  font-weight: bold;
}

.tab-justdo-risks-container .justdo-risks-list {
  padding: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: scroll;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.tab-justdo-risks-container .justdo-risks-empty {
  font-size: 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.35;
  padding: 0px 5rem;
  height: 100%;
}



.jdr-risk-issue-indicator {
  width: 6px;
  height: 6px;
  margin-left: 4px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-top: 2px;
}

.jdr-risk-issue-indicator.risk {
  background-color: #084d90;
}

.jdr-risk-issue-indicator.issue {
  background-color: red;
}

.justdo-risks-task-pane-section {
  height: 100%;
}

.justdo-risks-task-pane-section .jdr-section-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  margin: 14px 0;
}

.justdo-risks-task-pane-section .jdr-section-header .created-at {
  font-weight: normal;
  text-transform: capitalize;
  font-size: 13px;
  line-height: 22px;
}

.justdo-risks-task-pane-section .jdr-section {
  background-color: #f0f4f9;
  padding: 8px 12px 12px 12px;
  margin-bottom: 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.justdo-risks-task-pane-section .jdr-section-title {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 6px;
}

.justdo-risks-task-pane-section .jdr-section-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.justdo-risks-task-pane-section .title {
  color: grey;
}

.justdo-risks-task-pane-section .name {
  font-weight: bold;
}

.justdo-risks-task-pane-section textarea {
  width: 100%;
  height: 100px;
  font-family: inherit;
  font-weight: inherit;
  font-size: small;
}

.justdo-risks-task-pane-section #jdr-type-select {
  -webkit-appearance: none;
}

.justdo-risks-task-pane-section .filter-toggle {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 11px;
}

.justdo-risks-task-pane-section .jdr-child {
  cursor: pointer;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
}

.justdo-risks-task-pane-section .jdr-child .content {
  overflow: hidden;
}

.justdo-risks-task-pane-section .jdr-child .text-body {
  font-size: 15px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.justdo-risks-task-pane-section .jdr-priority-btn {
  margin-top: 16px;
  text-decoration: underline;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
}

.justdo-risks-task-pane-section .jdr-priority-btn .jd-icon {
  margin-left: 4px;
  padding: 2px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.justdo-risks-task-pane-section .jdr-priority-btn.collapsed .jd-icon {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.justdo-risks-task-pane-section #jdr-priority-accordion #collapseOne {
  padding: 8px;
  background-color: #f0f4f8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 16px;
}

.justdo-risks-task-pane-section .jdr-priority {
  padding: 8px;
  text-align: center;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  text-transform: capitalize;
  background-color: lightgrey;
  font-size: 0.875rem;
}

.justdo-risks-task-pane-section .jdr-priority.low {
  background-color: yellow;
  border: 2px dashed #e6e605;
}

.justdo-risks-task-pane-section .jdr-priority.medium {
  background-color: orange;
  border: 2px dashed #d08b0e;
}

.justdo-risks-task-pane-section .jdr-priority.high {
  background-color: red;
  border: 2px dashed #bb0606;
}

.justdo-risks-task-pane-section .jdr-arrow-div {
  padding: 12px;
  text-align: center;
}

.justdo-risks-task-pane-section .jdr-likelihood-selector .btn,
.justdo-risks-task-pane-section .jdr-impact-selector .btn {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
  text-transform: capitalize;
  color: black;
  background-color: lightgrey;
}

.justdo-risks-task-pane-section .jdr-likelihood-selector .btn.low,
.justdo-risks-task-pane-section .jdr-impact-selector .btn.low {
  background-color: yellow;
  border: 1px solid #e6e605;
}

.justdo-risks-task-pane-section .jdr-likelihood-selector .btn.low:focus,
.justdo-risks-task-pane-section .jdr-likelihood-selector .btn.low:active,
.justdo-risks-task-pane-section .jdr-impact-selector .btn.low:focus,
.justdo-risks-task-pane-section .jdr-impact-selector .btn.low:active {
  background-color: yellow;
  color: black;
}

.justdo-risks-task-pane-section .jdr-likelihood-selector .btn.medium,
.justdo-risks-task-pane-section .jdr-impact-selector .btn.medium {
  background-color: orange;
  border: 1px solid #d08b0e;
}

.justdo-risks-task-pane-section .jdr-likelihood-selector .btn.medium:focus,
.justdo-risks-task-pane-section .jdr-likelihood-selector .btn.medium:active,
.justdo-risks-task-pane-section .jdr-impact-selector .btn.medium:focus,
.justdo-risks-task-pane-section .jdr-impact-selector .btn.medium:active {
  background-color: orange;
  color: black;
}

.justdo-risks-task-pane-section .jdr-likelihood-selector .btn.high,
.justdo-risks-task-pane-section .jdr-impact-selector .btn.high {
  background-color: red;
  border: 1px solid #bb0606;
}

.justdo-risks-task-pane-section .jdr-likelihood-selector .btn.high:focus,
.justdo-risks-task-pane-section .jdr-likelihood-selector .btn.high:active,
.justdo-risks-task-pane-section .jdr-impact-selector .btn.high:focus,
.justdo-risks-task-pane-section .jdr-impact-selector .btn.high:active {
  background-color: red;
  color: black;
}

.justdo-risks-task-pane-section .dropdown-menu.slideIn.show {
  top: 24px !important;
}

.justdo-risks-task-pane-section .jdr-priority-table {
  background-color: #f0f4f8;
  font-size: 14px;
  font-weight: bold;
}

.justdo-risks-task-pane-section .jdr-priority-table table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid white;
}

.justdo-risks-task-pane-section .jdr-priority-table td {
  text-align: center;
  border: 1px solid #c3ccd6;
  padding: 4px 0px;
}

.justdo-risks-task-pane-section .jdr-unset {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end;
}

.justdo-risks-task-pane-section .jdr-settings-icon {
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  cursor: pointer;
  padding: 0;
  width: 16px;
  height: 24px;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  opacity: 0.6;
}

.justdo-risks-task-pane-section .jdr-settings-icon:hover {
  opacity: 1;
}



#jdr-mitigation-container,
#jdr-contingency-container {
  font-size: 14px;
  padding-bottom: 2em;
}

#jdr-mitigation-container #jdr-mitigation-editor-header,
#jdr-mitigation-container #jdr-contingency-editor-header,
#jdr-contingency-container #jdr-mitigation-editor-header,
#jdr-contingency-container #jdr-contingency-editor-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 4px;
  font-weight: bold;
}

#jdr-mitigation-container #jdr-mitigation-editor,
#jdr-mitigation-container #jdr-contingency-editor,
#jdr-contingency-container #jdr-mitigation-editor,
#jdr-contingency-container #jdr-contingency-editor {
  display: none;
}

#jdr-mitigation-container #jdr-mitigation-display,
#jdr-mitigation-container #jdr-contingency-display,
#jdr-contingency-container #jdr-mitigation-display,
#jdr-contingency-container #jdr-contingency-display {
  margin-bottom: 7px;
  padding-top: 7px;
  max-height: 240px;
  overflow: auto;
  max-width: 750px;
}

#jdr-mitigation-container #jdr-mitigation-display table,
#jdr-mitigation-container #jdr-contingency-display table,
#jdr-contingency-container #jdr-mitigation-display table,
#jdr-contingency-container #jdr-contingency-display table {
  border-collapse: collapse;
}

#jdr-mitigation-container #jdr-mitigation-display table th,
#jdr-mitigation-container #jdr-mitigation-display table td,
#jdr-mitigation-container #jdr-contingency-display table th,
#jdr-mitigation-container #jdr-contingency-display table td,
#jdr-contingency-container #jdr-mitigation-display table th,
#jdr-contingency-container #jdr-mitigation-display table td,
#jdr-contingency-container #jdr-contingency-display table th,
#jdr-contingency-container #jdr-contingency-display table td {
  border: 1px solid grey;
}

#jdr-mitigation-container #jdr-mitigation-display .fr-solid-borders th,
#jdr-mitigation-container #jdr-mitigation-display .fr-solid-borders td,
#jdr-mitigation-container #jdr-contingency-display .fr-solid-borders th,
#jdr-mitigation-container #jdr-contingency-display .fr-solid-borders td,
#jdr-contingency-container #jdr-mitigation-display .fr-solid-borders th,
#jdr-contingency-container #jdr-mitigation-display .fr-solid-borders td,
#jdr-contingency-container #jdr-contingency-display .fr-solid-borders th,
#jdr-contingency-container #jdr-contingency-display .fr-solid-borders td {
  border: 1px solid grey;
}

#jdr-mitigation-container #jdr-mitigation-display .fr-dashed-borders th,
#jdr-mitigation-container #jdr-mitigation-display .fr-dashed-borders td,
#jdr-mitigation-container #jdr-contingency-display .fr-dashed-borders th,
#jdr-mitigation-container #jdr-contingency-display .fr-dashed-borders td,
#jdr-contingency-container #jdr-mitigation-display .fr-dashed-borders th,
#jdr-contingency-container #jdr-mitigation-display .fr-dashed-borders td,
#jdr-contingency-container #jdr-contingency-display .fr-dashed-borders th,
#jdr-contingency-container #jdr-contingency-display .fr-dashed-borders td {
  border: 1px dashed grey;
}

#jdr-mitigation-container #jdr-mitigation-display .fr-no-borders,
#jdr-mitigation-container #jdr-contingency-display .fr-no-borders,
#jdr-contingency-container #jdr-mitigation-display .fr-no-borders,
#jdr-contingency-container #jdr-contingency-display .fr-no-borders {
  border: none;
}

#jdr-mitigation-container #jdr-mitigation-display .fr-no-borders th,
#jdr-mitigation-container #jdr-mitigation-display .fr-no-borders td,
#jdr-mitigation-container #jdr-contingency-display .fr-no-borders th,
#jdr-mitigation-container #jdr-contingency-display .fr-no-borders td,
#jdr-contingency-container #jdr-mitigation-display .fr-no-borders th,
#jdr-contingency-container #jdr-mitigation-display .fr-no-borders td,
#jdr-contingency-container #jdr-contingency-display .fr-no-borders th,
#jdr-contingency-container #jdr-contingency-display .fr-no-borders td {
  border: none;
}

#jdr-mitigation-container #jdr-mitigation-display .fr-alternate-rows tr:nth-child(even),
#jdr-mitigation-container #jdr-contingency-display .fr-alternate-rows tr:nth-child(even),
#jdr-contingency-container #jdr-mitigation-display .fr-alternate-rows tr:nth-child(even),
#jdr-contingency-container #jdr-contingency-display .fr-alternate-rows tr:nth-child(even) {
  background: #f3f3f3;
}

#jdr-mitigation-container #jdr-mitigation-display p:last-child,
#jdr-mitigation-container #jdr-contingency-display p:last-child,
#jdr-contingency-container #jdr-mitigation-display p:last-child,
#jdr-contingency-container #jdr-contingency-display p:last-child {
  margin-bottom: 0;
}

#jdr-mitigation-container:not(.edit-mode) .ql-container,
#jdr-contingency-container:not(.edit-mode) .ql-container {
  display: none;
}

#jdr-mitigation-container:not(.edit-mode) .ql-toolbar,
#jdr-contingency-container:not(.edit-mode) .ql-toolbar {
  display: none;
}

#jdr-mitigation-container .done-edit,
#jdr-contingency-container .done-edit {
  margin-right: 7px;
  border: none;
  color: #ffffff;
  background-color: #2B71CF;
  font-weight: bold;
}

#jdr-mitigation-container .done-edit:hover,
#jdr-contingency-container .done-edit:hover {
  -webkit-box-shadow: 0 0 0 3px rgba(62, 138, 214, 0.5);
  -moz-box-shadow: 0 0 0 3px rgba(62, 138, 214, 0.5);
  box-shadow: 0 0 0 3px rgba(62, 138, 214, 0.5);
}

#jdr-mitigation-container .done-edit:active,
#jdr-contingency-container .done-edit:active {
  -webkit-box-shadow: 0 0 0 3px rgba(62, 138, 214, 0.5);
  -moz-box-shadow: 0 0 0 3px rgba(62, 138, 214, 0.5);
  box-shadow: 0 0 0 3px rgba(62, 138, 214, 0.5);
}

#jdr-mitigation-container .done-edit:focus,
#jdr-contingency-container .done-edit:focus {
  -webkit-box-shadow: 0 0 0 3px rgba(62, 138, 214, 0.5);
  -moz-box-shadow: 0 0 0 3px rgba(62, 138, 214, 0.5);
  box-shadow: 0 0 0 3px rgba(62, 138, 214, 0.5);
}

#jdr-mitigation-container .jdr-mitigation-caption,
#jdr-mitigation-container .jdr-contingency-caption,
#jdr-contingency-container .jdr-mitigation-caption,
#jdr-contingency-container .jdr-contingency-caption {
  margin-top: 8px;
}

#jdr-mitigation-container .fr-box.fr-basic .fr-element,
#jdr-contingency-container .fr-box.fr-basic .fr-element {
  height: 270px;
  resize: vertical;
}

#jdr-mitigation-container.edit-mode #jdr-mitigation-editor {
  display: block;
}

#jdr-mitigation-container.edit-mode #jdr-mitigation-display {
  display: none;
}

#jdr-mitigation-container.edit-mode #jdr-mitigation-edit {
  display: none;
}

#jdr-contingency-container.edit-mode #jdr-contingency-editor {
  display: block;
}

#jdr-contingency-container.edit-mode #jdr-contingency-display {
  display: none;
}

#jdr-contingency-container.edit-mode #jdr-contingency-edit {
  display: none;
}





.site-admins-menu-item {
  font-size: 15px;
  margin: 0px 27px;
  padding: 12px 0;
  line-height: 100%;
  border-top: 1px solid #eceff1;
  color: #3D495B;
  opacity: 0.8;
  cursor: pointer;
  position: relative;
}

.site-admins-menu-item:hover {
  opacity: 1;
}

.site-admins-menu-item.active {
  opacity: 1;
}

.site-admins-menu-item.active .site-admins-menu-item-active {
  display: block;
}

.site-admins-menu-item-active {
  position: absolute;
  width: 4px;
  top: 0;
  height: 100%;
  left: -27px;
  display: none;
  -webkit-border-radius: 0px 1px 1px 0px;
  -moz-border-radius: 0px 1px 1px 0px;
  border-radius: 0px 1px 1px 0px;
}



.non-admin {
  padding: 24px;
}

.non-admin .site-admins-title {
  font-weight: bold;
  font-size: 18px;
  color: #3D495B;
  margin-bottom: 12px;
  max-width: 700px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.non-admin .refresh-site-admins {
  font-weight: bold;
}

.non-admin .site-admins-list-header {
  padding: 0px 12px;
}

.non-admin .site-admins-list-header-name,
.non-admin .site-admins-list-header-email {
  pointer-events: none;
}



.site-admins-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.site-admins-container .tab-content,
.site-admins-container .tab-pane,
.site-admins-container .tab-pane-container,
.site-admins-container .site-admins-section-container,
.site-admins-container .site-admins-content {
  height: 100%;
}

.site-admins-container .tab-pane-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.site-admins-container .site-admins-section-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  padding-left: 20px;
}

.page-justdo_site_admins_page,
.page-justdo_site_admins_page_members,
.page-justdo_site_admins_page_registrable_users {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100%;
  padding: 0;
}

.site-admins-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 268px;
  padding: 20px 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.site-admins-menu-title {
  font-weight: bold;
  font-size: 18px;
  color: #3D495B;
  padding: 0 27px;
  margin-bottom: 12px;
}

.site-admins-section-title {
  font-weight: bold;
  font-size: 18px;
  color: #3D495B;
  margin-bottom: 12px;
  padding: 20px 20px 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}



.site-admins-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.site-admins-header .btn-primary {
  font-weight: bold;
  text-transform: uppercase;
}

.site-admins-header .users-filter-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 700px;
}

.site-admins-header .users-filter-wrapper .input-wrapper {
  position: relative;
  width: 100%;
}

.site-admins-header .users-filter-wrapper .users-filter {
  padding-left: 12px;
}

.site-admins-header .users-filter-wrapper .users-filter-control {
  position: absolute;
  right: 3px;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-admins-header .users-filter-wrapper .users-filter-count {
  color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
  margin-right: 4px;
  font-size: 14px;
  padding: 5px;
  line-height: 100%;
}

.site-admins-header .users-filter-wrapper .users-filter-clear {
  stroke-width: 2;
}

.site-admins-header .users-filter-wrapper .users-filter-clear:hover {
  stroke: black;
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.site-admins-header .refresh-site-users {
  margin-left: 12px;
}

.site-admins-header .site-admins-info {
  max-width: 700px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  padding: 8px 12px;
  font-size: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #525F7F;
}

.site-admins-header .site-admins-info-divider {
  background-color: #e7e7e7;
  width: 1px;
  height: 20px;
  margin: 0 12px;
}

.site-admins-header .site-admins-info-value {
  font-weight: bold;
  margin-left: 4px;
}

.site-admins-header .site-admins-list-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.site-admins-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: auto;
}

.site-admins-content .site-admins-list {
  max-width: 700px;
  padding-top: 2px;
  width: 100%;
  display: table;
}

.site-admins-list-header {
  max-width: 700px;
  padding: 16px 12px 12px 12px;
}

.site-admins-list-header-name,
.site-admins-list-header-email,
.site-admins-list-header-remarks,
.site-admins-list-header-action {
  font-weight: bold;
  font-size: 11px;
  color: rgba(49, 69, 99, 0.6);
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-admins-list-header-name:hover,
.site-admins-list-header-email:hover,
.site-admins-list-header-remarks:hover,
.site-admins-list-header-action:hover {
  color: #314563;
  text-decoration: underline;
}

.site-admins-list-header-name.active,
.site-admins-list-header-email.active,
.site-admins-list-header-remarks.active,
.site-admins-list-header-action.active {
  color: #314563;
}

.site-admins-list-header-name.active .jd-icon,
.site-admins-list-header-email.active .jd-icon,
.site-admins-list-header-remarks.active .jd-icon,
.site-admins-list-header-action.active .jd-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.site-admins-list-header-name .jd-icon,
.site-admins-list-header-email .jd-icon,
.site-admins-list-header-remarks .jd-icon,
.site-admins-list-header-action .jd-icon {
  width: 16px;
  height: 16px;
  stroke-width: 3px;
  color: #314563;
  margin-left: 2px;
  display: none;
}

.site-admins-list-header-name,
.site-admins-list-item-name,
.site-admins-list-header-email,
.site-admins-list-item-email {
  width: 240px;
}

.site-admins-list-item-email {
  color: #525F7F;
}

.site-admins-list-item-name,
.site-admins-list-item-email {
  padding-right: 20px;
}

.site-admins-list-item-name span,
.site-admins-list-item-email span {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.site-admins-list-header-action,
.site-admins-list-item-action {
  width: 16px;
}

.site-admins-list-header-remarks,
.site-admins-list-item-remarks {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.site-admins-list-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 8px 0px 8px 12px;
  border-top: 1px solid #eceff1;
  -webkit-transition: background-color 0.25s;
  -moz-transition: background-color 0.25s;
  -o-transition: background-color 0.25s;
  transition: background-color 0.25s;
}

.site-admins-list-item:last-child {
  margin-bottom: 30px;
}

.site-admins-list-item:hover {
  background-color: #F7F8F9;
}

.site-admins-list-item:hover .site-admins-list-item-action {
  opacity: 1;
}

.site-admins-list-item-name,
.site-admins-list-item-email,
.site-admins-list-item-remarks,
.site-admins-list-item-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-admins-list-item-name,
.site-admins-list-item-email {
  font-size: 15px;
}

.site-admins-list-item-name .justdo-avatar {
  margin-right: 8px;
}

.site-admins-list-item-action {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  cursor: pointer;
  margin-right: 8px;
}

.site-admins-list-item-action .jd-icon {
  padding: 0;
  width: 20px;
  height: 20px;
}



.site-admin-user-dropdown {
  background-color: #ffffff;
  padding: 0.75rem;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.site-admin-user-dropdown .dropdown-item {
  font-size: 15px;
  cursor: pointer;
  padding: 4px;
}



.site-admin-registrable-users-content {
  padding: 0px 20px 20px 20px;
  max-width: 700px;
}

.registrable-users-dialog .registrable-users-info {
  color: #525F7F;
  font-size: 15px;
  margin-bottom: 12px;
  padding: 8px 12px;
}

.registrable-users-dialog textarea {
  width: 100%;
  min-height: 250px;
  max-height: 250px;
  padding: 8px 12px;
}

.registrable-users-dialog .registrable-users-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  margin-top: 20px;
}

.registrable-users-dialog .save-registrable-users {
  text-transform: uppercase;
  font-weight: bold;
}



.admin-chat-mgmt-helper {
  position: absolute;
  z-index: -100;
  pointer-events: none;
}

.admin-chat-mgmt-dropdown {
  z-index: 99999;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.admin-chat-mgmt-dropdown .dropdown-item {
  font-size: 15px;
  cursor: pointer;
  padding: 4px 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid;
  border-radius: 4px;
}





.justdo-quick-notes-activation {
  position: relative;
}

.justdo-quick-notes-activation.no-unread {
  color: #999;
}

.unread-count {
  background-color: #c7181f;
  position: absolute;
  top: -6px;
  right: -3px;
  color: #ffffff;
  font-weight: bold;
  font-size: 10px;
  border: 2px solid #ffffff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  padding: 0px 4px;
  cursor: pointer;
}

.no-unread .unread-count {
  display: none;
}

.off-the-charts .unread-count {
  padding: 4px 3px;
}

.double-digit .unread-count {
  right: -6px;
}

.off-the-charts .unread-count {
  right: -13px;
  font-size: 8px;
  line-height: 8px;
}



.quick-notes-dropdown {
  z-index: 150;
}

.slick-cell.quick-note-droppable-cell {
  z-index: 102;
  -webkit-box-shadow: 0 0 0 8px white;
  -moz-box-shadow: 0 0 0 8px white;
  box-shadow: 0 0 0 8px white;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  border-right-color: transparent;
}

.slick-cell.quick-note-droppable-cell:after {
  content: "";
  position: absolute;
  width: auto;
  height: auto;
  bottom: -5px;
  top: -5px;
  left: 12px;
  right: -6px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: rgba(10, 133, 212, 0.08);
  border: 2px dashed rgba(8, 133, 212, 0.5);
}

.quick-notes-dropdown-content .quick-notes-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 460px;
  width: 320px;
}

.quick-notes-dropdown-content .quick-notes-list-title {
  margin: 0px 16px;
  color: black;
  font-size: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-basis: 40px;
  -ms-flex-preferred-size: 40px;
  flex-basis: 40px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.quick-notes-dropdown-content .quick-notes-list-title .jd-icon {
  padding: 0px;
  color: #848fa1;
}

.quick-notes-dropdown-content .quick-notes-list-title .quick-notes-completed-toggle {
  width: 18px;
  height: 20px;
}

.quick-notes-dropdown-content .quick-notes-list-title .quick-notes-completed-dropdown {
  height: 20px;
  width: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 4px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.quick-notes-dropdown-content .quick-notes-list-title .quick-notes-completed-dropdown .quick-notes-completed-dropdown-menu {
  position: absolute;
  top: 8px;
  right: 0;
  padding: 8px;
  z-index: 11;
  display: none;
}

.quick-notes-dropdown-content .quick-notes-list-title .quick-notes-completed-dropdown .quick-notes-completed-dropdown-menu.open {
  display: block;
}

.quick-notes-dropdown-content .quick-notes-list-title .quick-notes-completed-dropdown .quick-notes-completed-delete {
  white-space: nowrap;
  padding: 4px 8px;
}

.quick-notes-dropdown-content .quick-notes-list-title .quick-notes-completed-dropdown .quick-notes-completed-delete:hover {
  background-color: #f8f9fa;
}

.quick-notes-dropdown-content .quick-notes-list-title .quick-notes-completed-more {
  width: 14px;
  height: 20px;
}

.quick-notes-dropdown-content .quick-notes-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 16px;
}

.quick-notes-dropdown-content .quick-notes-list.active {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: auto;
}

.quick-notes-dropdown-content .quick-notes-list.completed {
  overflow: auto;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.quick-notes-dropdown-content .quick-notes-list-empty {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: rgba(49, 69, 99, 0.25);
  font-size: 15px;
}

.quick-notes-dropdown-content .quick-notes-completed-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 40px;
  -ms-flex-preferred-size: 40px;
  flex-basis: 40px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
  -webkit-transition: -webkit-flex-basis 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-flex-basis 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: -webkit-flex-basis 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-flex-basis 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: flex-basis 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -moz-flex-basis 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: flex-basis 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: flex-basis 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: flex-basis 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-flex-basis 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -webkit-flex-basis 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -moz-flex-basis 0.3s cubic-bezier(0.25, 0.1, 0.25, 1), -ms-flex-preferred-size 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.quick-notes-dropdown-content .quick-notes-completed-wrapper.show {
  -webkit-flex-basis: 240px;
  -ms-flex-preferred-size: 240px;
  flex-basis: 240px;
  overflow: auto;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
}

.quick-notes-dropdown-content .quick-notes-completed-wrapper.show .quick-notes-list-title {
  border-bottom: 1px solid #ced4da;
}

.quick-notes-dropdown-content .quick-notes-completed-wrapper .quick-notes-list-title {
  cursor: pointer;
}

.quick-notes-dropdown-content .quick-note {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  padding: 8px 20px;
  cursor: pointer;
  -webkit-transition: -webkit-box-shadow 0.25s;
  transition: -webkit-box-shadow 0.25s;
  -moz-transition: box-shadow 0.25s, -moz-box-shadow 0.25s;
  -o-transition: box-shadow 0.25s;
  transition: box-shadow 0.25s;
  transition: box-shadow 0.25s, -webkit-box-shadow 0.25s, -moz-box-shadow 0.25s;
  position: relative;
}

.quick-notes-dropdown-content .quick-note::after {
  content: "";
  position: absolute;
  width: auto;
  left: 20px;
  right: 20px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  bottom: 0;
}

.quick-notes-dropdown-content .quick-note:last-child::after {
  border: none;
}

.quick-notes-dropdown-content .quick-note:hover {
  background-color: #f8f9fa;
}

.quick-notes-dropdown-content .quick-note:hover .quick-note-highlighter {
  opacity: 0.5;
}

.quick-notes-dropdown-content .quick-note:hover .quick-note-delete {
  opacity: 0.5;
}

.quick-notes-dropdown-content .quick-note.mouse-down {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.quick-notes-dropdown-content .quick-note.active {
  background-color: #f8f9fa;
}

.quick-notes-dropdown-content .quick-note.active .quick-note-highlighter {
  opacity: 1;
}

.quick-notes-dropdown-content .quick-note.active .quick-note-delete {
  opacity: 0.5;
}

.quick-notes-dropdown-content .quick-note.ui-draggable-dragging {
  background-color: white;
  -webkit-box-shadow: 0 0 0 2px #0a85d4, 0 1rem 3rem rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 0 0 2px #0a85d4, 0 1rem 3rem rgba(0, 0, 0, 0.18);
  box-shadow: 0 0 0 2px #0a85d4, 0 1rem 3rem rgba(0, 0, 0, 0.18);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: none;
  opacity: 0.75;
  z-index: 10;
}

.quick-notes-dropdown-content .quick-note.ui-draggable-dragging .quick-note-mark,
.quick-notes-dropdown-content .quick-note.ui-draggable-dragging .quick-note-highlighter,
.quick-notes-dropdown-content .quick-note.ui-draggable-dragging .quick-note-delete {
  opacity: 0;
}

.quick-notes-dropdown-content .quick-note.ui-droppable-hover:not(.ui-draggable-dragging) {
  -webkit-box-shadow: 0px 2px 0px 0px #848fa1;
  -moz-box-shadow: 0px 2px 0px 0px #848fa1;
  box-shadow: 0px 2px 0px 0px #848fa1;
}

.quick-notes-dropdown-content .quick-note.ui-droppable-hover:not(.ui-draggable-dragging)::after {
  border: none;
}

.quick-notes-dropdown-content .quick-note-highlighter {
  position: absolute;
  height: 100%;
  top: 0;
  bottom: 0;
  width: 3px;
  left: 0px;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
  opacity: 0;
}

.quick-notes-dropdown-content .quick-note-zero {
  height: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.quick-notes-dropdown-content .quick-note-zero.ui-droppable-hover {
  -webkit-box-shadow: 0px 2px 0px 0px #848fa1;
  -moz-box-shadow: 0px 2px 0px 0px #848fa1;
  box-shadow: 0px 2px 0px 0px #848fa1;
}

.quick-notes-dropdown-content .quick-note.done .quick-note-title {
  color: #3D495B;
  text-decoration: line-through;
}

.quick-notes-dropdown-content .quick-note.done .quick-note-mark .quick-note-mark-check {
  opacity: 0.5;
}

.quick-notes-dropdown-content .quick-note.done .quick-note-mark:hover .quick-note-mark-check {
  opacity: 1;
}

.quick-notes-dropdown-content .quick-note-mark {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 22px;
  width: 18px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  -moz-transition: transform 0.25s, -moz-transform 0.25s;
  -o-transition: transform 0.25s, -o-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s, -moz-transform 0.25s, -o-transform 0.25s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.quick-notes-dropdown-content .quick-note-mark:active {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

.quick-notes-dropdown-content .quick-note-mark .jd-icon {
  position: absolute;
  width: 18px;
  height: 18px;
  padding: 0px;
  stroke-width: 2.5;
  background-color: white;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  z-index: 3;
}

.quick-notes-dropdown-content .quick-note-mark .jd-icon.quick-note-mark-check {
  color: #08c116;
  opacity: 0;
}

.quick-notes-dropdown-content .quick-note-mark .jd-icon.quick-note-mark-circle {
  color: #848fa1;
}

.quick-notes-dropdown-content .quick-note-mark .circular {
  height: 18px;
  width: 18px;
  position: relative;
  display: none;
}

.quick-notes-dropdown-content .quick-note-mark .circular .circle-bg {
  width: 14px;
  height: 14px;
  background-color: white;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: 2;
}

.quick-notes-dropdown-content .quick-note-mark .circular .quick-note-bar {
  position: absolute;
  height: 100%;
  width: 100%;
  background: white;
  clip: rect(0px, 18px, 18px, 9px);
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

.quick-notes-dropdown-content .quick-note-mark .circular .quick-note-progress {
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  clip: rect(0px, 9px, 18px, 0px);
  background: #08c116;
}

.quick-notes-dropdown-content .quick-note-mark .circular .circle .right {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  z-index: 1;
}

.quick-notes-dropdown-content .quick-note-mark .circular .circle .left .quick-note-progress {
  z-index: 1;
  -webkit-animation: animate-check-circle 0.16s linear both;
  -moz-animation: animate-check-circle 0.16s linear both;
  -o-animation: animate-check-circle 0.16s linear both;
  animation: animate-check-circle 0.16s linear both;
}

.quick-notes-dropdown-content .quick-note-mark .circular .circle .right .quick-note-progress {
  -webkit-animation: animate-check-circle 0.16s linear both;
  -moz-animation: animate-check-circle 0.16s linear both;
  -o-animation: animate-check-circle 0.16s linear both;
  animation: animate-check-circle 0.16s linear both;
  -webkit-animation-delay: 0.12s;
  -moz-animation-delay: 0.12s;
  -o-animation-delay: 0.12s;
  animation-delay: 0.12s;
}

@-webkit-keyframes animate-check-circle {
  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@-moz-keyframes animate-check-circle {
  100% {
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@-o-keyframes animate-check-circle {
  100% {
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

@keyframes animate-check-circle {
  100% {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

.quick-notes-dropdown-content .quick-note-mark:hover .quick-note-mark-check {
  opacity: 1;
}

.quick-notes-dropdown-content .quick-note-mark:hover .quick-note-mark-circle {
  opacity: 0;
}

.quick-notes-dropdown-content .quick-note.switching .quick-note-mark .circular {
  display: block;
}

.quick-notes-dropdown-content .quick-note.switching .quick-note-mark .quick-note-mark-circle {
  opacity: 0;
}

.quick-notes-dropdown-content .quick-note.switching .quick-note-mark .quick-note-mark-check {
  opacity: 0 !important;
}

.quick-notes-dropdown-content .quick-note.completed {
  text-decoration: line-through;
}

.quick-notes-dropdown-content .quick-note.completed .quick-note-mark .quick-note-mark-check {
  opacity: 1;
}

.quick-notes-dropdown-content .quick-note.completed .quick-note-mark .quick-note-mark-circle {
  opacity: 0;
}

.quick-notes-dropdown-content .quick-note-add-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.quick-notes-dropdown-content .quick-note-add-btn {
  position: absolute;
  right: 20px;
  bottom: 9px;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.quick-notes-dropdown-content .quick-note-add-btn.show {
  opacity: 0.75;
  pointer-events: auto;
}

.quick-notes-dropdown-content .quick-note-add-btn.show:hover {
  opacity: 1;
}

.quick-notes-dropdown-content .quick-note-add {
  font-size: 15px;
  border-top: none;
  border-left: none;
  border-right: none;
  margin: 0px 20px;
  width: 100%;
  height: auto;
  padding: 16px 40px 8px 0px;
}

.quick-notes-dropdown-content .quick-note-add:focus {
  outline: none;
}

.quick-notes-dropdown-content .quick-note-title {
  font-size: 15px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0px 8px;
  word-wrap: break-word;
  overflow: hidden;
}

.quick-notes-dropdown-content .quick-note-title:focus {
  outline: none;
}

.quick-notes-dropdown-content .quick-note-delete {
  width: 16px;
  height: 22px;
  padding: 0;
  stroke-width: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 16px;
  -ms-flex-preferred-size: 16px;
  flex-basis: 16px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
  opacity: 0;
  cursor: pointer;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.quick-notes-dropdown-content .quick-note-delete:hover {
  opacity: 1 !important;
}

.quick-notes-dropdown-content .quick-note-delete:active {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}



#grid-views-dropdown-button .jd-icon {
  padding: 3px;
}



.grid-views-dropdown-menu {
  padding: 12px 0;
  background-color: white;
  z-index: 150;
}

.grid-views-dropdown-menu .grid-views-dropdown-menu-content {
  min-width: 320px;
}

.grid-views-dropdown-menu .grid-views-search-wrapper {
  margin: 0px 12px 8px 12px;
  position: relative;
}

.grid-views-dropdown-menu .grid-views-search-wrapper .search-icon {
  position: absolute;
  padding: 4px;
  stroke-width: 2.5;
  opacity: 0.4;
  left: 4px;
}

.grid-views-dropdown-menu .grid-views-search-input {
  padding-left: 28px;
}

.grid-views-dropdown-menu .dropdown-items-wrapper {
  max-height: 320px;
  width: 360px;
  overflow: auto;
  padding: 0 12px;
}

.grid-views-dropdown-menu .dropdown-item {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.grid-views-dropdown-menu .dropdown-item:hover .dropdown-item-settings {
  opacity: 1;
}

.grid-views-dropdown-menu .dropdown-item:active,
.grid-views-dropdown-menu .dropdown-item:focus {
  outline: none;
}

.grid-views-dropdown-menu .dropdown-item .jd-icon-dropdown {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.grid-views-dropdown-menu .dropdown-item-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 24px;
}

.grid-views-dropdown-menu .grid-view-item .dropdown-item-label {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  padding-right: 8px;
}

.grid-views-dropdown-menu .grid-view-item .dropdown-item-label span {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.grid-views-dropdown-menu .grid-view-item .dropdown-item-shared {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  padding-right: 4px;
  padding-left: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: rgba(49, 69, 99, 0.6);
}

.grid-views-dropdown-menu .dropdown-item-rename {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.grid-views-dropdown-menu .dropdown-item-rename-input {
  height: 24px;
  font-size: 16px;
  padding: 0 0 0 4px;
}

.grid-views-dropdown-menu .dropdown-item-rename-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 4px 0 8px;
}

.grid-views-dropdown-menu .dropdown-item-rename-actions .jd-icon {
  margin: 0px;
  cursor: pointer;
  display: block;
  padding: 4px;
  stroke-width: 2;
  color: #535f7e;
  background-color: rgba(0, 0, 0, 0.04);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.grid-views-dropdown-menu .dropdown-item-rename-actions .jd-icon:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  stroke: black;
  background-color: rgba(0, 0, 0, 0.08);
}

.grid-views-dropdown-menu .dropdown-item-settings {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.4;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.grid-views-dropdown-menu .dropdown-item-settings .jd-icon {
  padding: 0;
  width: 14px;
  height: 20px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.grid-views-dropdown-menu .dropdown-item-settings .jd-icon:hover {
  background-color: rgba(206, 212, 217, 0.5);
}

.grid-views-dropdown-menu hr {
  border-style: dashed;
  margin: 8px 0;
}

.grid-views-dropdown-menu .grid-views-add {
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 4px;
  width: 100%;
}

.grid-views-dropdown-menu .grid-view-settings-dropdown {
  position: absolute;
  padding: 8px;
  width: 120px;
  background-color: white;
  display: none;
}

.grid-views-dropdown-menu .grid-view-settings-dropdown.open {
  display: inline-block;
}

.grid-views-dropdown-menu .grid-view-settings-dropdown .dropdown-item {
  font-size: 15px;
}

.grid-views-dropdown-menu .grid-view-settings-dropdown .dropdown-item .jd-icon-dropdown {
  margin-right: 6px;
  padding: 2px;
}

.grid-views-dropdown-menu .grid-views-empty {
  padding: 16px;
  text-align: center;
}

.grid-views-dropdown-menu .dropdown-footer {
  margin: 0 12px;
}



.project-conf-justdo-jira-integration-config {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.project-conf-justdo-jira-integration-config .fa-toggle-on {
  color: #337ab7;
}

.project-conf-jira-integration-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}



.bootbox-jira-config .modal-content {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.18);
  border: none;
}

.bootbox-jira-config .modal-dialog {
  padding-top: 24px;
}

.bootbox-jira-config .modal-body {
  padding: 24px;
}

.bootbox-jira-config .modal-header,
.bootbox-jira-config .modal-footer {
  border-color: #EDF1F8;
}

.jira-field-map-header {
  margin-bottom: 8px;
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.jira-field-map-header-title,
.jira-field-map-add-row {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}

.jira-field-map-header-select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.jira-field-map-container .dropdown-menu a {
  padding-left: 4px;
}

.jira-field-map-project-select {
  margin-left: 12px !important;
  width: 180px !important;
}

.jira-field-map-project-select .filter-option-inner-inner {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.jira-field-map-project-select .dropdown-toggle {
  padding: 4px 8px;
  border-color: #dee2e6;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
}

.jira-field-map-project-select .dropdown-toggle:hover {
  text-decoration: underline;
}

.jira-field-map-project-select .dropdown-toggle::after {
  display: none;
}

.jira-field-map-add-row {
  cursor: pointer;
}

.jira-field-map-add-row:hover {
  text-decoration: underline;
}

.jira-connection-status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  border: 1px dashed;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 15px;
  color: #3D495B;
}

.jira-connection-status .jira-login-link {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
}

.jira-connection-status .jira-connection-status-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.1;
  pointer-events: none;
}

.jira-default-fields {
  font-size: 15px;
  margin-top: 24px;
}

.jira-default-fields .jira-default-fields-msg {
  text-align: center;
  padding: 8px 60px;
  color: rgba(61, 73, 91, 0.55);
}

.jira-default-fields .jira-default-fields-show {
  cursor: pointer;
  position: relative;
}

.jira-default-fields .jira-default-fields-show:hover {
  text-decoration: underline;
}

.jira-default-fields .jira-default-fields-show:hover .jira-default-fields-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.jira-default-fields .jira-default-fields-list {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  background-color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  right: 0;
  bottom: 20px;
  padding: 8px;
  color: #3D495B;
  z-index: 10;
}

.jira-default-fields .jira-default-fields-list .jira-field-pair {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
}

.jira-default-fields .jira-default-fields-list .jira-field-pair .field-name {
  white-space: nowrap;
  padding: 4px 8px;
  width: 120px;
  position: relative;
}

.jira-default-fields .jira-default-fields-list .jira-field-pair .field-name.jd {
  margin-right: 4px;
  color: white;
}

.jira-default-fields .jira-default-fields-list .jira-field-pair .field-name.jira .field-name-bg {
  opacity: 0.2;
}

.jira-default-fields .jira-default-fields-list .jira-field-pair .field-name .field-name-text {
  position: relative;
  z-index: 2;
}

.jira-default-fields .jira-default-fields-list .jira-field-pair .field-name .field-name-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.jira-default-fields .jira-default-fields-list .jira-field-pair + .jira-field-pair {
  margin-top: 4px;
}

.jira-field-map-rows-wrapper {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  height: 240px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 8px;
  overflow: auto;
}

.jira-field-map-rows-wrapper .jira-field-map-empty-msg {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  color: rgba(49, 69, 99, 0.32);
}

.jira-field-map-rows-wrapper .custom-jira-field-pair {
  padding: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
  margin-bottom: 6px;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
  -webkit-transition: -webkit-box-shadow 0.35s;
  transition: -webkit-box-shadow 0.35s;
  -moz-transition: box-shadow 0.35s, -moz-box-shadow 0.35s;
  -o-transition: box-shadow 0.35s;
  transition: box-shadow 0.35s;
  transition: box-shadow 0.35s, -webkit-box-shadow 0.35s, -moz-box-shadow 0.35s;
  position: relative;
}

.jira-field-map-rows-wrapper .custom-jira-field-pair .jira-field-map-justdo-field,
.jira-field-map-rows-wrapper .custom-jira-field-pair .jira-field-map-jira-field {
  position: relative;
}

.jira-field-map-rows-wrapper .custom-jira-field-pair .jira-field-map-justdo-field {
  margin-right: 4px;
}

.jira-field-map-rows-wrapper .custom-jira-field-pair .jira-field-map-field-tag {
  top: -10px;
  left: 0;
  text-transform: uppercase;
  font-size: 10px;
  background-color: white;
  font-weight: bold;
  padding: 0px 4px;
  z-index: 3;
  display: none;
  position: absolute;
  -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32);
  -moz-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32);
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #3D495B;
}

.jira-field-map-rows-wrapper .custom-jira-field-pair .pair-field-select {
  position: relative;
  z-index: 2;
}

.jira-field-map-rows-wrapper .custom-jira-field-pair .pair-field-select .dropdown-menu {
  z-index: 10;
}

.jira-field-map-rows-wrapper .custom-jira-field-pair .pair-field-select .dropdown-menu a {
  padding-left: 4px;
}

.jira-field-map-rows-wrapper .custom-jira-field-pair .pair-field-select .dropdown-toggle {
  font-size: 14px;
  background: none;
  border: none;
  padding: 4px 12px;
}

.jira-field-map-rows-wrapper .custom-jira-field-pair .pair-field-select .dropdown-toggle::after {
  display: none;
}

.jira-field-map-rows-wrapper .custom-jira-field-pair .justdo-field-select .filter-option-inner-inner {
  color: white !important;
}

.jira-field-map-rows-wrapper .custom-jira-field-pair .filter-option-inner-inner {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 220px;
}

.jira-field-map-rows-wrapper .custom-jira-field-pair .jira-field-map-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index: 1;
}

.jira-field-map-rows-wrapper .custom-jira-field-pair .jira-field-map-bg.jira {
  opacity: 0.2;
}

.jira-field-map-rows-wrapper .custom-jira-field-pair .remove-custom-field-pair {
  position: absolute;
  right: 0;
  top: -6px;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32);
  -moz-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32);
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: white;
  width: 16px;
  height: 16px;
  stroke-width: 3px;
  z-index: 1;
  right: -12px;
  display: none;
  color: #3D495B;
  -webkit-transition: -webkit-transform 0.35s;
  transition: -webkit-transform 0.35s;
  -moz-transition: transform 0.35s, -moz-transform 0.35s;
  -o-transition: transform 0.35s, -o-transform 0.35s;
  transition: transform 0.35s;
  transition: transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s;
}

.jira-field-map-rows-wrapper .custom-jira-field-pair .remove-custom-field-pair:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.jira-field-map-rows-wrapper .custom-jira-field-pair:hover {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.jira-field-map-rows-wrapper .custom-jira-field-pair:hover .jira-field-map-field-tag,
.jira-field-map-rows-wrapper .custom-jira-field-pair:hover .remove-custom-field-pair {
  display: block;
}

.set-custom-field-btn-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.set-custom-field-btn-wrapper .set-custom-field-btn-container {
  padding: 4px;
  position: relative;
  top: -12px;
  right: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
}





.unmount-buttons-group a {
  padding-right: 15px;
}



.project-conf-justdo-orgs-config {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.project-conf-justdo-orgs-config .fa-toggle-on {
  color: #337ab7;
}



.dashboard-orgs {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.dashboard-orgs .container {
  max-width: 720px;
}

.dashboard-orgs .orgs-header {
  padding: 8px 0px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: rgba(49, 69, 99, 0.6);
}

.dashboard-orgs .orgs-header .create-org {
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 100%;
  cursor: pointer;
}

.dashboard-orgs .orgs-header .create-org:hover {
  text-decoration: underline;
}

.dashboard-orgs .orgs-header .create-org svg {
  padding: 3px;
  stroke-width: 2;
  opacity: 0.5;
}

.org-card-wrapper {
  padding-left: 12px;
  margin-left: -12px;
  -webkit-transition: background-color 0.35s;
  -moz-transition: background-color 0.35s;
  -o-transition: background-color 0.35s;
  transition: background-color 0.35s;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: -webkit-box-shadow 0.35s;
  transition: -webkit-box-shadow 0.35s;
  -moz-transition: box-shadow 0.35s, -moz-box-shadow 0.35s;
  -o-transition: box-shadow 0.35s;
  transition: box-shadow 0.35s;
  transition: box-shadow 0.35s, -webkit-box-shadow 0.35s, -moz-box-shadow 0.35s;
}

.org-card-wrapper:hover {
  background-color: #F7F8F9;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.org-card-wrapper:hover .org-card {
  border-color: transparent;
}

.org-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(231, 232, 235, 0.5);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 10px 0;
  text-decoration: none !important;
}

.org-icon {
  min-width: 3px;
  height: 26px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  position: relative;
}

.org-title {
  color: #3D495B;
  font-size: 16px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0 12px;
  text-decoration: none;
}



.create-new-org-form label {
  font-size: 14px;
  margin-bottom: 0.25rem;
}

.create-org-input {
  width: 100%;
}

.org-set-myself-as-admin-checkbox {
  width: auto;
}



.edit-org-license-modal-wrapper label {
  font-size: 14px;
  margin-bottom: 0.25rem;
}

.create-org-input {
  width: 100%;
}

.autopay-checkbox {
  width: auto;
}



.dropdown-orgs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.dropdown-orgs .dropdown-btn,
.dropdown-orgs .org-settings-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
  padding: 5px 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 15px;
  border: 1px solid #dee2e6;
  color: #212529;
  background-color: #f8f9fa;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.dropdown-orgs .dropdown-btn:hover,
.dropdown-orgs .org-settings-btn:hover {
  background-color: #e2e6ea;
}

.dropdown-orgs .dropdown-btn:focus,
.dropdown-orgs .dropdown-btn:active,
.dropdown-orgs .org-settings-btn:focus,
.dropdown-orgs .org-settings-btn:active {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
  -moz-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
  outline: 5px auto -webkit-focus-ring-color;
}

.dropdown-orgs .dropdown-btn {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.dropdown-orgs .org-settings-btn {
  border-left: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
}

.dropdown-orgs .dropdown-menu {
  margin-top: 35px;
  width: 100%;
  padding: 0;
}

.dropdown-orgs .create-org {
  margin: 10px;
  padding: 6px 11px;
  cursor: pointer;
  background-color: #f0f4f9;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: -webkit-box-shadow 0.35s;
  transition: -webkit-box-shadow 0.35s;
  -moz-transition: box-shadow 0.35s, -moz-box-shadow 0.35s;
  -o-transition: box-shadow 0.35s;
  transition: box-shadow 0.35s;
  transition: box-shadow 0.35s, -webkit-box-shadow 0.35s, -moz-box-shadow 0.35s;
  color: #3D495B;
  font-weight: bold;
}

.dropdown-orgs .create-org:hover {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.dropdown-orgs .org-list {
  max-height: 200px;
  overflow: auto;
  cursor: pointer;
  padding-bottom: 12px;
}

.dropdown-orgs .org-list hr {
  margin: 0 21px;
  border-top-style: dashed;
}

.dropdown-orgs .org-item {
  padding-left: 21px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}



.org-global-header-middle-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.org-global-header-middle-wrapper .org-name,
.org-global-header-middle-wrapper .slash {
  font-size: 18px;
  border: 1px solid transparent;
  cursor: default;
  color: #a6b7d1;
}

.org-global-header-middle-wrapper .org-name,
.org-global-header-middle-wrapper #project-name {
  padding: 0.2rem;
}

.org-global-header-middle-wrapper #project-name {
  width: auto;
  text-align: left;
}



.page-justdo_site_admins_page_orgs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100%;
  padding: 0;
}

.orgs-info.site-admins-info {
  max-width: 1500px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.orgs-info-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.orgs-filter-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1500px;
}

.orgs-filter-wrapper .input-wrapper {
  position: relative;
  width: 100%;
}

.orgs-filter-wrapper .orgs-filter {
  padding-left: 12px;
}

.orgs-filter-wrapper .orgs-filter-control {
  position: absolute;
  right: 3px;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.orgs-filter-wrapper .orgs-filter-count {
  color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
  margin-right: 4px;
  font-size: 14px;
  padding: 5px;
  line-height: 100%;
}

.orgs-filter-wrapper .orgs-filter-clear {
  stroke-width: 2;
}

.orgs-filter-wrapper .orgs-filter-clear:hover {
  stroke: black;
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.orgs-filter-wrapper .refresh-orgs {
  margin-left: 12px;
  margin-right: 12px;
}

.orgs-list-header.site-admins-list-header {
  max-width: 1500px;
}

.site-admins-list-header-chat-stats,
.site-admins-list-item-chat-stats {
  width: 150px;
}

.site-admins-list-header-created-at,
.site-admins-list-item-created-at,
.site-admins-list-header-license-expiration,
.site-admins-list-item-license-expiration,
.site-admins-list-header-campaign-id,
.site-admins-list-item-campaign-id {
  width: 110px;
}

.site-admins-list-header-projects-count,
.site-admins-list-item-projects-count,
.site-admins-list-header-members-count,
.site-admins-list-item-members-count,
.site-admins-list-header-active-members-count,
.site-admins-list-item-active-members-count {
  width: 60px;
}

.site-admins-list-header-files-usage,
.site-admins-list-item-files-usage {
  width: 170px;
}

.site-admins-list-header-admin-emails,
.site-admins-list-item-admin-emails {
  width: 200px;
}

.site-admins-list-header-projects-count,
.site-admins-list-header-members-count,
.site-admins-list-header-active-members-count,
.site-admins-list-header-chat-stats,
.site-admins-list-header-admin-emails,
.site-admins-list-header-created-at,
.site-admins-list-header-files-usage,
.site-admins-list-header-campaign-id,
.site-admins-list-header-license-expiration {
  font-weight: bold;
  font-size: 11px;
  color: rgba(49, 69, 99, 0.6);
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-admins-list-header-projects-count:hover,
.site-admins-list-header-members-count:hover,
.site-admins-list-header-active-members-count:hover,
.site-admins-list-header-chat-stats:hover,
.site-admins-list-header-admin-emails:hover,
.site-admins-list-header-created-at:hover,
.site-admins-list-header-files-usage:hover,
.site-admins-list-header-campaign-id:hover,
.site-admins-list-header-license-expiration:hover {
  color: #314563;
  text-decoration: underline;
}

.site-admins-list-header-projects-count.active,
.site-admins-list-header-members-count.active,
.site-admins-list-header-active-members-count.active,
.site-admins-list-header-chat-stats.active,
.site-admins-list-header-admin-emails.active,
.site-admins-list-header-created-at.active,
.site-admins-list-header-files-usage.active,
.site-admins-list-header-campaign-id.active,
.site-admins-list-header-license-expiration.active {
  color: #314563;
}

.site-admins-list-header-projects-count.active .jd-icon,
.site-admins-list-header-members-count.active .jd-icon,
.site-admins-list-header-active-members-count.active .jd-icon,
.site-admins-list-header-chat-stats.active .jd-icon,
.site-admins-list-header-admin-emails.active .jd-icon,
.site-admins-list-header-created-at.active .jd-icon,
.site-admins-list-header-files-usage.active .jd-icon,
.site-admins-list-header-campaign-id.active .jd-icon,
.site-admins-list-header-license-expiration.active .jd-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.site-admins-list-header-projects-count .jd-icon,
.site-admins-list-header-members-count .jd-icon,
.site-admins-list-header-active-members-count .jd-icon,
.site-admins-list-header-chat-stats .jd-icon,
.site-admins-list-header-admin-emails .jd-icon,
.site-admins-list-header-created-at .jd-icon,
.site-admins-list-header-files-usage .jd-icon,
.site-admins-list-header-campaign-id .jd-icon,
.site-admins-list-header-license-expiration .jd-icon {
  width: 16px;
  height: 16px;
  stroke-width: 3px;
  color: #314563;
  margin-left: 2px;
  display: none;
}

.site-admins-list-header-projects-count .jd-icon.always-show,
.site-admins-list-header-members-count .jd-icon.always-show,
.site-admins-list-header-active-members-count .jd-icon.always-show,
.site-admins-list-header-chat-stats .jd-icon.always-show,
.site-admins-list-header-admin-emails .jd-icon.always-show,
.site-admins-list-header-created-at .jd-icon.always-show,
.site-admins-list-header-files-usage .jd-icon.always-show,
.site-admins-list-header-campaign-id .jd-icon.always-show,
.site-admins-list-header-license-expiration .jd-icon.always-show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  cursor: help;
}



.site-admin-orgs-dropdown {
  background-color: #ffffff;
  padding: 0.75rem;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.site-admin-orgs-dropdown .dropdown-item {
  font-size: 15px;
  cursor: pointer;
  padding: 4px;
}



.page-justdo_site_admins_page_projects_without_org {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100%;
  padding: 0;
}

.site-admins-list-header-id {
  font-weight: bold;
  font-size: 11px;
  color: rgba(49, 69, 99, 0.6);
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.site-admins-list-header-id:hover {
  color: #314563;
  text-decoration: underline;
}

.site-admins-list-header-id.active {
  color: #314563;
}

.site-admins-list-header-id.active .jd-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.site-admins-list-header-id .jd-icon {
  width: 16px;
  height: 16px;
  stroke-width: 3px;
  color: #314563;
  margin-left: 2px;
  display: none;
}

.site-admins-list-header-id,
.site-admins-list-item-id {
  width: 200px;
}



.active-users-modal-wrapper .site-admins-list-header {
  padding-top: 0;
}



[class*="page-orgs-conf"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100%;
  padding: 0;
}

.orgs-conf-container .orgs-info-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.orgs-conf-container .orgs-info-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.orgs-conf-container .orgs-info-name .jd-icon {
  color: #76869a;
  background-color: #e8edf3;
  stroke-width: 3;
  padding: 4px;
  cursor: pointer;
  opacity: 0;
  margin-left: 8px;
}

.orgs-conf-container .orgs-info-name .jd-icon:hover {
  opacity: 1;
}

.orgs-conf-container .orgs-info-name,
.orgs-conf-container .edit-org-name {
  font-size: 24px;
  font-weight: bold;
  color: #3D495B;
}

.orgs-conf-container .orgs-info-name:hover .jd-icon,
.orgs-conf-container .edit-org-name:hover .jd-icon {
  opacity: 0.85;
}

.orgs-conf-container .edit-org-name {
  padding: 0;
  border: none;
  width: 500px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  -moz-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  background-color: #f8f9fa;
}

.orgs-conf-container .edit-org-name:active,
.orgs-conf-container .edit-org-name:focus {
  outline: none;
}

.orgs-conf-container .orgs-section-title {
  font-size: 12px;
  color: #3D495B;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 12px;
  margin-top: 20px;
}

.orgs-conf-container .orgs-info-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 800px;
}

.orgs-conf-container .orgs-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: rgba(53, 68, 97, 0.95);
  padding: 8px 8px 8px 12px;
  background-color: #f0f4f9;
  margin-bottom: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.orgs-conf-container .orgs-info-value-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.orgs-conf-container .orgs-info .divider {
  background-color: rgba(103, 112, 135, 0.26);
  width: 1px;
  height: 16px;
  margin: 0px 6px 0px 12px;
}

.orgs-conf-container .orgs-info .jd-icon {
  color: #b1bdcd;
  stroke-width: 2px;
  padding: 4px;
  cursor: pointer;
}

.orgs-conf-container .orgs-info .jd-icon:hover {
  color: #76869a;
  background-color: #e8edf3;
}

.orgs-conf-container .orgs-info-value {
  font-weight: bold;
  color: black;
}

.orgs-conf-container .edit-org-url-name {
  padding: 0 0 0 8px;
  border: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.orgs-conf-container .orgs-info-stat-wrapper {
  width: 800px;
  border: 1px dashed;
  padding: 6px 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px dashed rgba(142, 211, 255, 0.75);
  background-color: rgba(223, 241, 255, 0.5);
}

.orgs-conf-container .orgs-info-stat {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 8px 0;
}

.orgs-conf-container .orgs-info-stat + .orgs-info-stat {
  border-top: 1px dashed rgba(142, 211, 255, 0.75);
}

.orgs-conf-container .orgs-info-stat-label {
  color: rgba(53, 68, 97, 0.95);
}

.orgs-conf-container .orgs-info-stat-value {
  font-weight: bold;
  color: black;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.orgs-conf-container .orgs-info-stat-value .jd-icon {
  width: 20px;
  height: 20px;
  margin-left: 4px;
  stroke-width: 2;
  color: red;
}

.orgs-conf-container a.orgs-info-stat-value {
  text-decoration: underline;
}

.orgs-conf-container .delete-orgs {
  margin-top: 20px;
  cursor: pointer;
}

.orgs-conf-container .delete-orgs:hover {
  text-decoration: underline;
}



.orgs-conf-members-page-wrapper .page-justdo_site_admins_page_orgs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100%;
  padding: 0;
}

.orgs-conf-members-page-wrapper .orgs-filter-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 700px;
}

.orgs-conf-members-page-wrapper .orgs-filter-wrapper .input-wrapper {
  position: relative;
  width: 100%;
}

.orgs-conf-members-page-wrapper .orgs-filter-wrapper .orgs-filter {
  padding-left: 12px;
}

.orgs-conf-members-page-wrapper .orgs-filter-wrapper .orgs-filter-control {
  position: absolute;
  right: 3px;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.orgs-conf-members-page-wrapper .orgs-filter-wrapper .orgs-filter-count {
  color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
  margin-right: 4px;
  font-size: 14px;
  padding: 5px;
  line-height: 100%;
}

.orgs-conf-members-page-wrapper .orgs-filter-wrapper .orgs-filter-clear {
  stroke-width: 2;
}

.orgs-conf-members-page-wrapper .orgs-filter-wrapper .orgs-filter-clear:hover {
  stroke: black;
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.orgs-conf-members-page-wrapper .site-admins-list-header-created-at,
.orgs-conf-members-page-wrapper .site-admins-list-item-created-at,
.orgs-conf-members-page-wrapper .site-admins-list-header-projects-count,
.orgs-conf-members-page-wrapper .site-admins-list-item-projects-count,
.orgs-conf-members-page-wrapper .site-admins-list-header-members-count,
.orgs-conf-members-page-wrapper .site-admins-list-item-members-count {
  width: 100px;
}

.orgs-conf-members-page-wrapper .site-admins-list-header-projects-count,
.orgs-conf-members-page-wrapper .site-admins-list-header-members-count,
.orgs-conf-members-page-wrapper .site-admins-list-header-created-at {
  font-weight: bold;
  font-size: 11px;
  color: rgba(49, 69, 99, 0.6);
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.orgs-conf-members-page-wrapper .site-admins-list-header-projects-count:hover,
.orgs-conf-members-page-wrapper .site-admins-list-header-members-count:hover,
.orgs-conf-members-page-wrapper .site-admins-list-header-created-at:hover {
  color: #314563;
  text-decoration: underline;
}

.orgs-conf-members-page-wrapper .site-admins-list-header-projects-count.active,
.orgs-conf-members-page-wrapper .site-admins-list-header-members-count.active,
.orgs-conf-members-page-wrapper .site-admins-list-header-created-at.active {
  color: #314563;
}

.orgs-conf-members-page-wrapper .site-admins-list-header-projects-count.active .jd-icon,
.orgs-conf-members-page-wrapper .site-admins-list-header-members-count.active .jd-icon,
.orgs-conf-members-page-wrapper .site-admins-list-header-created-at.active .jd-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.orgs-conf-members-page-wrapper .site-admins-list-header-projects-count .jd-icon,
.orgs-conf-members-page-wrapper .site-admins-list-header-members-count .jd-icon,
.orgs-conf-members-page-wrapper .site-admins-list-header-created-at .jd-icon {
  width: 16px;
  height: 16px;
  stroke-width: 3px;
  color: #314563;
  margin-left: 2px;
  display: none;
}



.org-members-dropdown {
  background-color: #ffffff;
  padding: 0.75rem;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.org-members-dropdown .dropdown-item {
  font-size: 15px;
  cursor: pointer;
  padding: 4px;
}



.member-projects-modal-wrapper .site-admins-list-header {
  padding-top: 0;
}



.orgs-conf-projects-page-wrapper .page-justdo_site_admins_page_orgs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100%;
  padding: 0;
}

.orgs-conf-projects-page-wrapper .orgs-filter-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 700px;
}

.orgs-conf-projects-page-wrapper .orgs-filter-wrapper .input-wrapper {
  position: relative;
  width: 100%;
}

.orgs-conf-projects-page-wrapper .orgs-filter-wrapper .orgs-filter {
  padding-left: 12px;
}

.orgs-conf-projects-page-wrapper .orgs-filter-wrapper .orgs-filter-control {
  position: absolute;
  right: 3px;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.orgs-conf-projects-page-wrapper .orgs-filter-wrapper .orgs-filter-count {
  color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: bold;
  margin-right: 4px;
  font-size: 14px;
  padding: 5px;
  line-height: 100%;
}

.orgs-conf-projects-page-wrapper .orgs-filter-wrapper .orgs-filter-clear {
  stroke-width: 2;
}

.orgs-conf-projects-page-wrapper .orgs-filter-wrapper .orgs-filter-clear:hover {
  stroke: black;
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.orgs-conf-projects-page-wrapper .site-admins-list-header-created-at,
.orgs-conf-projects-page-wrapper .site-admins-list-item-created-at,
.orgs-conf-projects-page-wrapper .site-admins-list-header-projects-count,
.orgs-conf-projects-page-wrapper .site-admins-list-item-projects-count,
.orgs-conf-projects-page-wrapper .site-admins-list-header-members-count,
.orgs-conf-projects-page-wrapper .site-admins-list-item-members-count {
  width: 100px;
}

.orgs-conf-projects-page-wrapper .site-admins-list-header-projects-count,
.orgs-conf-projects-page-wrapper .site-admins-list-header-members-count,
.orgs-conf-projects-page-wrapper .site-admins-list-header-created-at {
  font-weight: bold;
  font-size: 11px;
  color: rgba(49, 69, 99, 0.6);
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.orgs-conf-projects-page-wrapper .site-admins-list-header-projects-count:hover,
.orgs-conf-projects-page-wrapper .site-admins-list-header-members-count:hover,
.orgs-conf-projects-page-wrapper .site-admins-list-header-created-at:hover {
  color: #314563;
  text-decoration: underline;
}

.orgs-conf-projects-page-wrapper .site-admins-list-header-projects-count.active,
.orgs-conf-projects-page-wrapper .site-admins-list-header-members-count.active,
.orgs-conf-projects-page-wrapper .site-admins-list-header-created-at.active {
  color: #314563;
}

.orgs-conf-projects-page-wrapper .site-admins-list-header-projects-count.active .jd-icon,
.orgs-conf-projects-page-wrapper .site-admins-list-header-members-count.active .jd-icon,
.orgs-conf-projects-page-wrapper .site-admins-list-header-created-at.active .jd-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.orgs-conf-projects-page-wrapper .site-admins-list-header-projects-count .jd-icon,
.orgs-conf-projects-page-wrapper .site-admins-list-header-members-count .jd-icon,
.orgs-conf-projects-page-wrapper .site-admins-list-header-created-at .jd-icon {
  width: 16px;
  height: 16px;
  stroke-width: 3px;
  color: #314563;
  margin-left: 2px;
  display: none;
}



.project-members-modal-wrapper .site-admins-list-header {
  padding-top: 0;
}





.project-templates-modal .modal-dialog {
  margin: 0;
  height: 100%;
  width: 100%;
  max-width: none;
}

.project-templates-modal .modal-dialog .modal-content {
  height: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  padding: 60px 80px;
  background-color: #f4f8ff;
}

.project-templates-modal .modal-dialog .modal-header {
  padding: 0px 20px;
  border: none;
}

.project-templates-modal .modal-dialog .modal-title {
  font-size: 32px;
  color: black;
}

.project-templates-modal .modal-dialog .modal-body {
  height: 100%;
  padding: 4px;
  overflow: hidden;
}

.project-templates-modal .modal-dialog .bootbox-body,
.project-templates-modal .modal-dialog .project-template-selector-wrapper {
  height: 100%;
}

.project-templates-modal .modal-dialog .project-template-selector {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.project-templates-modal .modal-dialog .project-template-selector .header {
  padding-left: 20px;
}

.project-templates-modal .modal-dialog .project-template-selector .subtitle {
  font-size: 18px;
  line-height: 30px;
  color: rgba(53, 68, 97, 0.76);
}

.project-templates-modal .modal-dialog .templates-list-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  padding-left: 20px;
}

.project-templates-modal .modal-dialog .templates-list-container .template-item {
  font-size: 18px;
  color: rgba(53, 68, 97, 0.76);
  font-weight: bold;
  height: 55px;
  padding: 0px;
  margin-right: 24px;
  white-space: nowrap;
}

.project-templates-modal .modal-dialog .templates-list-container .template-item.active {
  color: black;
}

.project-templates-modal .modal-dialog .template-demo-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: auto;
  border: 1px solid rgba(179, 195, 226, 0.37);
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.04);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: white;
}

.project-templates-modal .modal-dialog .template-demo-container .img-container img {
  max-width: 100%;
}

.project-templates-modal .modal-dialog .modal-footer {
  padding: 16px 4px;
  border: none;
}

@media (max-width: 992px) {
  .project-templates-modal .modal-content {
    padding: 32px 20px !important;
  }

  .project-templates-modal .templates-list-container .template-item {
    font-size: 16px !important;
  }
}





.connection-status-backdrop {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.5);
}



.unverified-email-warn {
  color: #ffa840;
  font-size: 15px;
}



.additional-field-items-list .udf-id-followup-completed {
  position: absolute;
  right: 20px;
}



body {
  overflow: hidden;
}