.text-grey,
.text-gray {
  color: #657b87 !important;
}
.text-grey a,
.text-gray a {
  color: #657b87 !important;
}
.border-danger-600 {
  border-color: #e85531;
}
/* merrica */
.yellow,
.warning,
.gold {
  color: #f0ab3c;
}
.soft-gray {
  color: #657b87;
}
.green {
  color: #2eb872;
}
.title-black {
  color: #213241;
}
.star {
  color: #edd432;
}
.gold {
  color: #f0ab3c;
}
.background-gray {
  background-color: #e8e8e8 !important;
}
.red {
  color: #e85531;
}
.success {
  color: #2eb872;
}
body {
  width: 100%;
  display: inline-block;
  background-color: #EDF0F2;
  font-family: 'Helvetica Neue', 'Roboto', Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
body .page-container {
  position: relative;
  height: 100%;
  padding-bottom: 80px;
  margin: 19px 8px 0px 8px;
  border-radius: 2px;
}
@media (min-width: 768px) {
  body .page-container {
    border: none;
    width: 748px;
    display: block;
    margin: 32px auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  body .page-container {
    width: 980px;
  }
}
@media (min-width: 1200px) {
  body .page-container {
    width: 1150px;
  }
}
.half {
  width: 100%;
}
@media (min-width: 992px) {
  .half {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .half {
    width: 50%;
  }
}
body.stretch-container .page-container {
  width: auto;
}
.page-content {
  position: relative;
  display: inline-block;
  width: 100%;
}
.page-content .system-message {
  font-size: 13px;
  font-style: normal;
  color: #657b87;
  margin-top: 10px;
  margin-bottom: 1px;
  line-height: 16px;
}
.form-group {
  margin-bottom: 14px;
}
@media (min-width: 768px) {
  .form-group {
    margin-left: -1px;
    margin-bottom: 7px;
  }
}
.form-group .input-group input.form-control {
  padding-left: 11px;
  padding-top: 6px;
  border-radius: 2px;
  background-color: white;
  border: solid 1px rgba(101, 123, 135, 0.3);
  border-right: none;
  color: #657b87;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
}
.form-group .input-group input.form-control:not(:last-child) {
  border-radius: 2px;
}
.form-group .input-group input.form-control::placeholder {
  opacity: 0.6;
}
.form-group .input-group input.form-control:focus {
  border: solid 1px #dcdfe5;
  box-shadow: 0 1px 6px 0 rgba(101, 123, 135, 0.12), inset 0 0 8px 0 rgba(101, 123, 135, 0.3);
}
.form-group input.form-control {
  padding-left: 11px;
  padding-top: 6px;
  border-radius: 2px;
  background-color: white;
  border: solid 1px rgba(101, 123, 135, 0.3);
  border-right: none;
  color: #191d1f;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
}
.form-group input.form-control:not(:last-child) {
  border-radius: 2px;
}
.form-group input.form-control::placeholder {
  opacity: 0.6;
  color: #657b87;
}
.form-group input.form-control:focus {
  border: solid 1px #dcdfe5;
  box-shadow: 0 1px 6px 0 rgba(101, 123, 135, 0.12), inset 0 0 8px 0 rgba(101, 123, 135, 0.3);
}
.form-group input.form-control.form-control--error {
  border: solid 1px #e85531;
}
.form-group input.form-control.form-control--error:focus {
  border: solid 1px #e85531;
  box-shadow: 0 1px 6px 0 rgba(101, 123, 135, 0.12), inset 0 0 8px 0 rgba(101, 123, 135, 0.3);
}
.page-container .panel {
  width: 100%;
  display: inline-block;
}
.fancy-panel label:not(.form-label) {
  display: block;
  font-size: 17px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #3f4d54;
  clear: both;
  margin: 8px 0px;
}
.fancy-panel .panel-body .far {
  width: 20px;
  height: 16px;
  opacity: 0.9;
  font-size: 16px;
  text-align: center;
  color: #657b87;
  margin-top: 17px;
  background-color: #fff;
}
.fancy-panel .focus-box {
  border-radius: 4px;
  border: solid 1px rgba(101, 123, 135, 0.3);
  background-color: #F6F7F8;
  padding: 7px 16px;
}
.fancy-title,
.panel .panel-heading .panel-title.fancy-title {
  font-size: 16px;
  font-weight: 500;
  color: #3f4d54;
  text-align: center;
  margin: 8px 0 8px 0;
  padding-bottom: 8px;
  border-bottom: thin solid #edf0f2;
}
.fancy-title .far,
.panel .panel-heading .panel-title.fancy-title .far {
  font-size: 16px;
  font-weight: 500;
  color: #3f4d54;
  text-align: center;
  margin: 8px 0 8px 0;
  padding-bottom: 8px;
}
@media (min-width: 768px) {
  .fancy-title,
  .panel .panel-heading .panel-title.fancy-title {
    padding-bottom: 28px;
    margin: 28px 0 5px 0;
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .text-sm-left {
    text-align: left !important;
  }
}
.details-form {
  margin-top: -3px;
}
@media (min-width: 768px) {
  .details-form {
    margin-top: 0;
  }
}
.details-form .col-md-6 {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .details-form .col-md-6 {
    width: 761px;
  }
}
.details-form .panel {
  box-shadow: none;
  border-radius: 2px;
  background-color: white;
  border: solid 1px rgba(101, 123, 135, 0.3);
}
.details-form .panel-heading {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 6px;
}
@media (min-width: 768px) {
  .details-form .panel-heading {
    padding-top: 35px;
    padding-bottom: 10px;
  }
}
.details-form .board-circle {
  position: relative;
  display: inline-block;
  line-height: 0;
  top: 1px;
  width: 10px;
  height: 10px;
  margin-right: 8px;
  line-height: 25px;
  vertical-align: 1px;
  border-radius: 100%;
  font-size: 11px;
  font-weight: bold;
  color: transparent;
  text-align: center;
}
.details-form .panel-title {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: normal;
  color: #3f4d54;
}
.details-form h4 {
  margin-top: 4px;
  font-size: 19px;
  font-weight: normal;
  color: #657b87;
  opacity: 0.75;
}
.details-form .panel-body {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .details-form .panel-body {
    padding-left: 31px;
    padding-right: 31px;
  }
}
.details-form .panel-body hr {
  vertical-align: top;
}
@media (min-width: 768px) {
  .details-form .form-group-container {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
.details-form .form-group {
  display: inline-block;
  width: 100%;
  margin-top: 2px;
  margin-bottom: 21px;
}
.details-form .form-group.soft-hide {
  display: none;
}
@media (min-width: 768px) {
  .details-form .form-group--double-container {
    display: flex;
    vertical-align: bottom;
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
  }
}
.details-form .form-group--double-container .form-control-number {
  display: block;
}
@media (min-width: 768px) {
  .details-form .form-group--double-container .form-group--half:nth-of-type(even) {
    float: right;
  }
}
@media (min-width: 768px) {
  .details-form .form-group--half {
    display: inline-block;
    width: 228px;
    float: left;
  }
}
.details-form .panel .panel .form-group {
  width: auto;
}
.details-form .panel .panel .panel-heading {
  padding-top: 10px;
  text-align: left;
}
.details-form .form-group:first-of-type {
  margin-top: 10px;
  margin-bottom: 21px;
}
.details-form .form-group label {
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: normal;
  color: #3f4d54;
}
.details-form .form-group input.form-control {
  width: 100%;
  padding: 7px 11px;
  margin-top: 0;
  border-radius: 2px;
  border: solid 1px #dcdfe5;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
}
.details-form .form-group input.form-control.not-valid,
.details-form .form-group input.form-control.valid,
.details-form .form-group input.form-control:focus {
  border: solid 1px #dcdfe5;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
}
.details-form .form-group label .label-light {
  display: inline-block;
  margin-left: 1px;
  opacity: 0.6;
  color: #657b87;
  font-weight: normal;
}
@media (min-width: 768px) {
  .details-form .form-group input.date {
    width: 228px;
    margin-right: 16px;
  }
}
.details-form .form-group .note-editor {
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
}
.pnotify-concinnity-confirmation .ui-pnotify-container {
  background-color: white;
  border-color: white;
}
@media (min-width: 768px) {
  .pnotify-concinnity-confirmation .ui-pnotify-container {
    min-width: 400px;
  }
}
@media (max-width: 768px) {
  .pnotify-concinnity-confirmation .ui-pnotify-container {
    max-width: 100vh;
    width: 100%;
  }
}
.brighttheme {
  background-color: white;
}
.brighttheme-notice {
  border-color: #f0ab3c;
}
.brighttheme-error {
  border-color: #e85531;
}
.brighttheme-success,
.brighttheme-info {
  border-color: #2eb872;
}
.error {
  color: #e85531;
}
.validator-check {
  color: #dcdfe5;
}
.validator-check-pass {
  color: #2eb872;
}
.deleted {
  color: #e85531;
}
.dropdown .dropdown-toggle {
  color: #657b87;
}
.dropdown .dropdown-toggle:hover {
  color: #191d1f;
}
.sort-list-header {
  width: 100%;
  border: solid 1px #dcdfe5;
  background-color: #F6F7F8;
  color: #657b87;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 0 10px 0;
}
.sort-list-header div {
  display: inline-block;
}
.sort-list-header .name {
  margin-left: 4px;
  transform: translate(50%);
}
.sort-list-header .num {
  float: right;
  transform: translate(70%);
}
@media (min-width: 768px) {
  .sort-list-header .num {
    margin-right: calc(100px - 100%);
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .sort-list-header .num {
    margin-right: 350px;
  }
}
.sort-list-header .actions {
  float: right;
  margin-right: 20px;
  transform: translate(30%);
}
@media (min-width: 768px) {
  .sort-list-header .actions {
    margin-right: 200px;
  }
}
@media (max-width: 768px) {
  #document-tags-form .sort-list-header .num {
    display: none;
  }
}
#tags-items .doc-count,
#document-tags-items .doc-count {
  display: none;
  float: right;
}
@media (min-width: 768px) {
  #tags-items .doc-count,
  #document-tags-items .doc-count {
    margin-right: 100px;
    display: inline-block;
  }
}
@media (min-width: 992px) {
  #tags-items .doc-count,
  #document-tags-items .doc-count {
    margin-right: 350px;
  }
}
#tags-items .actions,
#document-tags-items .actions {
  display: inline-block;
  float: right;
  margin-right: 5px;
}
@media (min-width: 768px) {
  #tags-items .actions,
  #document-tags-items .actions {
    margin-right: 200px;
  }
}
#tags-items > li,
#document-tags-items > li {
  border-right: 1px solid #ddd;
  margin-left: 0;
}
#tags-items .tag-label-container,
#document-tags-items .tag-label-container {
  width: 310px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: bottom;
}
ol.sort-list {
  list-style-type: none;
  width: 100%;
  padding-left: 0;
}
ol.sort-list > li {
  margin-top: 15px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 0 10px 10px;
  margin-left: 8px;
}
ol.sort-list li:last-child {
  margin-bottom: 15px;
}
.sort-handle {
  margin-right: 10px;
  cursor: pointer;
  color: #657b87;
}
ol.sort-list ol {
  list-style-type: none;
}
ol.sort-list li.placeholder {
  position: relative;
  background-color: #eee;
  min-height: 42px;
  border: 0;
  padding: 0;
}
ol.sort-list li.placeholder:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  margin-top: -5px;
  left: -3px;
  top: 0;
  border: 5px solid transparent;
  border-left-color: #333;
  border-right: none;
}
ol.sort-list li.dragged {
  position: absolute;
  top: 0;
  opacity: 0.5;
  z-index: 2000;
}
.dashboard_block .block-body {
  padding: 5px;
}
.auto-block,
.half-block,
.full-block {
  overflow: hidden;
  float: left;
}
.auto-block .block-body,
.half-block .block-body,
.full-block .block-body {
  overflow-y: auto;
}
.auto-block .panel-heading,
.half-block .panel-heading,
.full-block .panel-heading {
  height: 70px;
}
.auto-block {
  height: auto;
}
.auto-block .loading-body {
  min-height: 115px;
}
.half-block {
  height: 285px;
}
.half-block .loading-body,
.half-block .block-body {
  height: 215px;
}
.full-block {
  min-height: 215px;
  max-height: 570px;
}
.full-block .loading-body,
.full-block .block-body {
  max-height: 500px;
}
@media (min-width: 768px) {
  .full-block {
    height: 570px;
  }
  .full-block .loading-body,
  .full-block .block-body {
    height: 500px;
  }
}
.dashboard_block {
  padding: 0px 10px;
  background-color: #fff;
}
#block-config-container {
  margin: 20px 0;
}
#block-config-container input,
#block-config-container select {
  width: 50%;
}
.main-topic {
  font-size: 16px;
}
.main-topic a {
  color: #333;
}
.na-icon {
  color: #dcdfe5;
  text-align: middle;
}
.list-group-item {
  border: 0px;
}
.empty {
  font-style: italic;
}
.chat-widget {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 10000;
  padding-right: 16px;
  padding-bottom: 16px;
}
.body--messages .chat-widget {
  margin-bottom: 30px;
}
.remove-document {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
.fine-print {
  clear: both;
  color: #3f4d54;
  font-size: 10px;
}
body.dragging,
body.dragging * {
  cursor: move !important;
}
.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}
.text-highlight {
  background-color: rgba(255, 255, 0, 0.5);
  padding: 0px 2px;
}
.progress-bar {
  background-color: #2eb872;
}
.modal-content .advanced-options a.item-toggle,
.page-container .advanced-options a.item-toggle {
  color: #3f4d54;
}
.modal-content .advanced-options a.item-toggle .fa,
.page-container .advanced-options a.item-toggle .fa {
  font-size: 20px;
}
.modal-content .advanced-options hr,
.page-container .advanced-options hr {
  margin-bottom: 10px;
  margin-top: 10px;
  display: block;
}
.pulse-red-infinate {
  animation: pulse-red 2s infinite;
}
@keyframes pulse-red {
  0% {
    box-shadow: 0 0 0 0 #e85531;
  }
  70% {
    box-shadow: 0 0 0 10px rgba(232, 85, 49, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(232, 85, 49, 0);
  }
}
.pretty-warning {
  border: thin dashed #f0ab3c;
  background-color: #fdf6eb;
  /* gold opacity 80 */
  padding: 15px;
}
.notification-panel,
.warning-panel {
  color: #f0ab3c;
}
.notification-panel.healthy-panel,
.warning-panel.healthy-panel {
  color: #2eb872;
}
.notification-panel.info-panel,
.warning-panel.info-panel {
  color: #2e4e99;
}
.notification-panel .update-message-line,
.warning-panel .update-message-line {
  display: flex;
  align-items: center;
  justify-content: center;
}
.notification-panel .update-message-line .update-message-icon,
.warning-panel .update-message-line .update-message-icon {
  font-size: 17px;
  margin-right: 20px;
}
.notification-panel .update-message-line .update-message,
.warning-panel .update-message-line .update-message {
  font-size: 17px;
}
.notification-panel .update-message-line .update-message.update-message-small,
.warning-panel .update-message-line .update-message.update-message-small {
  font-size: 13px;
}
.login-position.login-position-wide {
  max-width: 600px;
}
.login-position .panel-body form input[type=radio] {
  width: inherit;
  margin-right: 5px;
}
.login-position button.fixed-width {
  width: 135px;
}
.login-position .form-group.form-group-inline input {
  width: 200px;
  display: inline-block;
}
.login-position .form-group.form-group-inline button {
  margin-left: 10px;
  vertical-align: top;
}
.login-position .panel-body form label[disabled] {
  opacity: 0.5;
}
.flex-radio-option {
  display: flex;
  margin-right: 25px;
}
.flex-radio-option label {
  display: flex;
  margin-left: 5px;
}
.flex-radio-option label .label-input {
  max-width: 100px;
  margin-left: 10px;
  margin-right: 10px;
}
.flex-radio-option.input-height {
  line-height: 36px;
}
.flex-radio-option.input-height .tooltip-icon {
  margin-top: 12px;
  margin-left: 3px;
}
.bjs-powered-by {
  height: 25px;
  width: 25px;
}
.powered-by {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .powered-by {
    margin-top: 0;
  }
}
.round-button {
  display: inline-block;
  background-color: #657b87;
  border: 1px solid transparent;
  color: white;
  font-size: 10px;
  font-weight: bold;
  line-height: 30px;
  padding: 0 12px 0 11px;
  text-transform: uppercase;
  border-radius: 4px;
}
@media (min-width: 768px) {
  .round-button {
    font-size: 11px;
    padding: 0 15px 0 12px;
    line-height: 34px;
  }
}
.round-button i {
  font-size: 14px;
  position: relative;
  margin-right: 4px;
  top: 3px;
}
.round-button i.align {
  top: 0px;
}
.round-button:hover,
.round-button:focus {
  box-shadow: none;
  color: white;
  background-color: #191d1f;
}
.round-button:disabled,
.round-button:disabled:hover {
  opacity: 0.2;
  background-color: #657b87;
}
.round-button--input,
.input-group-btn .round-button--input {
  padding: 0 11px 0 12px;
  font-size: 11px;
  line-height: 34px;
  margin-top: 0 !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media (min-width: 768px) {
  .round-button--input,
  .input-group-btn .round-button--input {
    padding: 0 9px 0 8px;
  }
}
.round-button--input i,
.input-group-btn .round-button--input i {
  top: 0;
  height: 21px;
  width: 20px;
  margin-right: 7px;
  display: inline-block;
  position: relative;
}
@media (min-width: 768px) {
  .round-button--input i,
  .input-group-btn .round-button--input i {
    top: 5px;
    margin-right: 6px;
  }
}
.round-button--white {
  color: #657b87;
  background-color: white;
  border: 1px solid #657b87;
  padding: 0 27px 0 28px;
}
.round-button--white:hover,
.round-button--white:focus {
  box-shadow: none;
  color: #191d1f;
  background-color: white;
  border: 1px solid #191d1f;
}
.round-button--white:hover.round-button--no-border,
.round-button--white:focus.round-button--no-border {
  border: thin solid transparent;
}
.round-button--white:disabled,
.round-button--white:disabled:hover {
  background-color: transparent;
}
.round-button--red {
  color: white;
  background-color: #e85531;
  border: 1px solid #e85531;
  padding: 0 11px 0 12px;
}
.round-button--red i {
  color: white;
  font-size: 16px;
}
.round-button--red:hover,
.round-button--red:focus {
  box-shadow: none;
  background-color: #e85531;
  border: 1px solid #e85531;
  color: white;
  opacity: 0.8;
}
.round-button--no-border {
  border: thin solid transparent;
}
.round-button--ptop {
  padding: 1px 16px 0 17px;
}
.round-button--on-top {
  position: relative;
  display: block;
  width: calc(100% - 16px);
  left: -8px;
  margin: 0 auto;
  margin-top: -4px;
  margin-bottom: 12px;
  text-align: center;
  font-size: 11px;
  background-color: #191d1f;
  line-height: 34px;
  padding: 0 12px 0 0;
}
@media (min-width: 768px) {
  .round-button--on-top {
    display: inline-block;
    background-color: #657b87;
    margin-top: auto;
    margin-bottom: auto;
    padding: 0 12px 0 11px;
    text-align: left;
    width: auto;
    position: absolute;
    right: 0;
    left: auto;
    top: 0;
  }
}
.round-button--on-top:hover,
.round-button--on-top:focus {
  box-shadow: none;
  color: white;
  background-color: #191d1f;
}
.round-button.add-area {
  padding: 0 12px 0 11px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.round-button.add-area i {
  top: 0px;
  margin-right: 6px;
}
@media (min-width: 992px) {
  .round-button.add-area {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.round-button.upload {
  padding: 0 12px 0 9px;
}
.round-button.upload i {
  margin-right: 3px;
}
.round-button.search {
  padding: 0 12px 0 11px;
}
.round-button.search i {
  margin-right: 5px;
  top: -1px;
  position: relative;
}
.round-button.next-link,
.round-button.next {
  padding: 0 12px 0 11px;
}
.round-button.next-link i,
.round-button.next i {
  top: 0;
  margin-right: 0;
  margin-left: 6px;
}
.round-button.next[value="add-people"],
.round-button.next[value="confirm-notifications"] {
  margin-top: 0;
  padding: 0 14px 0 12px;
}
.round-button.next[value="add-people"] i,
.round-button.next[value="confirm-notifications"] i {
  top: 0;
  margin-right: 6px;
  margin-left: 0;
}
.round-button.prev {
  padding: 0 12px 0 12px;
}
.round-button.prev i {
  top: -1px;
  margin-right: 8px;
}
.round-button.save {
  padding: 0 17px 0 10px;
}
.round-button.save i {
  font-size: 16px;
  top: 1px;
}
.round-button.chat {
  line-height: 34px;
  padding: 0 14px 0 10px;
  font-size: 11px;
}
@media (min-width: 768px) {
  .round-button.chat {
    padding-right: 11px;
  }
}
.round-button.chat i {
  margin-right: 5px;
  font-size: 12px;
  top: -1px;
}
.round-button.add-meeting {
  margin-top: 1px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 11px;
}
@media (min-width: 768px) {
  .round-button.add-meeting {
    margin-top: 0;
    margin-right: 1px;
    padding-right: 11px;
  }
}
.round-button.add-meeting i {
  margin-right: 5px;
  font-size: 12px;
  top: 0;
}
.round-button.btn-sync {
  margin-top: 1px;
  margin-right: 8px;
  line-height: 34px;
  padding: 0 12px 0 10px;
  font-size: 11px;
}
@media (min-width: 768px) {
  .round-button.btn-sync {
    margin-top: 0;
    padding-right: 11px;
  }
}
.round-button.btn-sync i {
  margin-right: 3px;
  font-size: 12px;
  top: 0;
}
.round-button {
  font-size: 11px;
  line-height: 34px;
  padding: 0 12px 0 10px;
}
.round-button i {
  margin-right: 8px;
}
.round-button.item-right i {
  margin-right: 0px;
  margin-left: 8px;
}
.round-buttondisabled {
  opacity: 0.2;
}
.round-button.deactivated {
  opacity: 0.6;
  pointer-events: none;
}
.tab-main-title {
  display: table;
  position: relative;
  margin: 0 auto;
  margin-bottom: 12px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 26px;
  color: #191d1f;
  border: none;
  letter-spacing: normal;
}
@media (min-width: 992px) {
  .tab-main-title {
    padding-bottom: 8px;
    margin-bottom: 11px;
    font-size: 18px;
    font-weight: 500;
    color: #213241;
  }
}
.tab-main-title::after {
  content: '';
  position: absolute;
  left: -18px;
  bottom: -4px;
  width: calc(100% + 36px);
  height: 1px;
  background-color: rgba(101, 123, 135, 0.3);
}
@media (min-width: 992px) {
  .tab-main-title::after {
    bottom: -1px;
    left: -32px;
    width: calc(100% + 64px);
  }
}
.radio-inline + .radio-inline {
  margin-left: 16px;
}
.radio-inline {
  padding-left: 22px;
}
.radio-inline > .choice {
  top: -1px;
}
.form-group .radio-inline + .radio-inline,
.form-group .checkbox-inline + .checkbox-inline {
  margin-left: 0;
}
.form-group .radio-inline,
.form-group .checkbox-inline {
  margin-right: 16px;
  margin-bottom: 10px;
}
div.checker {
  width: 24px;
  height: 24px;
}
div.choice {
  width: 16px;
  height: 16px;
}
div.checker span,
div.choice span {
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
  background-color: white;
  border: solid 1px #dcdfe5;
  border-color: #dcdfe5;
}
div.checker span {
  width: 24px;
  height: 24px;
  border-radius: 2px;
}
div.choice span {
  width: 16px;
  height: 16px;
  border-radius: 100%;
}
div.checker span.checked {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  background-color: #2eb872;
  border: solid 1px #2eb872;
}
div.choice span.checked {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0);
}
div.checker span.checked::after {
  top: 3px;
  left: 0;
  right: 0;
  font-weight: bold;
  font-size: 14px;
  color: white;
}
div.choice span.checked::after {
  top: 1px;
  left: 1px;
  border: 6px solid;
  border-color: #2eb872;
}
.file_toggle_star {
  display: inline-block;
}
.file_toggle_star i {
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
}
.file_toggle_star i:hover {
  color: #edd432;
  opacity: 0.5;
}
.datatable-documents .icon-file {
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #657b87;
}
.label_container .label {
  border-radius: 2px;
  background-color: rgba(101, 123, 135, 0.2);
  border: solid 1px rgba(101, 123, 135, 0.2);
  font-size: 9px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: normal;
  color: #657b87;
}
.label_container .label:not(:last-of-type) {
  margin-right: 3px;
}
.untitle {
  font-size: 13px;
  font-weight: normal;
  font-style: italic;
  line-height: 19px;
  letter-spacing: normal;
  color: #657b87;
}
.uppercase {
  text-transform: uppercase;
}
.underline {
  text-decoration: underline;
}
.note-editor {
  padding: 7px 11px;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 2px;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
  background-color: white;
  border: solid 1px #dcdfe5;
  min-height: 108px;
  resize: none;
}
.note-editor .note-toolbar {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
}
.note-editor .note-toolbar > .note-btn-group {
  margin-top: 1px;
  margin-right: 1px;
}
.note-editor .note-toolbar .note-btn {
  padding: 5px 12px;
}
.note-editor .note-toolbar .note-fontname {
  order: 999;
}
.note-editor.fullscreen .note-toolbar .note-font .note-btn {
  max-width: none;
  padding-left: 12px;
  padding-right: 32px;
  text-overflow: ellipsis;
  text-align: center;
}
.note-editor .note-toolbar .note-font .note-btn .note-icon-caret {
  position: absolute;
  right: 3px;
  top: 4px;
}
.note-editor .note-editable {
  padding: 0;
}
.note-editor .note-statusbar {
  opacity: 0;
}
.modal-header.no-border {
  border: 0;
}
.text-warning {
  color: #f0ab3c;
}
.text-success {
  color: #2eb872;
}
.menu {
  position: relative;
  z-index: 1001;
  background-color: #191d1f;
}
.navbar-container {
  height: 58px;
  display: block;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding-right: 0;
  padding-left: 0;
}
.navbar-container > .navbar {
  border-bottom: none;
}
.navbar.navbar-inverse {
  background-color: transparent;
}
.navbar.navbar-inverse .navbar-collapse,
.navbar.navbar-inverse .navbar-form {
  border: none;
}
@media (min-width: 768px) {
  .navbar.navbar-inverse .navbar-collapse,
  .navbar.navbar-inverse .navbar-form {
    background-color: transparent;
  }
}
.navbar {
  height: 100%;
  box-shadow: none;
  border-bottom: 1px solid #D3DADE;
}
@media (min-width: 1200px) {
  .navbar {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}
.navbar-collapse {
  border-color: #191d1f;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .navbar-collapse {
    position: relative;
    top: auto;
    left: auto;
  }
}
.navbar-collapse.in {
  transition: all 0.3s ease-in-out;
}
.navbar-header {
  width: 100%;
  height: 100%;
  min-width: 168px;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .navbar-header {
    width: auto;
  }
}
.navbar-header .navbar-nav {
  margin-top: 7px;
  margin-right: 13px;
}
.navbar-header .navbar-nav > li:first-of-type > a {
  position: relative;
  overflow: unset;
  padding: 0 20px;
  margin-top: 12px;
  margin-right: 2px;
  border-right: 1px solid rgba(255, 255, 255, 0.6);
}
.navbar-header .navbar-nav > li > a {
  font-size: 20px;
}
.navbar-header .navbar-nav li a i {
  opacity: 0.75;
}
.navbar-header .navbar-brand img {
  height: 28px;
  margin-top: 15px;
}
@media (min-width: 1200px) {
  .navbar-header .navbar-brand img {
    height: 35px;
    margin-left: 12px;
    margin-top: 12px;
  }
}
.navbar-nav__toggle {
  width: 49px;
}
.navbar-nav__toggle .open {
  color: white;
  opacity: 1;
  position: relative;
}
.navbar-nav__toggle .open span {
  position: relative;
  width: 17px;
  height: 2px;
  margin-bottom: 4px;
  display: block;
  background-color: white;
  transform-origin: center;
  transition: all 0.25s cubic-bezier(0.57, 0.28, 0.25, 0.69);
}
.navbar-nav__toggle .open span:last-of-type {
  margin-bottom: 0;
}
.navbar-nav__toggle .close {
  display: block;
  color: white;
  opacity: 1;
}
.navbar-nav__toggle.collapsed {
  opacity: 0.75;
}
.navbar-nav__toggle.collapsed .open {
  right: -2px;
  display: block;
}
.navbar-nav__toggle:not(.collapsed) .open span {
  width: 18px;
}
.navbar-nav__toggle:not(.collapsed) .open span:first-of-type {
  transform: rotate(45deg) translateY(3px) translateX(5.5px);
}
.navbar-nav__toggle:not(.collapsed) .open span:nth-of-type(2) {
  opacity: 0;
  transform: scale(0);
}
.navbar-nav__toggle:not(.collapsed) .open span:last-of-type {
  transform: rotate(-45deg) translateY(-3px) translateX(6px);
}
.navbar .navbar-collapse#navbar-mobile {
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 2;
  border: none;
  background-color: #24292b;
  box-shadow: none;
  margin: 0;
}
@media (min-width: 1200px) {
  .navbar .navbar-collapse#navbar-mobile {
    background-color: transparent;
    display: flex !important;
    min-height: 58px;
  }
}
.navbar-collapse .navbar-nav.navbar-right {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
}
@media (min-width: 1200px) {
  .navbar-collapse .navbar-nav.navbar-right {
    width: auto;
    order: 2;
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .navbar-collapse .navbar-nav.navbar-right .dropdown:not(.dropdown-user) {
    position: relative;
  }
}
@media (min-width: 768px) {
  .navbar-collapse .navbar-nav.navbar-right .dropdown:not(.dropdown-user)::after {
    content: '';
    position: absolute;
    top: 16px;
    right: -8px;
    width: 1px;
    height: 24px;
    opacity: 0.6;
    background-color: #d0d7db;
  }
}
@media (min-width: 768px) {
  .navbar-collapse .navbar-nav.navbar-right li {
    height: 100%;
  }
}
.navbar .navbar-collapse .navbar-nav .notifications-counter {
  display: none;
}
@media (min-width: 1200px) {
  .navbar .navbar-collapse .navbar-nav .notifications-counter {
    height: 100%;
    font-size: 15px;
    padding: 18px 12px 0;
    display: inline-block;
    position: relative;
  }
}
.navbar .navbar-collapse .navbar-nav__list span.menu-bubble,
.navbar .navbar-collapse .navbar-nav .notifications-counter .notifications-bell,
.navbar .notifications-counter .notifications-bell {
  position: absolute;
  top: -13px;
  right: 8px;
  width: 22px;
  height: 22px;
  background-color: #e85531;
  border: solid 2px #191d1f;
  font-size: 10px;
  font-weight: bold;
  line-height: 18px;
  padding: 0;
  padding-left: 0;
  color: white;
}
@media (min-width: 1200px) {
  .navbar .navbar-collapse .navbar-nav__list span.menu-bubble,
  .navbar .navbar-collapse .navbar-nav .notifications-counter .notifications-bell,
  .navbar .notifications-counter .notifications-bell {
    top: 6px;
    right: 2px;
  }
}
.navbar .navbar-collapse .navbar-nav__list span.menu-bubble:hover,
.navbar .navbar-collapse .navbar-nav .notifications-counter .notifications-bell:hover,
.navbar .notifications-counter .notifications-bell:hover,
.navbar .navbar-collapse .navbar-nav__list span.menu-bubble:focus,
.navbar .navbar-collapse .navbar-nav .notifications-counter .notifications-bell:focus,
.navbar .notifications-counter .notifications-bell:focus {
  background-color: #e85531;
  border: solid 2px #191d1f;
  color: white;
}
.navbar .navbar-collapse .navbar-nav__list.navbar-nav span.menu-bubble {
  top: 10px;
  left: 25px;
}
@media (max-width: 1200px) {
  .navbar .navbar-collapse .navbar-nav__list.navbar-nav span.menu-bubble {
    top: 7px;
    left: 38px;
  }
}
.notification-container .notification-type {
  line-height: 18px;
  margin-right: 8px;
}
.notification-container a {
  color: #657b87;
}
.notification-container .notification-type i {
  font-size: 16px;
}
.notification-container .notification-type i.photo-replacement {
  font-size: 40px;
}
.notification-container .notification-description a {
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
  color: #191d1f !important;
  /* ios issue */
  text-decoration: underline;
}
.notification-container .notification-timestamp {
  margin-top: 9px;
  opacity: 0.75;
  font-size: 13px;
  font-weight: normal;
  color: #657b87;
}
.dropdown-content-body {
  padding-bottom: 12px;
}
.dropdown-content-body li {
  margin: 0;
  padding: 12px 0 8px;
}
.navbar .navbar-nav > li {
  position: static;
}
@media (min-width: 1200px) {
  .navbar .navbar-nav > li.open {
    position: relative;
  }
}
.navbar .navbar-nav li > .notifications-dropdown {
  border: none;
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  background-color: white;
}
@media (min-width: 1200px) {
  .navbar .navbar-nav li > .notifications-dropdown {
    width: auto;
    left: auto;
  }
}
.navbar .navbar-nav li.open > .notifications-dropdown {
  border: none;
  background-color: white;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  border: solid 1px #dcdfe5;
  color: #3f4d54;
  width: calc(100% - 16px);
  top: 50px;
  right: 8px;
  left: auto;
}
@media (min-width: 768px) {
  .navbar .navbar-nav li.open > .notifications-dropdown {
    width: 420px;
    top: 50px;
    left: auto;
    right: 9px;
  }
}
.notifications-dropdown .dropdown-content-heading {
  padding: 17px 13px 11px 15px;
  font-size: 15px;
  font-weight: 500;
  text-transform: none;
  color: #3f4d54;
}
@media (min-width: 1200px) {
  .notifications-dropdown .dropdown-content-heading {
    padding: 17px 22px 11px 23px;
  }
}
.notifications-dropdown .dropdown-content-heading .icons-list {
  margin-top: 4px;
}
.notifications-dropdown .dropdown-content-heading .icons-list a {
  padding-right: 5px;
  font-size: 11px;
  color: #3f4d54;
}
@media (min-width: 1200px) {
  .notifications-dropdown .dropdown-content-heading .icons-list a {
    padding-right: 0;
  }
}
.notifications-dropdown .dropdown-content-body {
  padding-left: 15px;
}
@media (min-width: 1200px) {
  .notifications-dropdown .dropdown-content-body {
    padding-left: 23px;
  }
}
.notifications-dropdown .dropdown-content-footer {
  text-align: center;
  position: relative;
  border: none;
  background-color: white;
}
.notifications-dropdown .dropdown-content-footer:before {
  position: absolute;
  top: 1px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: calc(100% - 30px);
  height: 1px;
  background-color: #dcdfe5;
  content: '';
}
@media (min-width: 1200px) {
  .notifications-dropdown .dropdown-content-footer:before {
    width: calc(100% - 48px);
  }
}
.notifications-dropdown .dropdown-content-footer a {
  margin: 0;
  display: inline-block;
  background-color: white;
  text-align: left;
  color: #3f4d54;
  padding: 14px;
  margin: 0px;
  font-size: 14px;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .notifications-dropdown .dropdown-content-footer a {
    text-align: left;
    padding: 15px 23px;
  }
}
.navbar .navbar-collapse .dropdown-user {
  width: 100%;
}
@media (min-width: 1200px) {
  .navbar .navbar-collapse .dropdown-user {
    width: auto;
    min-width: 205px;
  }
}
.navbar .navbar-collapse .dropdown-user a {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding-top: 18px;
  padding-left: 24px;
  padding-bottom: 16px;
}
@media (min-width: 1200px) {
  .navbar .navbar-collapse .dropdown-user a {
    height: 100%;
    padding-top: 3px;
    padding-bottom: 0;
  }
}
.navbar .navbar-collapse .dropdown-user__wrapper {
  display: flex;
  align-items: center;
}
@media (min-width: 1200px) {
  .navbar .navbar-collapse .dropdown-user__wrapper {
    margin-right: 10px;
  }
}
.navbar .navbar-collapse .dropdown-user__info {
  display: inline-block;
  font-family: 'Helvetica Neue', 'Roboto', Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 8px;
  letter-spacing: normal;
  color: white;
}
@media (min-width: 1200px) {
  .navbar .navbar-collapse .dropdown-user__info {
    line-height: 15px;
  }
}
.navbar .navbar-collapse .dropdown-user__info span {
  display: block;
  font-family: 'Helvetica Neue', 'Roboto', Arial, sans-serif;
}
@media (min-width: 1200px) {
  .navbar .navbar-collapse .dropdown-user__info span {
    margin-top: -4px;
  }
}
.navbar .navbar-collapse span.dropdown-user__job {
  margin-top: 8px;
  font-size: 12px;
  color: #d0d7db;
  opacity: 0.6;
}
@media (min-width: 1200px) {
  .navbar .navbar-collapse span.dropdown-user__job {
    display: none;
  }
}
.navbar .dropdown-user img {
  max-height: 32px;
  margin-right: 8px;
}
.navbar .navbar-collapse .dropdown-user .caret {
  position: relative;
  top: -8px;
  width: 10px;
  margin-right: 11px;
  margin-left: 0;
}
@media (min-width: 1200px) {
  .navbar .navbar-collapse .dropdown-user .caret {
    top: -4px;
    margin-right: 3px;
  }
}
.navbar .navbar-collapse .dropdown-user .dropdown-menu {
  position: relative;
  padding-top: 13px;
  padding-right: 32px;
  padding-left: 32px;
  background-color: #191d1f;
  border: none;
  box-shadow: none;
}
@media (min-width: 768px) {
  .navbar .navbar-collapse .dropdown-user .dropdown-menu {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar .navbar-collapse .dropdown-user .dropdown-menu {
    position: absolute;
    border-radius: 2px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    background-color: white;
    border: solid 1px #dcdfe5;
  }
}
.navbar-right .dropdown .dropdown-toggle i {
  display: none;
  margin-top: -12px;
  font-size: 20px;
}
@media (min-width: 1200px) {
  .navbar-right .dropdown .dropdown-toggle i {
    display: inline-block;
  }
}
.navbar .navbar-collapse .dropdown-user.open .dropdown-menu {
  width: 100%;
  display: inline-block;
}
@media (min-width: 1200px) {
  .navbar .navbar-collapse .dropdown-user.open .dropdown-menu {
    top: 50px;
    left: 2px;
    max-width: 189px;
    margin-left: 0;
  }
}
.navbar .navbar-collapse .dropdown-user .dropdown-menu li {
  border: none;
  margin: 0;
  float: none;
}
@media (min-width: 1200px) {
  .navbar .navbar-collapse .dropdown-user .dropdown-menu li {
    display: list-item;
  }
}
@media (min-width: 1200px) {
  .navbar .navbar-collapse .dropdown-user .dropdown-menu li.active a {
    background-color: rgba(0, 0, 0, 0.05);
  }
}
.navbar .navbar-collapse .dropdown-user .dropdown-menu li a {
  border: none;
  justify-content: flex-start;
  padding-left: 0;
  padding-bottom: 11px;
  padding-right: 0;
  color: white;
}
@media (min-width: 768px) {
  .navbar .navbar-collapse .dropdown-user .dropdown-menu li a {
    padding: 20px 62px 18px;
  }
  .navbar .navbar-collapse .dropdown-user .dropdown-menu li a:hover {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media (min-width: 1200px) {
  .navbar .navbar-collapse .dropdown-user .dropdown-menu li a {
    font-size: 13px;
    padding: 12px 11px 14px;
    color: #3f4d54;
  }
}
.navbar .navbar-collapse .dropdown-user .dropdown-menu .divider {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  min-height: 1px;
  margin-top: 8px;
  margin-bottom: 7px;
  background-color: rgba(255, 255, 255, 0.15);
}
@media (min-width: 768px) {
  .navbar .navbar-collapse .dropdown-user .dropdown-menu .divider {
    max-width: calc(100% - 124px);
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .navbar .navbar-collapse .dropdown-user .dropdown-menu .divider {
    max-width: none;
    background-color: #dcdfe5;
  }
}
.navbar .navbar-collapse .dropdown-user .dropdown-menu .after-divider {
  padding-left: 2px;
}
@media (min-width: 1200px) {
  .navbar .navbar-collapse .dropdown-user .dropdown-menu .fal,
  .navbar .navbar-collapse .dropdown-user .dropdown-menu .fas {
    margin-right: 8px;
  }
}
.navbar .navbar-collapse .navbar-nav__list {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  border-bottom: none;
  margin-left: 0;
}
@media (min-width: 1200px) {
  .navbar .navbar-collapse .navbar-nav__list {
    width: auto;
    margin-left: 21px;
    position: relative;
  }
}
.navbar .navbar-collapse .navbar-nav__list li {
  margin-top: 0;
  float: none;
}
@media (min-width: 1200px) {
  .navbar .navbar-collapse .navbar-nav__list li {
    height: 100%;
    float: left;
  }
}
.navbar .navbar-collapse .navbar-nav__list li.active a {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.15);
}
.navbar .navbar-collapse .navbar-nav__list li.active a::after {
  content: none;
}
.navbar .navbar-collapse .navbar-nav__list a {
  padding: 18px 24px 17px;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 13px;
  border-top: 1px solid #1E2425;
  background-color: rgba(255, 255, 255, 0);
}
@media (min-width: 1200px) {
  .navbar .navbar-collapse .navbar-nav__list a {
    border: none;
    height: 100%;
    padding: 22px 12px 0 12px;
  }
  .navbar .navbar-collapse .navbar-nav__list a:hover {
    opacity: 1;
    background-color: rgba(255, 255, 255, 0.15);
  }
}
.navbar .navbar-collapse .navbar-nav__list span:first-of-type,
.navbar .navbar-collapse .navbar-nav__list .icon-container {
  opacity: 0.75;
}
@media (min-width: 1200px) {
  .navbar .navbar-collapse .navbar-nav__list a:hover span:first-of-type,
  .navbar .navbar-collapse .navbar-nav__list a:hover .icon-container {
    opacity: 1;
  }
}
.navbar .navbar-collapse .navbar-nav__list .icon-container {
  display: inline-block;
  margin-right: 4px;
  text-align: center;
}
.navbar .navbar-collapse .navbar-nav__list .icon-container i {
  font-size: 20px;
}
@media (max-width: 1200px) {
  .navbar .navbar-collapse .navbar-nav__list .icon-container {
    margin-right: 10px;
  }
}
@media (min-width: 1200px) {
  .navbar .navbar-collapse .navbar-nav__list .fal {
    font-size: 16px;
    position: relative;
  }
}
.navbar .navbar-collapse .navbar-nav__list span {
  font-size: 14px;
}
ul.navbar li.dropdown a {
  height: 100%;
  opacity: 0.68;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
}
ul.navbar li.dropdown.active a {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.15);
  font-size: 14px;
  font-weight: normal;
}
ul.navbar li.dropdown.active a::after {
  content: none;
}
.body-backdrop {
  background-color: rgba(0, 0, 0, 0.34);
  transition: opacity 0.15s ease-in-out;
  position: fixed;
  opacity: 0;
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.navbar-open .body-backdrop {
  transition: opacity 0.15s ease-in-out;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 1;
}
#navbar-second::before,
#navbar-second::after {
  content: none !important;
}
#navbar-second .navbar-container {
  position: relative;
  overflow: hidden;
  display: flex;
  align-self: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1400px;
  height: 40px;
}
#navbar-second .navbar-container #navbar-second-toggle {
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: nowrap;
  flex-direction: row;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  align-items: center;
  justify-content: space-between;
  align-self: flex-start;
  -ms-overflow-style: none;
}
@media (min-width: 1200px) {
  #navbar-second .navbar-container #navbar-second-toggle {
    flex: auto;
    overflow-x: auto;
    overflow-y: hidden;
  }
}
#navbar-second .breadcrumb {
  padding-top: 2px;
  padding-bottom: 0;
  padding-right: 16px;
  padding-left: 16px;
  margin: 0;
  position: relative;
  display: inline-block;
  float: left;
  flex: auto;
  white-space: nowrap;
  max-width: 90vw;
  overflow: hidden;
  scroll-y: none;
}
@media (min-width: 1200px) {
  #navbar-second .breadcrumb {
    margin-left: -4px;
    float: left;
  }
}
#navbar-second .breadcrumb li a {
  color: #657b87;
}
#navbar-second .breadcrumb-caret > li + li:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f054";
  display: inline-block;
  position: relative;
  width: 14px;
  font-size: 10px;
}
#navbar-second .breadcrumb li a.breadcrumb-page-title {
  font-size: 13px;
  font-weight: 500;
  color: #3f4d54;
  line-height: 13px;
}
#navbar-second #nav-user-name {
  float: right;
  display: inline-block;
  height: 24px;
  margin-right: 0;
  order: 2;
}
@media (min-width: 1200px) {
  #navbar-second #nav-user-name {
    height: auto;
    margin-right: 14px;
  }
}
#navbar-second #nav-user-name li {
  display: inline-block;
}
@media (min-width: 1200px) {
  #navbar-second #nav-user-name li:first-of-type {
    margin-top: 6px;
  }
}
#navbar-second #nav-user-name li:not(:last-of-type) {
  margin-right: 7px;
}
#navbar-second #nav-user-name li a {
  padding: 0;
  text-transform: none;
  color: #191d1f;
  line-height: 20px;
  font-size: 13px;
  font-weight: 500;
}
#navbar-second #nav-user-name li a.change-client {
  font-size: 15px;
  padding: 5px 2px 5px;
  transform: scale(1.05);
}
#navbar-second #nav-user-name li a span.board-circle {
  position: relative;
  display: inline-block;
  line-height: 24px;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  line-height: 25px;
  vertical-align: 1px;
  border-radius: 100%;
  font-size: 11px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  #navbar-second #nav-user-name li a span.board-circle {
    line-height: 0;
    color: transparent;
    width: 6px;
    height: 6px;
    margin-right: 1px;
    top: -2px;
  }
}
.gradient-scroll::before {
  pointer-events: none;
  content: '';
  width: 100px;
  height: 100%;
  background-image: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
@media (min-width: 1200px) {
  .gradient-scroll::before {
    content: none;
  }
}
.gradient-scroll.right-gradient::before {
  background-image: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
  right: 0;
  left: auto;
}
@media (min-width: 1200px) {
  .gradient-scroll.right-gradient::before {
    content: none;
  }
}
.modal {
  text-align: center;
  padding: 0!important;
}
.modal.fade {
  opacity: 1;
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
  /* Adjusts for spacing */
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.modal-dialog.standard .modal-body {
  padding-top: 33px;
  padding-bottom: 31px;
}
.modal-dialog.standard .modal-footer .round-button i {
  position: static;
  margin-right: 8px;
}
.modal .modal-dialog {
  background-color: transparent;
  border: none;
  margin: 20px auto 90px;
}
@media (min-width: 768px) {
  .modal .modal-dialog {
    margin-top: 30px;
    width: 538px;
  }
}
@media (min-width: 769px) {
  .modal .modal-dialog.modal-sm {
    width: 400px;
  }
}
.modal .modal-dialog.modal-lg {
  width: 100%;
}
@media (min-width: 1025px) {
  .modal .modal-dialog.modal-lg {
    width: 900px;
  }
}
.modal-backdrop.in {
  opacity: 0.8;
}
.blockMsg i {
  display: none !important;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin-flip {
  0% {
    transform: scaleX(-1) rotate(0deg);
  }
  100% {
    transform: scaleX(-1) rotate(-360deg);
  }
}
.loading-spinner-wrapper {
  background-color: #dcdfe5;
  height: 90px;
  padding: 20px;
  display: block;
}
.loading-spinner-wrapper img {
  display: block;
  width: 50px;
  height: 50px;
  margin: auto;
  background-size: cover;
  background-repeat: no-repeat;
  animation: spin 1s linear infinite;
}
.blockMsg > div:first-of-type,
.cog-wrapper img,
.loading-spinner-mg {
  background-image: url('https://dev-matt.theconcinnitycompany.com/static/assets/images/loading_spinner.png?85ec8d71285a');
  position: relative;
  display: inline-block;
  width: 84px;
  height: 84px;
  background-size: cover;
  background-repeat: no-repeat;
  animation: spin-flip 1s linear infinite;
}
.modal-print .loading-spinner-mg {
  margin: auto;
  content: "Loading";
  margin-left: 138px;
}
.modal-title {
  width: calc(100% - 26px);
  min-height: 26px;
  font-size: 17px;
  font-weight: 500;
  color: #213241;
  letter-spacing: normal;
}
@media (min-width: 768px) {
  .modal-title {
    min-height: 27px;
    font-size: 18px;
  }
}
.modal-header {
  padding: 17px 15px 13px;
  display: inline-block;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .modal-header {
    padding: 18px 32px 13px;
  }
}
.modal-header .close {
  top: 19px;
  right: 20px;
  opacity: 1;
}
@media (min-width: 768px) {
  .modal-header .close {
    top: 21px;
    right: 36px;
  }
}
.modal-header .close:hover {
  opacity: 0.5;
}
.modal-header .close i {
  font-size: 20px;
  color: #657b87;
}
.modal-body {
  padding: 22px 15px 1px;
}
@media (min-width: 768px) {
  .modal-body {
    padding: 4px 32px 0 32px;
  }
}
.modal-body:empty {
  padding: 0;
}
.modal-body .form-group .switchery {
  display: inline-block;
  position: relative;
  top: -2px;
  width: 51px;
  height: 26px;
  margin-top: 4px;
  margin-right: 4px;
  margin-left: 1px;
  margin-bottom: -2px;
}
.modal-body .form-group .switchery-default {
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16) !important;
}
.modal-body .form-group .switchery > small {
  width: 24px;
  height: 24px;
  top: 1px;
}
.modal-body .form-group .switchery-default > small {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.46);
}
.modal-body .form-group input[type="checkbox"] > label,
.modal-body .form-group .checkbox-label {
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  top: 7px;
  position: relative;
  vertical-align: top;
}
.modal-body .form-group {
  margin-bottom: 22px;
}
@media (min-width: 768px) {
  .modal-body .form-group {
    display: inline-block;
    width: 100%;
  }
}
.modal-body .form-group.half {
  width: 100%;
  display: block;
}
@media (min-width: 768px) {
  .modal-body .form-group.half {
    width: 232px;
  }
}
.modal-body .form-group.third {
  width: 100%;
  margin: auto;
  display: block;
}
@media (min-width: 768px) {
  .modal-body .form-group.third {
    width: 150px;
  }
}
@media (min-width: 768px) {
  .modal-body .form-group--double-container {
    display: flex;
    vertical-align: bottom;
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
  }
}
@media (min-width: 768px) {
  .modal-body .form-group--double-container .form-group--half:nth-of-type(even) {
    float: right;
  }
}
@media (min-width: 768px) {
  .modal-body .form-group--half {
    display: inline-block;
    width: 228px;
    float: left;
  }
}
.modal-body .form-group-label,
.modal-body .form-group label {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #3f4d54;
  line-height: 20px;
  vertical-align: top;
}
.modal-body .form-group label.radio-inline {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #657b87;
}
.modal-body .form-group label .label-light {
  display: inline-block;
  margin-left: 1px;
  opacity: 0.6;
  color: #657b87;
  font-weight: normal;
}
.modal-body .form-group select.form-control,
.modal-body .form-group input.form-control {
  width: 100%;
  padding: 7px 11px;
  margin-top: 3px;
  border-radius: 2px;
  border: solid 1px #dcdfe5;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
}
.modal-body .form-group select.form-control.not-valid,
.modal-body .form-group input.form-control.not-valid,
.modal-body .form-group select.form-control.valid,
.modal-body .form-group input.form-control.valid {
  border: solid 1px #dcdfe5;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
}
.modal-body .form-group select.form-control:focus,
.modal-body .form-group input.form-control:focus {
  border: solid 1px #dcdfe5;
  box-shadow: 0 1px 6px 0 rgba(101, 123, 135, 0.12), inset 0 0 8px 0 rgba(101, 123, 135, 0.3);
}
@media (min-width: 768px) {
  .modal-body .form-group input.date {
    width: 228px;
    margin-right: 16px;
  }
}
.modal-body .form-group textarea.form-control,
.modal-body .form-group .note-editor {
  padding: 7px 11px;
  margin-top: 3px;
  border-radius: 2px;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
  background-color: white;
  border: solid 1px #dcdfe5;
  min-height: 108px;
}
.modal-body .form-group .note-editor .note-toolbar {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.modal-body .form-group .note-editor .note-editable {
  padding: 0;
}
.modal-body .form-group .note-editor .note-statusbar {
  opacity: 0;
}
.modal-body .nav-tabs::before {
  content: none;
}
.modal-body .nav-tabs {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 2px;
  margin-bottom: 16px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  float: left;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom: none;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0), #ffffff);
  border-top: solid 1px #D3DADE;
  border-left: solid 1px #D3DADE;
  border-right: solid 1px #D3DADE;
  box-shadow: none;
}
@media (min-width: 768px) {
  .modal-body .nav-tabs {
    display: inline-block;
    width: auto;
    margin-top: 0;
  }
}
.modal-body .nav-tabs:before {
  content: none;
}
.modal-body .nav-tabs.nav > li {
  position: relative;
  display: inline-block;
  flex: 1;
  font-size: 0;
  border-bottom: 1px solid #D3DADE;
  border-right: none;
  text-align: center;
  height: 41px;
}
@media (min-width: 768px) {
  .modal-body .nav-tabs.nav > li {
    display: inline-block;
    float: left;
    width: auto;
    text-align: left;
  }
}
.modal-body .nav-tabs.nav > li:before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  height: 4px;
  width: calc(100% + 1px);
  background-color: transparent;
}
.modal-body .nav-tabs.nav > li:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  background-color: #d0d7db;
}
.modal-body .nav-tabs.nav > li:first-of-type::before {
  border-top-left-radius: 2px;
}
.modal-body .nav-tabs.nav > li:last-of-type::before {
  border-top-right-radius: 2px;
}
.modal-body .nav-tabs.nav > li:last-of-type::after {
  content: none;
}
.modal-body .nav-tabs.nav > li:last-of-type a::after {
  content: none !important;
}
.modal-body .nav-tabs.nav > li.active {
  background-color: white;
  background-image: none;
  border-bottom: 1px solid #D3DADE;
  font-weight: 500;
}
@media (min-width: 768px) {
  .modal-body .nav-tabs.nav > li.active {
    border-bottom: 1px solid white;
  }
}
.modal-body .nav-tabs.nav > li.active:before {
  background-color: #3f4d54;
  z-index: 1;
}
.modal-body .nav-tabs.nav > li.active:last-of-type::before {
  width: calc(100% + 2px);
}
.modal-body .nav-tabs.nav > li a {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
  line-height: 16px;
  color: #657b87;
  border: none;
  background-color: transparent;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .modal-body .nav-tabs.nav > li a {
    padding: 9px 24px;
  }
}
.modal-body .nav-tabs.nav > li a:hover,
.modal-body .nav-tabs.nav > li a:focus {
  border: none;
}
.modal-body .nav-tabs.nav > li.active a {
  background-color: transparent;
  border-top: none;
  border-left: none;
  font-weight: 500;
  color: #191d1f;
  padding-top: 2px;
}
@media (min-width: 768px) {
  .modal-body .nav-tabs.nav > li.active a {
    padding-top: 10px;
    padding-bottom: 8px;
  }
}
@media (min-width: 992px) {
  .modal-body .nav-tabs.nav > li.active a {
    padding-bottom: 9px;
  }
}
.modal-body .tab-content {
  width: 100%;
  display: inline-block;
}
.modal-footer {
  padding: 0 15px 5px;
}
@media (min-width: 768px) {
  .modal-footer {
    padding: 0 32px 21px;
  }
}
.modal-footer:empty {
  display: none;
}
.modal-footer hr {
  margin: 0 auto;
  display: inline-block;
  float: left;
  width: 100%;
}
.modal-footer .form-group--cta {
  margin-top: 21px;
}
.modal-footer .form-group--cta .prev {
  float: none;
}
.modal-footer .form-group--cta .round-button {
  font-size: 11px;
  line-height: 34px;
}
.modal-footer .form-group--cta .round-button:not(:last-of-type) {
  margin-right: 8px;
}
@media (min-width: 768px) {
  .modal-footer .form-group--cta .round-button:not(:last-of-type) {
    margin-right: 4px;
  }
}
.modal-footer .form-group--cta .round-button:nth-of-type(3) {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .modal-footer .form-group--cta .round-button:nth-of-type(3) {
    margin-top: 0;
  }
}
.modal-footer .form-group--cta .round-button.save {
  padding: 0 11px 0 10px;
}
.modal-footer .form-group--cta .round-button.save.disabled {
  opacity: 0.2;
}
#modal-schedule-meeting .modal-body {
  padding-top: 22px;
}
@media (min-width: 768px) {
  #modal-schedule-meeting .modal-body {
    padding-top: 30px;
    padding-left: 33px;
  }
}
#modal-schedule-meeting .modal-footer .prev {
  float: left;
}
#modal-schedule-meeting #schedule-meeting-user-option > label {
  display: block;
  margin-bottom: 14px;
}
@media (min-width: 768px) {
  #modal-schedule-meeting #schedule-meeting-user-option > label {
    margin-bottom: 1px;
  }
}
#modal-schedule-meeting #schedule-meeting-user-option .radio {
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  #modal-schedule-meeting #schedule-meeting-user-option .radio {
    display: inline-block;
    margin-right: 17px;
    margin-bottom: 0;
  }
}
#modal-schedule-meeting #schedule-meeting-user-option .radio label {
  padding-left: 22px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #657b87;
}
#modal-schedule-meeting #schedule-meeting-user-option .radio .choice {
  top: -2px;
}
#modal-schedule-meeting #select-users-task,
#modal-schedule-meeting #select-users-room,
#modal-schedule-meeting #select-users-custom {
  margin-top: -12px;
}
@media (min-width: 768px) {
  #modal-schedule-meeting #select-users-task,
  #modal-schedule-meeting #select-users-room,
  #modal-schedule-meeting #select-users-custom {
    top: -1px;
  }
}
#modal-start-chat .modal-body {
  padding-top: 26px;
}
@media (min-width: 768px) {
  #modal-start-chat .modal-body {
    padding-top: 34px;
    padding-left: 33px;
    padding-bottom: 9px;
  }
}
#modal-start-chat .modal-body .form-group {
  margin-bottom: 16px;
}
#modal-start-chat .form-group--cta {
  margin-bottom: 19px;
}
@media (min-width: 768px) {
  #modal-start-chat .form-group--cta {
    margin-bottom: 11px;
  }
}
#modal-start-chat .round-button--white {
  position: relative;
  top: 1px;
  padding: 0 12px 0px 12px;
}
@media (min-width: 768px) {
  #edit-message-modal .modal-body {
    padding-top: 30px;
    padding-left: 33px;
  }
}
#edit-message-modal .modal-body .form-group {
  margin-bottom: 31px;
}
#edit-message-modal .modal-footer {
  padding-bottom: 25px;
}
#edit-message-modal .modal-footer .round-button.save {
  padding: 0 13px 0 9px;
  margin-left: 12px;
  opacity: 1;
}
#edit-message-modal .modal-footer .round-button--red i {
  top: 1px;
  right: -1px;
}
#export-calendar-modal .modal-body {
  padding-bottom: 22px;
}
@media (min-width: 768px) {
  #export-calendar-modal .modal-body {
    padding-bottom: 32px;
    padding-left: 32px;
  }
}
#export-calendar-modal .export-flex {
  text-align: center;
}
@media (min-width: 768px) {
  #export-calendar-modal .export-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    text-align: left;
  }
}
#export-calendar-modal h4 {
  margin-top: 2px;
  margin-bottom: 6px;
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #3f4d54;
}
@media (min-width: 768px) {
  #export-calendar-modal h4 {
    margin-top: 10px;
  }
}
#export-calendar-modal p {
  width: 20px;
  margin: 0 auto 1px;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  line-height: 18px;
  letter-spacing: normal;
  color: #657b87;
}
@media (min-width: 768px) {
  #export-calendar-modal p {
    margin-left: 0;
    margin-bottom: 0;
    width: 294px;
  }
}
#export-calendar-modal .round-button {
  margin-top: 10px;
  padding-left: 12px;
}
#export-calendar-modal .round-button i {
  position: relative;
  top: 0;
}
#export-calendar-modal .export-row {
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  #export-calendar-modal .export-row {
    text-align: left;
  }
}
#export-calendar-modal .export-row h4 {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  #export-calendar-modal .copy-btn {
    float: left;
    margin: 40px 80px 10px 80px;
  }
}
#export-calendar-modal hr {
  display: inline-block;
  width: 100%;
  height: 1px;
  float: left;
  vertical-align: top;
  margin-top: 24px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  #export-calendar-modal hr {
    margin-top: 19px;
    margin-bottom: 5px;
  }
}
#export-calendar-modal .col-card {
  width: 100%;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 11px;
}
@media (min-width: 768px) {
  #export-calendar-modal .col-card {
    width: auto;
    margin-bottom: 0;
  }
}
#export-calendar-modal .col-card.active {
  color: #191d1f;
}
@media (min-width: 768px) {
  #export-calendar-modal .col-card:first-of-type {
    margin-left: 2px;
  }
}
#zoom-call-options {
  padding-bottom: 20px;
}
#zoom-call-options .export-row {
  font-size: 14px;
  margin: 10px;
}
#zoom-call-options .platform-card {
  margin-right: 15px;
}
#zoom-call-options .platform-card,
#export-calendar-modal .platform-card {
  position: relative;
  display: inline-block;
  width: 198px;
  padding: 5px 0 14px 61px;
  border-radius: 2px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  background-color: white;
  border: solid 1px #dcdfe5;
  text-align: center;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  line-height: 19px;
  letter-spacing: normal;
  color: #657b87;
  text-align: left;
}
@media (min-width: 768px) {
  #zoom-call-options .platform-card,
  #export-calendar-modal .platform-card {
    width: 140px;
    padding: 21px 0 18px;
    text-align: center;
  }
}
#zoom-call-options .platform-card:hover,
#export-calendar-modal .platform-card:hover,
#zoom-call-options .platform-card:focus,
#export-calendar-modal .platform-card:focus {
  color: #191d1f;
}
#zoom-call-options .platform-card:hover i,
#export-calendar-modal .platform-card:hover i,
#zoom-call-options .platform-card:focus i,
#export-calendar-modal .platform-card:focus i {
  color: #191d1f;
}
#zoom-call-options .platform-card i,
#export-calendar-modal .platform-card i {
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  width: auto;
  height: 30px;
  color: #657b87;
  font-size: 30px;
}
@media (min-width: 768px) {
  #zoom-call-options .platform-card i,
  #export-calendar-modal .platform-card i {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: auto;
    height: 31px;
    font-size: auto;
  }
}
#zoom-call-options .platform-card span,
#export-calendar-modal .platform-card span {
  margin-top: 11px;
  display: inline-block;
}
@media (min-width: 768px) {
  #zoom-call-options .platform-card span,
  #export-calendar-modal .platform-card span {
    width: 100%;
  }
}
@media (min-width: 768px) {
  #zoom-call-options .platform-card #meeting-details-modal .modal-body,
  #export-calendar-modal .platform-card #meeting-details-modal .modal-body {
    padding-top: 30px;
  }
}
@media (min-width: 768px) {
  #toggle_file_star_admin .modal-body {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.user-phone-numbers,
.fancy-cards {
  text-align: center;
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
  padding-left: 3px;
  padding-right: 3px;
}
@media (min-width: 768px) {
  .user-phone-numbers,
  .fancy-cards {
    margin-top: 20px;
    text-align: left;
  }
}
.user-phone-numbers p,
.fancy-cards p {
  width: 244px;
  display: block;
  margin: 0 auto 24px;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #3f4d54;
}
@media (min-width: 768px) {
  .user-phone-numbers p,
  .fancy-cards p {
    width: 100%;
  }
}
.user-phone-numbers .col-card,
.fancy-cards .col-card {
  display: inline-block;
  width: 100%;
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 11px;
}
@media (min-width: 768px) {
  .user-phone-numbers .col-card,
  .fancy-cards .col-card {
    width: auto;
    margin-left: -8px;
    margin-bottom: 0;
  }
}
.user-phone-numbers .platform-card,
.fancy-cards .platform-card {
  position: relative;
  display: block;
  width: 108px;
  padding: 21px 0 16px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
  border-radius: 2px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  background-color: white;
  border: solid 1px #dcdfe5;
  text-align: center;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  line-height: 19px;
  letter-spacing: normal;
  color: #657b87;
}
@media (min-width: 768px) {
  .user-phone-numbers .platform-card,
  .fancy-cards .platform-card {
    display: inline-block;
    width: 115px;
    padding: 21px 0 18px;
    margin-right: 24px;
    margin-left: 0;
    margin-bottom: 0;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .user-phone-numbers .platform-card:last-of-type,
  .fancy-cards .platform-card:last-of-type {
    margin-right: 0;
  }
}
.user-phone-numbers .platform-card:hover,
.fancy-cards .platform-card:hover,
.user-phone-numbers .platform-card:focus,
.fancy-cards .platform-card:focus {
  color: #191d1f;
}
.user-phone-numbers .platform-card:hover i,
.fancy-cards .platform-card:hover i,
.user-phone-numbers .platform-card:focus i,
.fancy-cards .platform-card:focus i {
  color: #191d1f;
}
.user-phone-numbers .platform-card i,
.fancy-cards .platform-card i {
  display: inline-block;
  position: relative;
  width: auto;
  height: 26px;
  color: #657b87;
}
@media (min-width: 768px) {
  .user-phone-numbers .platform-card i,
  .fancy-cards .platform-card i {
    width: auto;
    height: 31px;
  }
}
.user-phone-numbers .platform-card span,
.fancy-cards .platform-card span {
  margin-top: 10px;
  display: inline-block;
  width: 100%;
}
@media (min-width: 768px) {
  .user-phone-numbers .platform-card span,
  .fancy-cards .platform-card span {
    margin-top: 14px;
    letter-spacing: normal;
    padding-right: 1px;
  }
}
@media (min-width: 768px) {
  #export-calendar-modal .col-card:first-of-type {
    margin-left: 2px;
  }
}
#modal-file-preview .modal-header {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
#modal-file-preview .modal-body {
  padding-top: 11px;
  padding-left: 0;
  padding-right: 0;
}
.modal table.modal-table {
  width: 100%;
}
.modal table.modal-table td {
  padding: 2px 5px;
}
.modal table.modal-table td .form-control,
.modal table.modal-table td .button {
  margin-top: 0px;
}
.modal table.modal-table td .far,
.modal table.modal-table td .fas {
  font-size: 18px;
}
.modal #document-permission-details {
  margin-right: 25px;
}
#edit-tag .modal-body .form-group {
  margin-bottom: 10px;
}
.office-preview-wrapper img {
  height: 60px;
}
.office-preview-wrapper .platform-card {
  color: #657b87;
  height: 60px;
}
.office-preview-wrapper .platform-card .btn {
  margin-top: 60px;
}
/* bootstrap-modal.css — compiled from modal-only.scss */
/* Modal variables and root styles (simplified excerpt) */
:root {
  --bs-modal-zindex: 1050;
  --bs-modal-backdrop-zindex: 1030;
  --bs-modal-keyboard: true;
  --bs-modal-width: auto;
  --bs-modal-padding: 1rem;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  /* ... more variables ... */
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
  opacity: var(--bs-backdrop-opacity);
}
.modal-backdrop.fade {
  opacity: 0.5;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
.modal.show .modal-dialog {
  transform: none;
}
.modal {
  z-index: var(--bs-modal-zindex);
}
/*
 
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  overflow: hidden;
}

.modal.show {
  display: block;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-dialog-margin);
  pointer-events: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
 */
.modal.modal-upload .modal-dialog {
  width: 100%;
}
@media (min-width: 768px) {
  .modal.modal-upload .modal-dialog {
    width: 768px;
  }
}
.plupload_wrapper {
  border: 1px dashed #ddd;
  border-radius: 2px;
  background-color: rgba(237, 240, 242, 0.2);
}
.plupload_filelist_header {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  padding: 13px 14px 11px 11px;
}
.plupload_file_name,
.plupload_file_action,
.plupload_file_status,
.plupload_file_size {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: #657b87;
}
@media (min-width: 768px) {
  .plupload_file_size,
  .plupload_file_status,
  .plupload_progress {
    width: auto;
  }
}
.plupload_file_name {
  margin-right: 20px;
  margin-left: 0;
}
.plupload_file_action {
  margin-right: 0;
  margin-left: 26px;
}
.plupload_file_status {
  margin-right: 0;
  margin-left: 20px;
}
.plupload_file_size {
  margin-right: 0;
  margin-left: auto;
}
.plupload_file_status {
  order: 2;
}
.plupload_file_action {
  order: 4;
}
.plupload_file_status,
.plupload_file_size {
  float: right;
}
@media (min-width: 768px) {
  .plupload_filelist_footer {
    padding: 23px 14px 7px;
  }
}
@media (min-width: 768px) {
  .plupload_filelist_footer .plupload_file_action {
    margin-left: 25px;
  }
}
@media (min-width: 768px) {
  .plupload_filelist_footer .plupload_file_status {
    margin-left: 21px;
  }
}
.plupload_scroll .plupload_filelist {
  background-color: transparent;
}
.plupload_filelist li.plupload_droptext {
  height: 100%;
}
.plupload_filelist:empty:before,
.plupload_filelist li.plupload_droptext:before {
  height: 100%;
  font-size: 9px;
  background-image: url(/static/fa-file-plus.png?0d856830837e&85ec8d71285a);
  background-repeat: no-repeat;
  background-size: 21px;
  background-position: center 51px;
  content: '';
}
.plupload_filelist:empty:after,
.plupload_filelist li.plupload_droptext:after {
  height: 100%;
  padding-top: 82px;
  font-size: 14px;
  font-weight: 500;
  color: #3f4d54;
  text-decoration: underline;
  content: 'Select files to upload';
}
@media (min-width: 992px) {
  .plupload_filelist:empty:after,
  .plupload_filelist li.plupload_droptext:after {
    content: 'Drag files to upload';
    padding-top: 117px;
  }
}
.plupload_filelist_header .plupload_file_name {
  visibility: hidden;
}
.plupload_filelist_header .plupload_file_name:after {
  content: 'File Name';
  visibility: visible;
  position: relative;
  left: -49px;
}
#modal-upload .tab-content {
  border: none;
}
#modal-upload .tab-pane > .panel {
  box-shadow: none;
}
#modal-upload .tab-pane > .panel > .panel-body {
  padding: 0;
}
#modal-upload .tab-pane > .panel > .panel-body::before {
  content: none;
}
#uploader-options-panel {
  margin-top: 25px;
  border-top: solid 1px rgba(101, 123, 135, 0.3);
  box-shadow: none;
}
@media (min-width: 768px) {
  #uploader-options-panel {
    margin-top: 12px;
  }
}
#uploader-options-panel > .panel-heading {
  padding-top: 16px;
  padding-left: 0;
  padding-bottom: 3px;
}
@media (min-width: 768px) {
  #uploader-options-panel > .panel-heading {
    padding-bottom: 7px;
  }
}
#uploader-options-panel .panel-heading {
  background-color: transparent;
}
#uploader-options-panel .form-group .panel-heading {
  padding-top: 8px;
  padding-left: 6px;
}
@media (min-width: 768px) {
  #uploader-options-panel .form-group .panel-heading {
    padding-top: 16px;
  }
}
#uploader-options-panel .panel-heading h6,
#select-existing-files-panel .panel-heading h6 {
  font-size: 14px;
  font-weight: 500;
  color: #3f4d54;
}
#uploader-options-panel .panel {
  box-shadow: none;
  background-color: transparent;
}
@media (min-width: 768px) {
  #uploader-options-panel .panel {
    margin-bottom: 18px;
  }
}
#uploader-options-panel .permissions-control > .panel {
  padding: 0;
}
@media (min-width: 768px) {
  #uploader-options-panel .panel-group-control {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
#uploader-options-panel > .panel-body {
  padding: 0;
}
#uploader-options-panel .panel-body #upload-file-permissions-panel {
  display: inline-block;
  width: 100%;
  padding-left: 9px;
  padding-right: 9px;
  margin-bottom: 16px;
  border-radius: 2px;
  background-color: #F6F7F8;
}
@media (min-width: 768px) {
  #uploader-options-panel .panel-body #upload-file-permissions-panel {
    padding-left: 14px;
    padding-right: 22px;
  }
}
#uploader-options-panel .panel-body #upload-file-permissions-panel .panel-body {
  background-color: #F6F7F8;
}
#uploader-options-panel .form-group .panel-body {
  padding: 0;
  margin-bottom: 9px;
}
#uploader-options-panel .panel .panel-title a {
  padding-left: 23px;
  font-size: 13px;
  font-weight: 500;
  color: #3f4d54;
  letter-spacing: normal;
  text-decoration: underline;
}
#uploader-options-panel .panel .panel-title a::before {
  font-size: 18px;
  color: #3f4d54;
}
.modal .form-control-select--2 {
  width: 100%;
}
.modal .select2-selection--single .select2-selection__arrow:after {
  z-index: 2;
  position: absolute;
  pointer-events: none;
  right: 9px;
  content: '\e9c5';
  color: #657b87;
  font-family: 'icomoon';
  display: block;
  font-size: 22px;
  width: 16px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.modal .select2-selection:not(.select2-selection--multiple) {
  height: 36px;
}
.modal .select2-selection {
  width: 100%;
  -webkit-appearance: none;
  padding-left: 0;
  padding-top: 6px;
  padding-bottom: 7px;
  border-radius: 2px;
  background-color: white;
  border: solid 1px rgba(101, 123, 135, 0.3);
  color: #657b87;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
  font-size: 13px;
  color: #191d1f;
}
.modal .select2-selection:hover,
.modal .select2-selection:focus {
  border: solid 1px rgba(101, 123, 135, 0.3);
  color: #657b87;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
}
.modal .select2-container--default.select2-container--focus .select2-selection--multiple,
.modal .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]),
.modal .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]) {
  border-bottom: solid 1px rgba(101, 123, 135, 0.3);
  box-shadow: 0 1px 6px 0 rgba(101, 123, 135, 0.12), inset 0 0 8px 0 rgba(101, 123, 135, 0.3);
}
.modal .select2-container .select2-selection--single .select2-selection__rendered {
  padding-top: 4px;
  padding-left: 7px;
}
.select2-container--default .select2-results__option {
  margin: 0;
  border-radius: 2px;
  padding: 12px 50px 13px 12px;
  border-bottom: solid 1px #EDEFF1;
  color: #3f4d54;
  position: relative;
}
.modal .select2-selection--multiple {
  width: 100%;
  display: inline-block;
  padding: 4px 11px;
}
.modal .select2-selection--multiple .select2-selection__rendered {
  float: left;
}
.modal .select2-selection--multiple .select2-selection__choice {
  padding: 6px 9px 4px 11px;
  margin-right: 8px;
}
.modal .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice {
  background-color: #F6F7F8;
  border: none;
  border-radius: 2px;
}
.modal .select2-selection--multiple .select2-selection__choice .user-photo {
  margin-right: 6px;
  position: relative;
  top: -1px;
  width: auto;
  height: auto;
}
.modal .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  margin-left: 9px;
}
.modal .file-permissions-selector-panel {
  margin-top: 9px;
  padding-right: 3px;
}
@media (min-width: 768px) {
  .modal .file-permissions-selector-panel {
    padding-right: 1px;
    margin-top: 13px;
  }
}
@media (min-width: 768px) {
  #uploader-options-panel #upload-file-tags-panel {
    margin-top: 5px;
    margin-bottom: 25px;
  }
}
#uploader-options-panel #upload-file-tags-panel label {
  line-height: 1;
}
#modal-upload .modal-footer {
  padding-bottom: 12px;
}
#modal-upload .modal-footer .form-group--cta {
  margin-bottom: 20px;
}
#modal-upload .modal-footer .round-button.save {
  margin-right: 0;
  margin-left: 0;
}
#modal-upload .modal-footer .round-button.save:hover,
#modal-upload .modal-footer .round-button.save:focus {
  border: 1px solid transparent;
}
#modal-upload .modal-footer .round-button--white {
  padding: 1px 16px 0 17px;
}
@media (min-width: 768px) {
  #modal-upload .modal-body {
    padding: 30px 32px 0 32px;
  }
}
@media (min-width: 768px) {
  #modal-upload .modal-body .nav-tabs {
    margin-top: 2px;
    margin-bottom: 25px;
    width: 100%;
    display: flex;
  }
}
@media (min-width: 768px) {
  #modal-upload .modal-body .nav-tabs li.active {
    border-bottom: 1px solid #D3DADE;
  }
}
@media (min-width: 768px) {
  #modal-upload .modal-body .nav-tabs li > a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-top: 13px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
  }
}
@media (min-width: 768px) {
  #modal-upload .dataTables {
    padding-bottom: 0;
  }
}
#modal-upload .dataTables_info,
#modal-upload .dataTables_paginate {
  margin-top: 0;
}
@media (min-width: 768px) {
  #modal-upload .dataTables_info,
  #modal-upload .dataTables_paginate {
    width: 100%;
    top: 0;
    margin-top: 0;
    text-align: center;
    border: none;
  }
}
@media (min-width: 768px) {
  #modal-upload .dataTables_info {
    height: auto;
  }
}
#modal-upload .datatable-footer {
  border: none;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  #modal-upload .datatable-footer {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#modal-upload .datatable-header {
  padding: 0;
  border: none;
}
.dataTables_filter input[type=search] {
  margin-left: 10px;
}
#modal-left-rail {
  width: 100%;
  float: left;
}
@media (min-width: 768px) {
  #modal-left-rail {
    width: 270px;
  }
}
#modal-left-rail .title {
  height: 48px;
  border-right: 1px solid #ccc;
  padding-left: 30px;
  padding-top: 8px;
  font-size: 18px;
  color: #3f4d54;
}
#modal-left-rail #related-document-listing {
  max-height: 552px;
  overflow: hidden auto;
}
#modal-left-rail .related-side-rail-category,
#modal-left-rail .related-side-rail-link {
  width: 100%;
  display: block;
  text-align: left;
  overflow: hidden;
  color: #3f4d54;
  font-weight: 500;
  padding: 15px;
  text-decoration: underline;
  border-bottom: solid 1px #dcdfe5;
}
@media (min-width: 768px) {
  #modal-left-rail .related-side-rail-category,
  #modal-left-rail .related-side-rail-link {
    width: 270px;
  }
}
#modal-left-rail .related-side-rail-category {
  text-decoration: none;
  font-size: 20px;
  white-space: unset;
}
#modal-left-rail .related-side-rail-link.selected {
  background-color: #dcdfe5;
}
#modal-left-rail #minimize-related-chevron,
#modal-left-rail #maximize-related-chevron {
  color: #191d1f;
  margin-top: 15px;
  cursor: pointer;
  margin-left: 5px;
  float: left;
}
#modal-left-rail #maximize-related-chevron {
  float: right;
  margin-right: 5px;
}
.modal-rail .preview-frame#file-preview-frame {
  float: left;
}
@media (min-width: 768px) {
  .modal-rail .preview-frame#file-preview-frame {
    width: calc(100% - 270px);
  }
}
.modal-rail.disabled-rail #modal-left-rail {
  width: 20px;
}
.modal-rail.disabled-rail #related-document-listing {
  display: none;
}
.modal-rail.disabled-rail .preview-frame#file-preview-frame {
  width: calc(100% - 20px);
  float: right;
}
.modal-rail.disabled-rail .title {
  display: none;
}
.modal-rail.no-rail .preview-frame#file-preview-frame {
  width: 100%;
}
@media (min-width: 1200px) {
  #modal-file-preview .modal-dialog,
  #modal-schedule-meeting-times .modal-dialog {
    width: 1200px;
  }
}
#modal-file-preview .modal-body,
#modal-schedule-meeting-times .modal-body {
  padding-top: 0px;
}
.box-error {
  text-align: left;
  max-width: 400px;
  margin: auto;
}
@media (max-width: 768px) {
  .box-error {
    width: 100%;
    padding: 10px;
  }
}
.document-dropdown .doc-menu-more {
  text-align: center;
  height: 30px;
  line-height: 30px;
  padding-top: 4px;
  margin-top: 4px;
  cursor: pointer;
  border-top: 1px solid #657b87;
  display: none;
}
.document-dropdown .show-more-hidden {
  display: none;
}
.page-container .nav-tabs {
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  width: 100%;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom: none;
  border-left: solid 1px #D3DADE;
  border-right: solid 1px #D3DADE;
  box-shadow: none;
}
@media (min-width: 1200px) {
  .page-container .nav-tabs {
    display: block;
    width: auto;
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .page-container .nav-tabs {
    border-right: none;
  }
}
.page-container .nav-tabs:before {
  content: none;
}
.page-container .nav-tabs.nav > li {
  position: relative;
  display: block;
  font-size: 0;
  background-image: linear-gradient(to bottom, #ffffff, #edf0f2);
  border-bottom: 1px solid #D3DADE;
  border-right: none;
  text-align: center;
  border-top: solid 1px #D3DADE;
}
@media (min-width: 768px) {
  .page-container .nav-tabs.nav > li {
    display: inline-block;
    float: left;
    width: auto;
    text-align: left;
    white-space: nowrap;
  }
}
.page-container .nav-tabs.nav > li:before {
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  height: 4px;
  background-color: transparent;
}
.page-container .nav-tabs.nav > li:first-of-type::before {
  border-top-left-radius: 2px;
}
.page-container .nav-tabs.nav > li:last-of-type::before {
  border-top-right-radius: 2px;
}
@media (min-width: 768px) {
  .page-container .nav-tabs.nav > li:last-of-type a {
    padding-right: 23px;
  }
}
.page-container .nav-tabs.nav > li:has(> .nav-link.active) {
  background-color: white;
  background-image: none;
  border-bottom: 1px solid #D3DADE;
}
@media (min-width: 768px) {
  .page-container .nav-tabs.nav > li:has(> .nav-link.active) {
    border-bottom: 1px solid white;
  }
}
.page-container .nav-tabs.nav > li:has(> .nav-link.active):before {
  background-color: #3f4d54;
  z-index: 1;
}
.page-container .nav-tabs.nav > li:has(> .nav-link.active):last-of-type::before {
  width: calc(100% + 2px);
}
.page-container .nav-tabs.nav > li a {
  text-align: center;
  width: 100%;
  position: relative;
  display: inline-block;
  padding: 6px 24px;
  font-size: 15px;
  font-weight: normal;
  text-transform: none;
  color: #657b87;
  border: none;
  background-color: transparent;
}
@media (min-width: 768px) {
  .page-container .nav-tabs.nav > li a {
    padding: 9px 24px 8px;
    width: auto;
  }
}
.page-container .nav-tabs.nav > li a:hover,
.page-container .nav-tabs.nav > li a:focus {
  border: none;
}
.page-container .nav-tabs.nav > li a.active {
  border-top: 1px solid #191d1f;
}
.page-container .nav-tabs.nav > li a:not(.active) {
  border-top: 1px solid #D3DADE;
}
@media (min-width: 768px) {
  .page-container .nav-tabs.nav > li a:after {
    content: '';
    position: absolute;
    top: -1px;
    right: 0;
    height: 100%;
    width: 1px;
    background-color: #d0d7db;
  }
}
.page-container .nav-tabs.nav > li > .nav-link.active {
  background-color: transparent;
  border-top: none;
  border-left: none;
  font-weight: 500;
  color: #191d1f;
  padding-top: 9px;
  padding-bottom: 6px;
}
@media (min-width: 768px) {
  .page-container .nav-tabs.nav > li > .nav-link.active {
    padding-bottom: 8px;
  }
}
@media (min-width: 992px) {
  .page-container .nav-tabs.nav > li > .nav-link.active {
    padding-top: 9px;
    padding-left: 23px;
    padding-right: 25px;
    padding-bottom: 8px;
  }
}
.page-container .tab-content.active {
  margin-top: -3px;
  display: inline-block;
  width: 100%;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.page-container .tab-content .tab-pane--no-style .panel:not(.force),
.page-container .tab-content .tab-pane > .panel:not(.force) {
  width: 100%;
  display: block;
  box-shadow: none;
  margin-bottom: 0;
  vertical-align: bottom;
}
.page-container .tab-content .tab-pane--no-style .panel:not(.force).note-editor,
.page-container .tab-content .tab-pane > .panel:not(.force).note-editor {
  margin-bottom: 20px;
}
.schedule-item-wrapper .schedule-item-line {
  clear: both;
  margin-top: 10px;
}
.schedule-item-wrapper .schedule-item-line:first-of-type {
  margin-top: 0px;
}
.task-wrapper {
  display: inline-block;
  width: 100%;
  padding-bottom: 16px;
}
@media (min-width: 768px) {
  .task-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .task-wrapper {
    justify-content: space-between;
  }
}
.task-wrapper-section:not(.last) .task-wrapper {
  border-bottom: 1px solid #dcdfe5;
}
@media (min-width: 768px) {
  .task-wrapper.task-wrapper-best-practices {
    display: block;
  }
}
.task-wrapper-section .task-section-title {
  margin-bottom: -5px;
}
.task-skin-wrapper {
  display: block;
  position: relative;
  margin-top: 8px;
  border-radius: 2px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  background-color: white;
  border: solid 1px #dcdfe5;
}
@media (min-width: 768px) {
  .task-skin-wrapper {
    margin-top: 20px;
    display: inline-block;
    width: 536px;
  }
}
@media (min-width: 992px) {
  .task-skin-wrapper {
    width: 456px;
  }
}
@media (min-width: 1200px) {
  .task-skin-wrapper {
    width: 536px;
  }
}
.task-block {
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 768px) {
  .task-block {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.task-block .panel {
  background-color: transparent;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
}
.task-block .panel-body {
  padding: 10px 0 10px;
}
@media (min-width: 768px) {
  .task-block .panel-body {
    padding: 11px 0 11px;
  }
}
.task-block .task-header {
  display: flex;
  align-items: center;
}
.cal-mini {
  width: 30px;
  margin: 0 13px 0 4px;
}
@media (min-width: 768px) {
  .cal-mini {
    margin: 0 17px 0 0;
  }
}
.cal-mini .top-half-cal-mini {
  font-size: 8px;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  background-color: #51C6F0;
  border-color: #51C6F0;
}
.cal-mini .bottom-half-cal-mini {
  padding-top: 0;
  font-size: 10px;
  font-weight: normal;
  color: black;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-color: #51C6F0;
}
.cal-mini.good .top-half-cal-mini {
  background-color: #2eb872;
  border-color: #2eb872;
}
.cal-mini.good .bottom-half-cal-mini {
  border-color: #2eb872;
}
.cal-mini.good.two-weeks .top-half-cal-mini {
  background-color: #51C6F0;
  border-color: #51C6F0;
}
.cal-mini.good.two-weeks .bottom-half-cal-mini {
  border-color: #51C6F0;
}
.task-legend {
  margin-top: -10px;
}
.task-legend .block {
  font-size: 9px;
  height: 30px;
  width: 36px;
  text-align: center;
  margin-right: 20px;
  margin-top: 2px;
}
.task-legend .block.test {
  outline: 2px solid #2e4e99;
}
.task-legend .block.draft {
  outline: 2px solid #f0ab3c;
}
.task-legend .block.auto-complete {
  outline: 2px solid #722EB8;
}
.task-legend .block-icon {
  margin-top: -2px;
  font-size: 9px;
  text-align: center;
  margin-right: 20px;
  width: 40px;
}
.task-legend .block-icon .block-icon-text {
  height: 30px;
  vertical-align: bottom;
}
.task-legend .block-icon svg {
  margin: auto;
  display: block;
}
.cal-mini.good.two-weeks .top-half-cal-mini {
  background-color: #51C6F0;
  border-color: #51C6F0;
}
.cal-mini.good.two-weeks .bottom-half-cal-mini {
  border-color: #51C6F0;
}
.cal-mini.due-soon .top-half-cal-mini {
  background-color: #edd432;
  border-color: #edd432;
}
.cal-mini.due-soon .bottom-half-cal-mini {
  border-color: #edd432;
}
.cal-mini.overdue .top-half-cal-mini {
  background-color: #e85531;
  border-color: #e85531;
}
.cal-mini.overdue .bottom-half-cal-mini {
  border-color: #e85531;
}
.cal-mini.complete .top-half-cal-mini {
  background-color: #51C6F0;
  border-color: #51C6F0;
}
.cal-mini.complete .bottom-half-cal-mini {
  border-color: #51C6F0;
}
.cal-mini.event .top-half-cal-mini {
  background-color: #2eb872;
  border-color: #2eb872;
}
.cal-mini.event .bottom-half-cal-mini {
  border-color: #2eb872;
}
.task-block .task-info {
  display: inline-block;
}
@media (min-width: 768px) {
  .task-block .task-info {
    width: 300px;
  }
}
.task-block .task-title {
  display: inline-block;
  width: 139px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  color: #3f4d54;
  text-decoration: none;
  height: auto;
}
.task-block .task-title:hover {
  color: #3f4d54;
}
@media (min-width: 768px) {
  .task-block .task-title {
    display: block;
    width: 280px;
  }
}
@media (min-width: 992px) {
  .task-block .task-title {
    width: 220px;
  }
}
@media (min-width: 1200px) {
  .task-block .task-title {
    width: 350px;
  }
}
.task-block .process-details:hover {
  text-decoration: underline;
}
.task-block .task-title p {
  margin: 0;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-block .task-title p:hover {
  text-decoration: underline;
}
.task-block .task-title p .js-shave-char {
  display: inline-block;
}
.task-block .task-title p.task-title-desktop {
  height: 20px;
}
.task-block .task-title p.task-title-mobile {
  width: 139px;
  height: 20px;
}
.task-block .task-label {
  display: block;
  margin-top: -4px;
  margin-bottom: 0;
  opacity: 0.75;
  font-size: 13px;
  color: #657b87;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 200px;
}
@media (min-width: 768px) {
  .task-block .task-label {
    margin-top: 0;
    margin-right: 12px;
    width: auto;
  }
}
.task-block .goal-tag {
  display: inline-block;
  height: auto;
  padding: 0 2px;
  float: right;
  font-size: 8px;
  font-weight: bold;
  color: white;
  line-height: 16px;
  text-transform: uppercase;
  background-color: #657b87 !important;
  margin-top: 4px;
  margin-right: -1px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .task-block .goal-tag {
    margin-right: 9px;
  }
}
.task-block .goal-tag i {
  display: none;
}
.task-block .task-actions {
  display: flex;
  width: auto;
  align-items: flex-end;
  justify-items: flex-end;
  flex-direction: column;
  position: absolute;
  right: 0;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .task-block .task-actions {
    right: -10px;
  }
}
.task-block .task-actions.flex-end {
  justify-content: flex-end;
}
.task-block .task-actions > div {
  width: 100%;
}
.task-block .task-actions .icons-list {
  position: relative;
  display: block;
  float: right;
  clear: both;
  margin-top: auto;
  margin-right: -6px;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .task-block .task-actions .icons-list {
    float: right;
    clear: both;
    position: relative;
    margin-right: -4px;
    margin-bottom: 1px;
    margin-top: 0;
  }
}
.task-block .task-actions .icons-list > li {
  margin-left: 4px;
  float: left;
  border-right: 1px solid #657b87;
  height: 20px;
  margin-right: 8px;
  padding-right: 8px;
  margin-left: 0;
}
.task-block .task-actions .icons-list > li.dropdown {
  border-right: 0;
  margin-right: 4px;
}
.task-block .task-actions .icons-list > li > a {
  height: 16px;
  position: relative;
  display: block;
  padding-top: 4px;
  color: #657b87;
}
.task-block .task-actions .icons-list > li > a.maxi-min {
  display: none;
}
.task-block .task-actions .icons-list li a i {
  font-size: 24px;
  line-height: 16px;
}
@media (min-width: 768px) {
  .task-block .task-actions .icons-list li a i {
    top: -1px;
    position: relative;
  }
}
a.expand-item,
a.minimize-item,
.task-block .task-actions .icons-list li a.expand-item,
.task-block .task-actions .icons-list li a.minimize-item {
  margin-top: 2px;
}
a.expand-item i,
a.minimize-item i,
.task-block .task-actions .icons-list li a.expand-item i,
.task-block .task-actions .icons-list li a.minimize-item i {
  font-size: 12px;
  top: -3px;
  position: relative;
  color: #657b87;
}
@media (min-width: 768px) {
  a.expand-item i,
  a.minimize-item i,
  .task-block .task-actions .icons-list li a.expand-item i,
  .task-block .task-actions .icons-list li a.minimize-item i {
    top: -1px;
    float: left;
    color: #657b87;
    margin-right: 7px;
  }
}
a.expand-item span,
a.minimize-item span,
.task-block .task-actions .icons-list li a.expand-item span,
.task-block .task-actions .icons-list li a.minimize-item span {
  float: left;
  position: relative;
  top: -2px;
  color: #657b87;
  opacity: 0.8;
}
a.expand-item:hover,
a.minimize-item:hover,
.task-block .task-actions .icons-list li a.expand-item:hover,
.task-block .task-actions .icons-list li a.minimize-item:hover {
  opacity: 1;
}
a.expand-item:hover i,
a.minimize-item:hover i,
.task-block .task-actions .icons-list li a.expand-item:hover i,
.task-block .task-actions .icons-list li a.minimize-item:hover i,
a.expand-item:hover span,
a.minimize-item:hover span,
.task-block .task-actions .icons-list li a.expand-item:hover span,
.task-block .task-actions .icons-list li a.minimize-item:hover span {
  color: #191d1f;
  opacity: 1;
}
.task-detailing {
  margin-top: 7px;
  margin-left: -1px;
}
@media (min-width: 768px) {
  .task-detailing {
    display: inline-block;
    margin-top: 0px;
    margin-left: -3px;
  }
}
.task-detailing .icon-container {
  display: inline-block;
  width: 16px;
  text-align: center;
  position: relative;
  top: -2px;
  right: -1px;
}
.task-detailing .icon-container i {
  margin-right: 0;
}
.task-details hr:not(.hr-text) {
  vertical-align: top;
  margin-top: 9px;
  margin-bottom: 7px;
}
@media (min-width: 768px) {
  .task-details hr:not(.hr-text) {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.task-detailing > span {
  margin-right: 11px;
  opacity: 0.75;
}
@media (min-width: 768px) {
  .task-detailing > span {
    margin-right: 13px;
  }
}
.task-detailing span {
  color: #657b87;
  font-size: 12px;
}
.task-detailing span i {
  margin-right: 2px;
  font-size: 11px;
}
.doc-list {
  padding-bottom: 5px;
}
@media (min-width: 768px) {
  .doc-list {
    padding: 0;
  }
}
.document-dropdown {
  color: #657b87;
}
.attachment-dropdown li a i,
.document-dropdown li a i {
  width: 18px;
  font-size: 18px;
  text-align: center;
  color: #3f4d54;
}
.attachment-dropdown li a span,
.document-dropdown li a span {
  vertical-align: sub;
}
.no-documents {
  text-align: center;
  font-style: normal;
}
.no-documents i {
  font-size: 28px;
  color: #657b87;
}
.no-documents p {
  font-size: 13px;
  color: #657b87;
  margin-top: 12px;
  margin-bottom: 3px;
  line-height: 16px;
}
.no-documents a {
  font-size: 13px;
  font-weight: 500;
  color: #3f4d54;
  text-decoration: underline;
}
.people {
  display: inline-block;
  float: left;
  width: calc(100% + 6px);
  padding-top: 6px;
  margin-left: -1px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .people {
    padding-top: 9px;
    margin-bottom: 4px;
  }
}
hr {
  margin: 0;
  display: inline-block;
  width: 100%;
}
.starred-items-block hr {
  width: 95%;
}
.people a {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: top;
  margin-left: 8px;
  margin-bottom: 2px;
}
.people a:first-of-type {
  margin-left: 0;
}
.people a.owner-container {
  width: 36px;
  height: auto;
  margin-bottom: 0;
}
.people a.owner-container::before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  border: 2px solid #f0ab3c;
  border-radius: 100%;
  top: -4px;
  left: -4px;
  background-color: transparent;
  pointer-events: none;
}
.people a.owner-container.tester-container::before {
  border-color: #2e4e99;
}
.people a.owner-container i {
  transform: none;
}
.people a.owner-container span {
  position: relative;
  width: 40px;
  left: -4px;
  margin-top: 3px;
  right: 0;
  display: block;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  color: #213241;
}
.people a.owner-container .owner-photo {
  width: 32px;
  height: 32px;
}
.people .user-photo {
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  height: 100%;
  width: 100%;
  display: inline-block;
}
.people .user-photo.no-img {
  display: inline-block;
  border: none;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  font-size: 13px;
  font-weight: 500;
  line-height: 32px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: white;
  background-color: #657b87;
}
.people .check-circle {
  background-color: #2eb872;
  position: absolute;
  margin-left: 19px;
  font-size: 15px;
  margin-top: -13px;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  z-index: 1;
}
.people .completion-check {
  color: white;
  font-size: 10px;
  line-height: 16px;
  display: inline-block;
  margin-top: 0px;
  margin-left: 0;
  position: relative;
  top: -5px;
  left: 4px;
}
.people .incomplete {
  position: absolute;
  top: 19px;
  left: 22px;
  color: #e85531;
  background-color: white;
  border-radius: 100%;
  z-index: 800;
  font-size: 17px;
}
#task-list .people .incomplete {
  top: 19px;
  left: 19px;
}
.people .owner-container .incomplete {
  top: 20px;
  left: 30px;
}
.people a.checked::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.75;
  background-color: #657b87;
  border-radius: 100%;
  pointer-events: none;
}
.people a.owner-container.checked::after {
  width: 32px;
  height: 32px;
}
.people .users-tooltip,
.permissions-row .people .users-tooltip,
.generic-permissions-summary-row .people .users-tooltip,
#modal-user-notification .users-tooltip {
  opacity: 0;
  position: absolute;
  right: -8px;
  bottom: 32px;
  min-width: 124px;
  background-color: #191d1f;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  list-style-type: none;
  color: white;
  padding: 10px 16px;
  transform: translate(0, 10px);
  white-space: nowrap;
  border-radius: 2px;
  pointer-events: none;
}
@media (min-width: 768px) {
  .people .users-tooltip,
  .permissions-row .people .users-tooltip,
  .generic-permissions-summary-row .people .users-tooltip,
  #modal-user-notification .users-tooltip {
    right: auto;
    left: 50%;
    transform: translate(-50%, 10px);
  }
}
.people .users-tooltip::after,
.permissions-row .people .users-tooltip::after,
.generic-permissions-summary-row .people .users-tooltip::after,
#modal-user-notification .users-tooltip::after {
  content: '';
  display: block;
  position: absolute;
  right: 20px;
  bottom: -4px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background: #191d1f;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .people .users-tooltip::after,
  .permissions-row .people .users-tooltip::after,
  .generic-permissions-summary-row .people .users-tooltip::after,
  #modal-user-notification .users-tooltip::after {
    left: 0;
    right: 0;
  }
}
.people .users-tooltip li,
.permissions-row .people .users-tooltip li,
.generic-permissions-summary-row .people .users-tooltip li,
#modal-user-notification .modal-body .users-tooltip li {
  display: inline-block;
  float: left;
  clear: both;
}
.people .users-tooltip li a,
.permissions-row .people .users-tooltip li a,
.generic-permissions-summary-row .people .users-tooltip li a,
#modal-user-notification .modal-body .users-tooltip li a {
  width: auto;
  height: auto;
  margin: 0;
  font-size: 13px;
  line-height: 19px;
  color: white;
}
.people .users-tooltip li a::before,
.permissions-row .people .users-tooltip li a::before,
.generic-permissions-summary-row .people .users-tooltip li a::before,
#modal-user-notification .modal-body .users-tooltip li a::before,
.people .users-tooltip li a::after,
.permissions-row .people .users-tooltip li a::after,
.generic-permissions-summary-row .people .users-tooltip li a::after,
#modal-user-notification .modal-body .users-tooltip li a::after {
  content: none;
}
.people .show-tooltip .user-photo,
.permissions-row .people .show-tooltip .user-photo,
.generic-permissions-summary-row .people .show-tooltip .user-photo,
#modal-user-notification .modal-body .show-tooltip .user-photo {
  background-color: #191d1f;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
}
.people .show-tooltip .users-tooltip,
.permissions-row .people .show-tooltip .users-tooltip,
.generic-permissions-summary-row .people .show-tooltip .users-tooltip,
#modal-user-notification .modal-body .show-tooltip .users-tooltip {
  display: inline-block;
  opacity: 1;
  transform: translate(0, 0);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  pointer-events: auto;
}
@media (min-width: 768px) {
  .people .show-tooltip .users-tooltip,
  .permissions-row .people .show-tooltip .users-tooltip,
  .generic-permissions-summary-row .people .show-tooltip .users-tooltip,
  #modal-user-notification .modal-body .show-tooltip .users-tooltip {
    transform: translate(-50%, 0);
  }
}
.people .show-tooltip .users-tooltip a,
.permissions-row .people .show-tooltip .users-tooltip a,
.generic-permissions-summary-row .people .show-tooltip .users-tooltip a,
#modal-user-notification .modal-body .show-tooltip .users-tooltip a {
  pointer-events: auto;
}
.attachment-row,
.document-row {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
@media (min-width: 1200px) {
  .attachment-row,
  .document-row {
    align-items: center;
    border-radius: 2px;
  }
}
@media (min-width: 1200px) {
  .attachment-row:hover,
  .document-row:hover {
    background-color: #edf0f2;
  }
  .attachment-row:hover .remove-document,
  .document-row:hover .remove-document {
    display: inline-block;
  }
}
.attachment-row .attachment-line-icon,
.document-row .attachment-line-icon,
.attachment-row .doc-line-icon,
.document-row .doc-line-icon {
  width: 30px;
  margin-top: 5px;
  margin-right: 10px;
  vertical-align: top;
  position: relative;
  display: inline-block;
}
@media (min-width: 1200px) {
  .attachment-row .attachment-line-icon,
  .document-row .attachment-line-icon,
  .attachment-row .doc-line-icon,
  .document-row .doc-line-icon {
    width: 43px;
    margin-top: 9px;
    margin-right: 7px;
  }
}
.attachment-row .attachment-line-icon,
.document-row .attachment-line-icon {
  line-height: 40px;
}
.attachment-row .attachment-line-icon i,
.document-row .attachment-line-icon i {
  margin-top: 5px;
}
.attachment-row .attachment-line-icon i,
.document-row .attachment-line-icon i,
.attachment-row .doc-line-icon i,
.document-row .doc-line-icon i {
  font-size: 28px;
  color: #657b87;
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.attachment-row .doc-sortable,
.document-row .doc-sortable {
  color: #657b87;
}
.attachment-row .attachment-info,
.document-row .attachment-info,
.attachment-row .document-info,
.document-row .document-info {
  margin-bottom: 12px;
  display: inline-block;
  width: calc(100% - 100px);
}
@media (min-width: 1200px) {
  .attachment-row .attachment-info,
  .document-row .attachment-info,
  .attachment-row .document-info,
  .document-row .document-info {
    margin-bottom: 0;
  }
}
.attachment-row .attachment-info .title-truncate,
.document-row .attachment-info .title-truncate,
.attachment-row .document-info .title-truncate,
.document-row .document-info .title-truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.attachment-row .attachment-info .task-title,
.document-row .attachment-info .task-title,
.attachment-row .document-info .task-title,
.document-row .document-info .task-title {
  position: relative;
  display: inline-block;
  float: left;
  width: 100%;
  margin-top: 0;
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  color: #3f4d54;
  overflow: hidden;
}
.task-wrap.test-mode-task {
  outline: 2px solid #2e4e99;
}
.task-wrap.test-mode-task .test-mode-label {
  color: #2e4e99;
}
.task-wrap.draft {
  outline: 2px solid #f0ab3c;
}
.task-wrap.auto-complete {
  outline: 2px solid #722EB8;
}
.task-wrap.auto-complete.draft {
  box-shadow: 0 0 0 2px #f0ab3c;
  outline: dashed 2px #722EB8;
}
.start-process-details .attachment-row .attachment-info,
.start-process-details .document-row .document-info {
  width: 250px;
}
.attachment-row .attachment-info a.task-title {
  text-decoration: underline;
}
.attachment-row .attachment-info .task-title {
  text-decoration: none;
}
.attachment-row .attachment-actions,
.document-row .document-actions {
  font-size: 15px;
  margin-left: auto;
}
.attachment-row .attachment-actions .dropdown-menu {
  min-width: 200px;
}
.attachment-row .task-source,
.document-row .task-source,
.document-row.attachment-row .task-source a {
  margin-top: 2px;
  font-size: 13px;
  color: #657b87;
  vertical-align: top;
  display: inline-block;
  height: auto;
  line-height: 18px;
}
.document-row.attachment-row .task-source a {
  text-decoration: none;
  font-weight: normal;
}
.attachment-row .task-source a {
  display: inline;
  white-space: nowrap;
  font-weight: 500;
  color: #3f4d54;
  text-decoration: underline;
}
.document-row .remove-document {
  position: absolute;
  display: inline-block;
  top: -2px;
  right: 6px;
  font-size: 14px;
  color: #3f4d54;
}
@media (min-width: 1200px) {
  .document-row .remove-document {
    display: none;
    top: calc(50% - 1px);
    right: 16px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
}
.document-row .remove-document span {
  display: inline-block;
  margin-left: 2px;
  font-size: 13px;
  font-weight: 500;
  color: #3f4d54;
}
@media (min-width: 1200px) {
  .document-row .remove-document span {
    position: relative;
    top: -1px;
  }
}
.survey-row {
  padding-bottom: 7px;
}
@media (min-width: 768px) {
  .survey-row {
    padding-bottom: 0;
    width: 100%;
  }
}
.survey-row .doc-line-icon {
  font-size: 28px;
  font-weight: 300;
  color: #657b87;
  width: 37px;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .survey-row .doc-line-icon {
    margin-right: 8px;
    text-align: left;
  }
}
.survey-row .doc-line-icon i {
  position: relative;
}
.survey-row > .survey-info {
  width: 220px;
}
@media (min-width: 768px) {
  .survey-row > .survey-info {
    width: 275px;
  }
}
.survey-row .survey-info-title {
  font-size: 13px;
  line-height: 18px;
  color: #191d1f;
}
.survey-row .task-source {
  margin-top: 0;
  font-size: 13px;
  color: #657b87;
  vertical-align: top;
  display: inline-block;
  height: auto;
  line-height: 18px;
}
@media (min-width: 768px) {
  .survey-row .task-source {
    margin-top: 1px;
  }
}
.survey-row .task-source a {
  display: inline;
  white-space: nowrap;
  font-weight: 500;
  color: #3f4d54;
  text-decoration: underline;
}
.survey-row .survey-actions {
  width: 220px;
  margin-top: 10px;
  margin-right: 3px;
  display: inline-block;
}
@media (min-width: 768px) {
  .survey-row .survey-actions {
    width: auto;
    text-align: right;
    align-self: flex-end;
    margin-top: auto;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 4px;
    width: 110px;
  }
}
.survey-row .survey-actions .round-button {
  padding: 0 11px 0 12px;
}
.meeting-area .meetings {
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
}
.task-meetings-date {
  font-size: 13px;
  color: #657b87;
  margin-left: -2px;
}
@media (min-width: 768px) {
  .task-meetings-date {
    position: relative;
    display: inline-block;
    top: 1px;
    margin-right: 0;
    margin-left: -1px;
  }
}
.task-meetings-identifier {
  padding-left: 4px;
  margin-top: 6px;
  font-size: 13px;
  color: #657b87;
}
@media (min-width: 768px) {
  .task-meetings-identifier {
    position: relative;
    top: 1px;
    padding-left: 5px;
    margin-top: 0;
    display: inline-block;
  }
}
.task-meetings-identifier i {
  font-size: 12px;
  position: relative;
  top: -1px;
  margin-right: 5px;
}
/*
.form-group .daterangepicker {
  @media (max-width: @screen-sm-min) {
    padding: 0;
  }
}

.form-group .daterangepicker .calendar {
  @media (max-width: @screen-sm-min) {
    padding: 8px 18px 8px 13px;
  }
}
*/
#meeting-details-form {
  position: relative;
  overflow: hidden;
}
#task-list > .panel > .panel-body {
  position: relative;
}
@media (min-width: 768px) {
  #task-list > .panel > .panel-body {
    padding-bottom: 39px;
  }
}
#task-list > .panel > .panel-body::before {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  background-image: linear-gradient(to top, #ffffff, #edf0f2);
  height: 302px;
  width: 100%;
}
@media (min-width: 768px) {
  #task-list > .panel > .panel-body::before {
    content: none;
  }
}
#task-list .multiselect {
  font-size: 13px;
  color: #657b87;
}
#task-list .multiselect:hover {
  color: black;
}
#task-list .multiselect .multiselect-selected-text i {
  margin-right: 5px;
  font-size: 16px;
  top: 2px;
  position: relative;
}
.task-block .task-actions .icons-list .dropdown .dropdown-menu {
  top: 23px;
  right: 13px;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #dcdfe5;
}
.task-block .task-actions .icons-list .dropdown .dropdown-menu li a {
  font-size: 13px;
  color: #3f4d54;
  padding: 11px 43px 8px 13px;
}
.task-block .task-actions .icons-list .dropdown .dropdown-menu li a:hover {
  background-color: #F6F7F8;
}
.dropdown-icon {
  display: inline-block;
  text-align: center;
}
.task-block .task-actions .icons-list .dropdown .dropdown-menu li a i {
  display: inline-block;
  width: 15px;
  text-align: center;
  position: relative;
  font-size: 15px;
  color: #657b87;
  margin-right: 4px;
  margin-left: -3px;
  top: 1px;
}
#task_filter .filters-group {
  max-height: none;
}
div .chat-body {
  overflow: auto;
}
.process-filter-panel {
  color: #3f4d54;
}
.process-filter-panel .fa-chevron-up,
.process-filter-panel .fa-chevron-down {
  color: #3f4d54;
  margin-right: 10px;
}
.process-summary .process-title {
  margin: 0;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 30px);
}
.process-summary .process-title i {
  margin-right: 5px;
  color: #2eb872;
}
.process-summary .process-description,
.process-summary .process-description2 {
  display: inline-block;
}
.process-summary .process-description.soft-hide,
.process-summary .process-description2.soft-hide {
  display: none;
}
.process-summary .process-description {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.process-summary .process-description .maximized {
  white-space: normal;
}
.process-summary .process-summary-row {
  margin-top: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.process-summary .process-summary-row.soft-hide {
  display: none;
}
.process-summary .process-summary-row label {
  clear: both;
  display: block;
  margin-bottom: 2px;
}
.process-summary .process-summary-row i:not(.mini) {
  float: left;
  font-size: 20px;
  margin: 0px 10px 0 0;
  width: 25px;
  text-align: center;
}
.process-summary .process-summary-row i.mini {
  margin-top: 3px;
  display: inline-block;
  height: 10px;
}
.process-summary .process-summary-row.details {
  margin: 5px 0 0 35px;
  width: calc(100% - 35px);
  white-space: normal;
}
.search-tree > a {
  color: #3f4d54;
}
.task-details-section .people {
  display: inline-block;
}
.task-details-section .complete-task {
  margin-top: 7px;
}
@media (max-width: 768px) {
  .full-screen-container {
    display: none;
  }
}
.up2date {
  text-align: center;
  margin: 30px auto;
}
.link-button {
  color: inherit;
  background-color: #efefef;
}
.new-task-card {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 18px 0 17px;
}
.step-1 .new-task-card {
  justify-content: flex-start;
}
.step-1 .new-task-card:not(:first-of-type) {
  border-top: solid 1px rgba(101, 123, 135, 0.3);
}
.step-2 {
  padding-left: 4px;
}
.add-grid {
  padding-bottom: 13px;
}
.add-grid hr {
  margin-top: 0;
  margin-bottom: 18px;
}
.new-task-card .add-icon {
  float: left;
  flex: 1 35px;
  width: 35px;
  max-width: 35px;
  margin-right: 14px;
}
.new-task-card .add-info {
  flex: 1 215px;
  max-width: 215px;
  display: inline-block;
  float: left;
}
@media (min-width: 768px) {
  .new-task-card .add-info {
    max-width: 297px;
  }
}
.new-task-card .add-icon i {
  margin-top: 9px;
  font-size: 28px;
  font-weight: 300;
  color: #657b87;
}
.new-task-card .add-info .title {
  font-size: 15px;
  font-weight: 500;
  color: #3f4d54;
}
.new-task-card .add-info .description {
  font-size: 13px;
  color: #657b87;
}
.new-task-card .round-button {
  float: left;
  align-self: center;
  margin-top: -1px;
}
.step-1 .new-task-card .round-button {
  margin-top: 5px;
  margin-left: 49px;
}
@media (min-width: 768px) {
  .step-1 .new-task-card .round-button {
    margin-left: auto;
    margin-right: 0;
  }
}
.new-task-card .form-group {
  margin-top: 7px;
  margin-left: -1px;
  margin-bottom: 15px;
  width: 100%;
}
@media (min-width: 768px) {
  .new-task-card > .form-group:first-of-type {
    margin-top: 8px;
  }
}
@media (min-width: 768px) {
  .new-task-card .form-group--half {
    display: inline-block;
    width: 228px;
    float: left;
  }
}
.new-task-card .form-group > label {
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: 500;
  color: #3f4d54;
}
@media (min-width: 768px) {
  .new-task-card .form-group > label {
    margin-bottom: 0;
  }
}
.new-task-card .date,
.new-task-card.card input.date,
.new-task-card .time-zone,
.new-task-card .form-control-select {
  width: 228px;
}
.new-task-card .form-group input.form-control,
.new-task-card .form-group select {
  -webkit-appearance: none;
  padding-left: 11px;
  padding-top: 6px;
  border-radius: 2px;
  background-color: white;
  border: solid 1px rgba(101, 123, 135, 0.3);
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
  font-size: 13px;
  color: #191d1f;
}
.new-task-card .form-group input.form-control::placeholder,
.new-task-card .form-group select::placeholder {
  opacity: 0.6;
}
.new-task-card .form-group input.form-control.not-valid,
.new-task-card .form-group select.not-valid,
.new-task-card .form-group input.form-control.valid,
.new-task-card .form-group select.valid {
  border: solid 1px #dcdfe5;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
}
.new-task-card .form-group input.form-control:focus,
.new-task-card .form-group select:focus {
  border: solid 1px #dcdfe5;
  box-shadow: 0 1px 6px 0 rgba(101, 123, 135, 0.12), inset 0 0 8px 0 rgba(101, 123, 135, 0.3);
}
.form-control-select {
  position: relative;
  display: inline-block;
}
.form-control-select:not(.form-control-select--2)::after,
.form-control-select:not(.form-control-select--2) .caret::after {
  /*  z-index: 2;
  position: absolute;
  pointer-events: none;
  top: calc(50% + -11px);
  right: 11px;
  content: '\e9c5';
  color: @soft-grey;
  font-family: 'icomoon';
  display: block;
  font-size: 22px;
  width: 16px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
*/
}
.form-control-select .btn-group {
  width: 100%;
  background-color: white;
  border-radius: 2px;
  position: relative;
  z-index: 3;
}
.form-control-select button {
  width: 100%;
  -webkit-appearance: none;
  padding-left: 11px;
  padding-top: 6px;
  padding-bottom: 7px;
  border-radius: 2px;
  background-color: white;
  border: solid 1px rgba(101, 123, 135, 0.3);
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
  font-size: 13px;
  color: #191d1f;
}
.form-control-select button:hover,
.form-control-select button:focus {
  border: solid 1px rgba(101, 123, 135, 0.3);
  color: #657b87;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
}
.form-control-select .caret {
  height: 100%;
  margin-top: 0;
  top: 0;
  right: 1px;
}
.form-control-select .caret::after {
  transform-origin: center center;
  right: 0;
}
.form-control-select .open .caret::after {
  transform: rotate(180deg);
}
.form-control-select .btn-group.open button.multiselect {
  box-shadow: 0 1px 6px 0 rgba(101, 123, 135, 0.12), inset 0 0 8px 0 rgba(101, 123, 135, 0.3);
}
.form-control-select button span {
  font-size: 13px;
  font-weight: normal;
  color: #191d1f;
}
.form-control-select button i {
  display: none;
}
.form-control-select .multiselect-container.dropdown-menu {
  padding-top: 0;
  margin-top: 8px;
  width: 100%;
  max-height: 242px;
  text-align: left;
  border-radius: 2px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  background-color: white;
  border: solid 1px #dcdfe5;
}
.form-control-select .multiselect-container li {
  padding: 0;
  margin: 0;
  display: inline-block;
  width: 100%;
  float: left;
}
.form-control-select .multiselect-container li:not(:last-of-type) {
  border-bottom: 1px solid rgba(101, 123, 135, 0.3);
}
.form-control-select .multiselect-container li a {
  margin-top: 0;
  width: 100%;
  text-align: left;
}
.form-control-select .multiselect-container li a label {
  padding: 10px 25px 9px;
}
.form-control-select .multiselect-container.dropdown-menu li.active a {
  background-color: #edf0f2;
}
.form-control-select .multiselect-container.dropdown-menu li.active a:before {
  content: "";
  height: 2px;
  background-color: #657b87;
  position: absolute;
  display: block;
  top: 50%;
  width: 5px;
  left: 100%;
  margin-left: -29px;
  margin-top: 1px;
  transform: rotate(45deg);
}
.form-control-select .multiselect-container.dropdown-menu li.active a:after {
  content: "";
  height: 2px;
  background-color: #657b87;
  position: absolute;
  left: 100%;
  margin-left: -27px;
  display: block;
  top: 50%;
  width: 12px;
  margin-top: -1px;
  transform: rotate(-45deg);
}
input.form-control[type="number"] {
  width: 80px;
}
.new-task-card .form-group--cta {
  padding-top: 15px;
  border-top: 1px solid rgba(101, 123, 135, 0.3);
  margin-top: 5px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .new-task-card .form-group--cta {
    padding-top: 21px;
  }
}
.new-task-card .form-group--cta a:not(:nth-of-type(3)) {
  margin-top: 0;
}
.task-add-grid.add-people {
  padding-left: 4px;
}
.new-task-card .form-control-select--2 {
  width: 100%;
}
.new-task-card .select2-selection--single .select2-selection__arrow:after {
  z-index: 2;
  position: absolute;
  pointer-events: none;
  right: 8px;
  content: "\e9c5";
  color: #657b87;
  font-family: "icomoon";
  display: block;
  font-size: 22px;
  width: 16px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.new-task-card .select2-selection:not(.select2-selection--multiple) {
  height: 36px;
}
.new-task-card .select2-selection {
  width: 100%;
  -webkit-appearance: none;
  padding-left: 0;
  border-radius: 2px;
  background-color: white;
  border: solid 1px rgba(101, 123, 135, 0.3);
  color: #657b87;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
  font-size: 13px;
  color: #191d1f;
}
.new-task-card .select2-selection:hover,
.new-task-card .select2-selection:focus {
  border: solid 1px rgba(101, 123, 135, 0.3);
  color: #657b87;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
}
.new-task-card .select2-container--default.select2-container--focus .select2-selection--multiple,
.new-task-card .select2-container--focus .select2-selection--single:not([class*="bg-"]):not([class*="border-"]),
.new-task-card .select2-container--open .select2-selection--single:not([class*="bg-"]):not([class*="border-"]) {
  border-bottom: solid 1px rgba(101, 123, 135, 0.3);
  box-shadow: 0 1px 6px 0 rgba(101, 123, 135, 0.12), inset 0 0 8px 0 rgba(101, 123, 135, 0.3);
}
.new-task-card .select2-container .select2-selection--single .select2-selection__rendered,
.new-task-card .select2-container .select2-selection--multiple .select2-selection__rendered {
  padding-top: 4px;
  padding-left: 7px;
}
.new-task-card .select2-selection--multiple {
  width: 100%;
  display: inline-block;
}
.new-task-card .select2-selection--multiple .select2-selection__rendered {
  float: left;
}
.new-task-card .select2-selection--multiple .select2-selection__choice {
  padding: 0px 9px 0px 11px;
  margin-right: 8px;
}
.select2-selection--multiple:not([class*="bg-"]) .select2-selection__choice:hover,
.select2-selection--multiple:not([class*="bg-"]) .select2-selection__choice:focus {
  color: #3f4d54;
}
.new-task-card .select2-container .select2-selection--multiple li.select2-search.select2-search--inline {
  width: auto !important;
}
.new-task-card .select2-selection--multiple:not([class*="bg-"]) .select2-selection__choice {
  background-color: #F6F7F8;
  border: none;
  border-radius: 2px;
}
.new-task-card .select2-selection--multiple .select2-selection__choice .user-photo {
  margin-right: 6px;
  position: relative;
  top: -1px;
}
.new-task-card .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  margin-left: 9px;
}
.daterangepicker {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0 1px 8px rgba(0, 0, 0, 0.24);
}
.daterangepicker.dropdown-menu {
  width: 275px;
  margin-top: -50px;
}
@media (max-width: 768px) {
  .daterangepicker.dropdown-menu {
    margin-top: -70px;
    margin-left: -17px;
    max-width: 100vw;
    border-top: thin solid #ccc;
  }
}
.daterangepicker .drp-buttons {
  display: block;
  height: 60px;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
}
@media (min-width: 768px) {
  .daterangepicker .drp-buttons {
    padding: 10px 20px;
  }
}
.daterangepicker .drp-buttons .btn {
  margin: 0;
  display: inline-block;
  background-color: #657b87;
  border: 1px solid transparent;
  color: white;
  font-size: 10px;
  font-weight: bold;
  line-height: 30px;
  padding: 0 12px 0 11px;
  text-transform: uppercase;
  border-radius: 4px;
  width: 103px;
}
@media (min-width: 768px) {
  .daterangepicker .drp-buttons .btn {
    font-size: 11px;
    padding: 0 15px 0 12px;
    line-height: 34px;
  }
}
.daterangepicker .drp-buttons .btn i {
  font-size: 12px;
  position: relative;
  top: -2px;
  margin-right: 4px;
}
.daterangepicker .drp-buttons .btn:hover {
  color: white;
  background-color: #191d1f;
}
.daterangepicker .drp-buttons .btn.applyBtn {
  float: right;
}
.daterangepicker .drp-buttons .btn.cancelBtn {
  margin: 0;
  color: #657b87;
  background-color: white;
  border: 1px solid #657b87;
  float: left;
}
.daterangepicker .drp-buttons .btn.cancelBtn:hover,
.daterangepicker .drp-buttons .btn.cancelBtn:focus {
  order: 1;
  color: black;
  background-color: white;
  border: 1px solid #657b87;
}
.daterangepicker .table-condensed .month {
  padding-top: 2px;
  font-size: 16px;
  color: #3f4d54;
}
.daterangepicker .table-condensed th.prev {
  position: relative;
  right: 5px;
  top: 3px;
}
.daterangepicker .table-condensed th.prev::before {
  font-weight: bold;
  font-size: 13px;
}
.daterangepicker .table-condensed th.next {
  top: 0px;
  position: relative;
  right: 2px;
}
.daterangepicker .table-condensed th.next::before {
  font-weight: bold;
  font-size: 13px;
}
.daterangepicker .table-condensed thead tr:last-child th {
  padding-top: 14px;
  padding-bottom: 9px;
  color: #657b87;
  opacity: 0.8;
}
.daterangepicker .table-condensed td.off,
.daterangepicker .table-condensed td.disabled {
  color: #657b87;
  opacity: 0.4;
}
.daterangepicker .table-condensed td.active,
.daterangepicker .table-condensed td.active:hover,
.daterangepicker .table-condensed td.active:focus {
  background-color: #657b87;
  color: white;
  border-radius: 3px;
}
.daterangepicker .table-condensed tr > th,
.daterangepicker .table-condensed tr > td {
  padding: inherit;
}
.daterangepicker .drp-calendar,
.daterangepicker .drp-calendar.left {
  padding: 8px 20px;
}
.daterangepicker .calendar-time {
  margin-top: 9px;
  margin-bottom: 5px;
}
.daterangepicker .calendar-time select {
  width: 64px;
  padding-left: 20px;
  background-color: white;
  background: white;
}
.daterangepicker .calendar-time:first-of-type {
  float: left;
}
.daterangepicker .calendar-timelast-of-type {
  float: right;
}
.daterangepicker select {
  padding-top: 0;
  width: 100%;
  -webkit-appearance: none;
  padding-left: 11px;
  border-radius: 2px;
  background-color: white;
  background: white;
  border: solid 1px rgba(101, 123, 135, 0.3);
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
  font-size: 13px;
  color: #191d1f;
}
.daterangepicker select::placeholder {
  opacity: 0.6;
}
.daterangepicker select.not-valid,
.daterangepicker select.valid,
.daterangepicker select:focus {
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0);
}
.daterangepicker select.monthselect {
  width: 68px;
  padding-left: 20px;
}
.daterangepicker select.yearselect {
  width: 68px;
  padding-left: 20px;
}
.step-4 .new-task-card .panel {
  padding-right: 0;
  padding-left: 0;
}
.task-detail-container {
  float: left;
  margin-top: -3px;
}
@media (min-width: 768px) {
  .task-detail-container {
    margin-top: 0;
  }
}
.task-detail-container .task-skin-wrapper {
  width: 100%;
  display: block;
  margin: 0 auto;
  box-shadow: none;
}
@media (min-width: 992px) {
  .task-detail-container .task-skin-wrapper {
    width: 761px;
  }
}
.task-detail-container .task-block {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .task-detail-container .task-block {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.task-detail-container .panel {
  border: none;
  box-shadow: none;
  margin-bottom: 0;
}
.task-detail-container .task-block .panel .panel-body {
  padding-top: 14px;
}
@media (min-width: 768px) {
  .task-detail-container .task-block .panel .panel-body {
    padding-top: 25px;
    padding-bottom: 32px;
  }
}
.task-detail-container .cal-mini {
  position: relative;
  margin-left: 1px;
}
@media (min-width: 768px) {
  .task-detail-container .cal-mini {
    margin-left: 0px;
  }
}
.task-detail-container .cal-mini .cal-mini-check {
  color: green;
  position: absolute;
  font-size: 20px;
  top: 20px;
  left: 15px;
}
@media (max-width: 767px) {
  .task-detail-container .task-block .task-actions {
    top: 15px;
    height: auto;
    right: -3px;
  }
}
.task-detail-container .task-block .task-actions .icons-list > li.dropdown > a::before {
  content: none;
}
.task-detail-container .task-block .task-actions .icons-list .dropdown.open .dropdown-toggle > i {
  color: #191d1f;
}
.task-detail-container .task-detail-top_details {
  display: inline-block;
  width: calc(100% + 6px);
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .task-detail-container .task-detail-top_details {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
}
.task-detail-container .task-detail-top_details .form-group {
  width: 50%;
  float: left;
  padding-right: 28px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .task-detail-container .task-detail-top_details .form-group {
    width: auto;
    padding-right: 2px;
    margin-bottom: 19px;
  }
}
@media (min-width: 768px) {
  .task-detail-container .task-detail-top_details .form-group:not(:last-of-type) {
    margin-right: 46px;
  }
}
@media (min-width: 992px) {
  .task-detail-container .task-detail-top_details .form-group:last-of-type {
    margin-left: -2px;
  }
}
.task-detail-container .task-header {
  padding-bottom: 1px;
}
@media (min-width: 768px) {
  .task-detail-container .task-header {
    padding-bottom: 12px;
  }
}
.task-detail-container .task-detail-top_details .detail-field span {
  float: left;
}
@media (min-width: 768px) {
  .task-detail-container .task-detail-top_details .detail-field span {
    float: right;
  }
}
.task-detail-container .task-header .task-info {
  width: 224px;
}
@media (min-width: 768px) {
  .task-detail-container .task-header .task-info {
    width: calc(100% - 100px);
  }
}
.task-detail-container .task-header .task-title {
  line-height: 18px;
  margin-top: 1px;
  width: 100%;
}
@media (min-width: 768px) {
  .task-detail-container .task-header .task-title {
    font-size: 17px;
  }
}
.task-detail-container .task-header .task-label {
  line-height: 15px;
}
@media (min-width: 992px) {
  .task-detail-container .task-header .task-label {
    line-height: 20px;
  }
}
.task-detail-container .task-header .task-detailing {
  margin-top: 7px;
  margin-left: 0px;
}
@media (min-width: 768px) {
  .task-detail-container .task-header .task-detailing {
    margin-top: 0px;
    margin-left: -3px;
  }
}
.task-detail-container .task-detail-body {
  padding: 0;
  padding-top: 16px;
}
.task-detail-container .task-detail-body .form-group {
  margin-bottom: 23px;
}
@media (min-width: 768px) {
  .task-detail-container .task-detail-body .form-group {
    margin-bottom: 19px;
  }
}
.task-detail-container .task-detail-body .form-group:last-child {
  margin-bottom: 0;
}
.task-detail-container .task-detail-body label {
  font-size: 14px;
  font-weight: 500;
  color: #3f4d54;
}
.task-detail-container .task-detail-body .detail-field {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: normal;
  color: #3f4d54;
}
.task-detail-container .task-detail-body .detail-field p {
  font-size: 14px;
  line-height: 22px;
  margin-top: 2px;
  margin-bottom: -2px;
}
.task-detail-container .doc-list {
  padding: 0 25px 13px 28px;
}
@media (min-width: 768px) {
  .task-detail-container .doc-list {
    padding: 0;
    margin: 0;
  }
}
.task-detail-container .no-documents p {
  margin-top: 11px;
  margin-left: -4px;
  margin-bottom: 5px;
  font-size: 14px;
}
@media (min-width: 768px) {
  .task-detail-container .no-documents p {
    margin-top: 12px;
    margin-left: 0;
  }
}
.task-detail-container .no-documents a {
  margin-left: -4px;
  font-size: 14px;
}
@media (min-width: 768px) {
  .task-detail-container .no-documents a {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .task-detail-container .people {
    padding: 0;
    margin: 0;
    padding-left: 3px;
  }
}
.task-detail-container .people a,
.task-detail-container .people .user-photo.no-img {
  width: 36px;
  height: 36px;
}
.task-detail-container .people .user-photo.no-img {
  line-height: 36px;
}
.people a .check-circle {
  width: 18px;
  height: 18px;
  margin-top: -15px;
  margin-left: 17px;
}
.task-detail-container .people a.owner-container {
  position: relative;
  top: 2px;
}
@media (min-width: 768px) {
  .task-detail-container .people a.owner-container .check-circle {
    margin-top: -21px;
  }
}
@media (min-width: 768px) {
  .task-detail-container .people a.owner-container .owner-photo {
    margin-bottom: 8px;
  }
}
.task-detail-container .people a.owner-container::before {
  width: 41px;
  height: 41px;
  border: 2px solid #f0ab3c;
  border-radius: 100%;
  top: -4px;
  left: -4px;
}
@media (min-width: 768px) {
  .task-detail-container .people a.owner-container span {
    width: 34px;
    left: -2px;
  }
}
.people a .check-circle i {
  top: -1px;
}
.page-container .task-detail-container .chat-header {
  margin-top: 27px;
  padding-left: 4px;
  padding-bottom: 0px;
  font-size: 14px;
  margin-bottom: -1px;
}
@media (min-width: 768px) {
  .page-container .task-detail-container .chat-header {
    margin-top: 8px;
    margin-bottom: 0;
    padding-top: 26px;
    padding-bottom: 17px;
  }
}
.task-detail-container .chat-header i {
  font-size: 16px;
}
.task-details .chat-area {
  overflow-y: auto;
  height: 200px;
}
.task-details .chat-area.no-chats {
  overflow-y: unset;
  height: 60px;
}
.task-details .chat-area.no-chats .chat-top {
  display: none;
}
.task-detail-container .chat-body {
  min-height: 150px;
}
.task-detail-container .chat-body .hr-text-container {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .task-detail-container .chat-body .hr-text-container {
    margin-bottom: 12px;
  }
}
.task-detail-container .task-details .chat-body .hr-text {
  height: auto;
  float: none;
}
@media (min-width: 768px) {
  .task-detail-container .task-details .chat-body .hr-text {
    max-width: 260px;
  }
}
.task-detail-container .chat-body .hr-text::after {
  font-size: 10px;
  line-height: 19px;
}
@media (min-width: 768px) {
  .task-detail-container .chat-body .hr-text::after {
    font-size: 11px;
    line-height: 22px;
  }
}
.task-detail-container .chat-body .chat-select {
  padding: 10px 8px 6px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .task-detail-container .chat-body .chat-select {
    padding: 15px 16px 10px;
    margin-bottom: 12px;
  }
}
.task-detail-container .chat-body .chat-right-col .username {
  margin-top: -4px;
  font-size: 14px;
}
@media (min-width: 768px) {
  .task-detail-container .chat-body .chat-right-col .username {
    margin-top: -6px;
  }
}
.task-detail-container .chat-body .chat-right-col .username .timestamp {
  margin-left: 7px;
}
.task-detail-container .chat-body .chat-right-col .message-content {
  font-size: 14px;
  margin-top: 1px;
}
.task-detail-container .chats > br {
  display: none;
}
.task-detail-container .chat-footer {
  padding: 12px 0 0;
}
@media (min-width: 768px) {
  .task-detail-container .chat-footer {
    padding: 8px 0 0;
  }
}
.task-detail-container .chat-footer .round-button--input {
  border-radius: 2px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.task-detail-container .meeting-area {
  padding-bottom: 0;
  margin-bottom: -4px;
}
@media (min-width: 768px) {
  .task-detail-container .meeting-area {
    padding-bottom: 9px;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .task-detail-container .meetings {
    padding: 14px 0;
  }
}
.task-detail-container .meeting-area .meetings h5 {
  margin-top: 8px;
  margin-bottom: 9px;
  margin-left: 2px;
  letter-spacing: 0.5px;
}
@media (min-width: 768px) {
  .task-detail-container .meeting-area .meetings h5 {
    margin-top: 9px;
    margin-left: 0;
    margin-bottom: 10px;
    font-size: 14px;
    letter-spacing: 0;
  }
}
.task-detail-container .meeting-area .meetings h5 i {
  margin-right: 6px;
  vertical-align: -2px;
}
@media (min-width: 768px) {
  .task-detail-container .meeting-area .meetings h5 i {
    margin-right: 4px;
  }
}
.task-detail-container .meeting-area .meetings .table {
  padding-left: 1px;
  padding-right: 1px;
}
@media (min-width: 768px) {
  .task-detail-container .meeting-area .meetings .table {
    padding-left: 0;
    padding-right: 0;
    border-spacing: 0 1px;
  }
}
@media (min-width: 768px) {
  .task-detail-container .task-meetings-date {
    margin-right: 54px;
  }
}
.page-container .survey-row > .survey-info .task-detail-container .survey-row {
  display: block;
}
@media (min-width: 768px) {
  .page-container .survey-row > .survey-info .task-detail-container .survey-row {
    padding: 0 66px;
  }
}
.task-line-icon {
  font-size: 18px;
  line-height: 1.5em;
  color: #657b87;
  margin-right: 10px;
  width: 25px;
}
.instructions-fillout {
  display: block;
  float: right;
  width: calc(100% - 35px) /* task-line-icon width + margin */;
}
#modal-user-notification .user {
  border-radius: 100%;
  width: 42px;
  height: 42px;
  display: inline-block;
  margin-right: 3px;
}
#modal-user-notification .user-photo {
  border-radius: 100%;
  height: 36px;
  width: 36px;
  margin-left: 2px;
  margin-top: 0;
}
#modal-user-notification .user-photo.no-img {
  display: inline-block;
  border: none;
  font-size: 13px;
  font-weight: 500;
  line-height: 36px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: white;
  background-color: #657b87;
  box-shadow: 0 0 3px #ddd;
}
#modal-user-notification .modal-footer {
  text-align: left;
}
#modal-user-notification .modal-footer #save-only-button,
#modal-user-notification .modal-footer #send-notifications-button {
  float: right;
}
#modal-user-notification .modal-footer #save-only-button i,
#modal-user-notification .modal-footer #send-notifications-button i {
  top: 1px;
}
.task-top-level-signature-status {
  text-align: center;
  width: 240px;
}
.signer-status-row {
  height: 50px;
  display: block;
}
.signer-status-row .signer-status-client-user {
  width: 75%;
  float: left;
}
.signer-status-row .signer-status {
  width: 25%;
  text-align: center;
  float: right;
  margin-top: 5px;
}
.signing-instructions .checker {
  margin-top: -4px;
}
.panel {
  display: inline-block;
  width: 100%;
}
.form-group textarea.form-control,
.form-group .note-editor {
  padding: 7px 11px;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 2px;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
  background-color: white;
  border: solid 1px #dcdfe5;
  min-height: 108px;
  resize: none;
}
.form-group .note-editor .note-toolbar {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
}
.form-group .note-editor .note-toolbar .note-font {
  order: 999;
}
.form-group .note-editor .note-toolbar .note-font .note-btn {
  position: relative;
  overflow: hidden;
  max-width: 90px;
  padding-left: 7px;
  padding-right: 14px;
  text-overflow: ellipsis;
  text-align: left;
}
.form-group .note-editor .note-editable {
  padding: 0;
}
.task-form .form-control-select--2 {
  width: 100%;
}
.task-form .select2-selection--single .select2-selection__arrow:after {
  z-index: 2;
  position: absolute;
  pointer-events: none;
  right: 8px;
  content: '\e9c5';
  color: #657b87;
  font-family: 'icomoon';
  display: block;
  font-size: 22px;
  width: 16px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.task-form .select2-selection:not(.select2-selection--multiple) {
  height: 36px;
}
.task-form .select2-selection {
  width: 100%;
  -webkit-appearance: none;
  padding-left: 0;
  padding-top: 6px;
  padding-bottom: 7px;
  border-radius: 2px;
  background-color: white;
  border: solid 1px rgba(101, 123, 135, 0.3);
  color: #657b87;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
  font-size: 13px;
  color: #191d1f;
}
.task-form .select2-selection:hover,
.task-form .select2-selection:focus {
  border: solid 1px rgba(101, 123, 135, 0.3);
  color: #657b87;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
}
.task-form .select2-container--default.select2-container--focus .select2-selection--multiple,
.task-form .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]),
.task-form .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]) {
  border-bottom: solid 1px rgba(101, 123, 135, 0.3);
  box-shadow: 0 1px 6px 0 rgba(101, 123, 135, 0.12), inset 0 0 8px 0 rgba(101, 123, 135, 0.3);
}
.task-form .select2-container .select2-selection--single .select2-selection__rendered {
  padding-top: 3px;
  padding-left: 11px;
}
.select2-container--default .select2-results__option {
  margin: 0;
  border-radius: 2px;
  padding: 12px 50px 13px 12px;
  border-bottom: solid 1px #EDEFF1;
  color: #3f4d54;
  position: relative;
}
.task-form .select2-selection--multiple {
  width: 100%;
  display: inline-block;
  padding: 4px 8px;
}
@media (min-width: 768px) {
  .task-form .select2-selection--multiple {
    padding: 4px 11px;
  }
}
.task-form .select2-selection--multiple .select2-selection__rendered {
  float: left;
}
.task-form .select2-selection--multiple .select2-selection__choice {
  padding: 6px 9px 4px 11px;
  margin-right: 8px;
}
.task-form .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice {
  background-color: #F6F7F8;
  border: none;
  border-radius: 2px;
}
.task-form .select2-selection--multiple .select2-selection__choice .user-photo {
  margin-right: 6px;
  position: relative;
  top: -1px;
}
.task-form .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  margin-left: 9px;
}
.form-group .in-progress {
  display: inline-block;
  width: 100%;
  padding: 7px 11px;
  margin-top: 0;
  border-radius: 2px;
  border: solid 1px #dcdfe5;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
  background-color: rgba(237, 240, 242, 0.5);
  color: rgba(25, 29, 31, 0.5);
}
.form-group .in-progress.not-valid,
.form-group .in-progress.valid,
.form-group .in-progress:focus {
  border: solid 1px #dcdfe5;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
  background-color: rgba(237, 240, 242, 0.5);
}
.form-group .switchery {
  display: inline-block;
  position: relative;
  top: -3px;
  width: 51px;
  height: 26px;
  margin-top: 0px;
  margin-right: 4px;
  margin-left: 1px;
  margin-bottom: -2px;
}
@media (min-width: 768px) {
  .form-group .switchery {
    margin-top: 6px;
  }
}
.form-group .switchery-default {
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16) !important;
}
.form-group .switchery > small {
  width: 24px;
  height: 24px;
  top: 1px;
}
.form-group .switchery-default > small {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.46);
}
.task-form .form-group > .checkbox-label {
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  top: 2px;
  position: relative;
  vertical-align: top;
}
@media (min-width: 768px) {
  .task-form .form-group > .checkbox-label {
    top: 8px;
  }
}
.task-form .form-group--cta {
  padding-top: 20px;
  border-top: 1px solid #EDEFF1;
  margin-top: 23px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .task-form .form-group--cta {
    margin-top: 31px;
    margin-bottom: 19px;
  }
}
.task-form .form-group--cta .round-button {
  padding: 0 20px 1px 21px;
  line-height: 34px;
  font-size: 11px;
}
@media (min-width: 768px) {
  .task-form .form-group--cta .round-button {
    padding: 0 16px 1px 16px;
  }
}
.task-form .form-group--cta .save {
  padding: 0px 11px 0 10px;
  line-height: 34px;
  font-size: 11px;
}
.task-form .form-group-select {
  margin-bottom: 15px;
}
#task-form .permissions-control .panel-group-control {
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
  padding-bottom: 15px;
}
#task-form .permissions-control > .panel-group-control {
  padding-left: 15px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  #task-form .permissions-control > .panel-group-control {
    padding-left: 25px;
    padding-right: 25px;
  }
}
#task-form .permissions-control .panel-group-control > .panel-heading {
  padding-top: 10px;
  padding-left: 0;
  padding-bottom: 3px;
}
@media (min-width: 768px) {
  #task-form .permissions-control .panel-group-control > .panel-heading {
    padding-bottom: 15px;
  }
}
#task-form .permissions-control .panel-group-control .panel-heading {
  background-color: transparent;
}
#task-form .permissions-control .panel-group-control .form-group .panel-heading {
  padding-top: 8px;
  padding-left: 6px;
}
@media (min-width: 768px) {
  #task-form .permissions-control .panel-group-control .form-group .panel-heading {
    padding-top: 16px;
  }
}
#task-form .permissions-control .panel-group-control .panel-heading h6 {
  font-size: 14px;
  font-weight: 500;
  color: #3f4d54;
}
#task-form .permissions-control .panel-group-control .panel {
  box-shadow: none;
  background-color: transparent;
}
@media (min-width: 768px) {
  #task-form .permissions-control .panel-group-control .panel {
    margin-bottom: 18px;
  }
}
#task-form .permissions-control .panel-group-control > .panel-body {
  padding: 0;
}
#task-form .permissions-control .panel-group-control .panel-body #upload-file-permissions-panel {
  display: inline-block;
  width: 100%;
  padding-left: 9px;
  padding-right: 9px;
  margin-bottom: 16px;
  border-radius: 2px;
  background-color: #F6F7F8;
}
@media (min-width: 768px) {
  #task-form .permissions-control .panel-group-control .panel-body #upload-file-permissions-panel {
    padding-left: 14px;
    padding-right: 22px;
  }
}
#task-form .permissions-control .panel-group-control .form-group .panel-body {
  padding: 0;
  margin-bottom: 9px;
}
#task-form .permissions-control .panel-group-control .panel .panel-title a {
  padding-left: 23px;
  font-size: 13px;
  font-weight: 500;
  color: #3f4d54;
  letter-spacing: normal;
  text-decoration: underline;
}
#task-form .permissions-control .panel-group-control .panel .panel-title a::before {
  font-size: 18px;
  color: #3f4d54;
}
#task-form .summary-row .task-permissions-users {
  min-height: 56px;
}
#task-form .permissions-control .panel-group-control #task-permission-details .permissions-row {
  display: inline-block;
  width: 100%;
  border-radius: 2px;
  background-color: #ebedf0;
  padding: 15px 10px;
  margin-left: 0;
  margin-top: 10px;
  overflow: unset;
}
@media (min-width: 768px) {
  #task-form .permissions-control .panel-group-control #task-permission-details .permissions-row {
    padding-top: 8px;
    padding-left: 11px;
    padding-bottom: 4px;
  }
}
#task-form #task-permission-details .form-group {
  width: 100%;
}
#task-form .permissions-control .panel-group-control .form-group .summary-row {
  display: inline-block;
  position: relative;
  width: 100%;
  background-color: transparent;
  padding-left: 16px;
  padding-right: 0;
  padding-bottom: 17px;
}
#task-form .permissions-control .panel-group-control .form-group .summary-row .people {
  padding-top: 19px;
  margin-left: 1px;
}
@media (min-width: 768px) {
  #task-form .permissions-control .panel-group-control .form-group .summary-row .people {
    padding-top: 17px;
    margin-left: 2px;
  }
}
#task-form .permissions-control .panel-group-control .form-group .summary-row .people a:first-of-type {
  margin-right: 5px;
}
#task-form .permissions-control .panel-group-control .form-group .panel-body .permissions-title {
  font-size: 12px;
  font-weight: 500;
  color: #657b87;
}
#task-form .permissions-control .panel-group-control .form-group .panel-body .permissions-title a {
  margin-right: 3px;
  display: inline-block;
}
#task-form .permissions-control .panel-group-control .form-group .panel-body .permissions-title i {
  font-size: 12px;
  color: #657b87;
}
#task-form .permissions-control .panel-group-control .form-group .panel-body .file-permissions-users .btn-link i {
  font-size: 12px;
  color: #657b87;
  margin-left: 0;
  position: relative;
  top: -2px;
}
#task-form .permissions-control .panel-group-control .form-group .people {
  display: inline-block;
  width: calc(100% + 6px);
  padding-top: 27px;
  margin-left: -1px;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  #task-form .permissions-control .panel-group-control .form-group .people {
    padding-top: 9px;
    margin-bottom: 4px;
  }
}
#task-form .permissions-control .panel-group-control .form-group .people a {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  float: left;
  vertical-align: top;
  margin-left: 6px;
  margin-bottom: 5px;
}
#task-form .permissions-control .panel-group-control .form-group .people a:first-of-type {
  margin-left: 0;
}
#task-form .permissions-control .panel-group-control .form-group .people .user-photo {
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  height: 100%;
  width: 100%;
  display: inline-block;
}
#task-form .permissions-control .panel-group-control .form-group .people .user-photo.no-img {
  display: inline-block;
  border: none;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  font-size: 13px;
  font-weight: 500;
  line-height: 32px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: white;
  background-color: #657b87;
}
#task-form .permissions-control .panel-group-control .form-group .owner-container {
  position: absolute;
  top: 31px;
  left: 17px;
  width: 36px;
  height: 36px;
}
@media (min-width: 768px) {
  #task-form .permissions-control .panel-group-control .form-group .owner-container {
    top: 29px;
    left: 18px;
    margin-bottom: 8px;
  }
}
#task-form .permissions-control .panel-group-control .form-group .owner-container::before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  border: 2px solid #f0ab3c;
  border-radius: 100%;
  top: -16px;
  left: -4px;
  background-color: transparent;
}
#task-form .permissions-control .panel-group-control .form-group .owner-container span {
  position: relative;
  display: inline-block;
  width: 40px;
  left: -4px;
  margin-top: 25px;
  right: 0;
  display: block;
  font-size: 11px;
  font-weight: 500;
  text-align: center;
  color: #213241;
}
#task-form .permissions-control .panel-group-control .form-group .people a.owner-container .owner-photo {
  width: 32px;
  height: 32px;
}
#task-form .permissions-control .panel-group-control #document-permission-details .permissions-row {
  display: inline-block;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 4px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  #task-form .permissions-control .panel-group-control #document-permission-details .permissions-row {
    padding-top: 11px;
    padding-left: 11px;
    padding-bottom: 1px;
  }
}
#task-form .permissions-control .panel-group-control #document-permission-details .permissions-row .file-permissions-users {
  position: relative;
  top: -3px;
}
#task-form .permissions-control .panel-group-control #document-permission-details .people {
  padding-top: 15px;
  padding-left: 6px;
}
@media (min-width: 768px) {
  #task-form .permissions-control .panel-group-control #document-permission-details .people {
    padding-top: 16px;
    padding-left: 5px;
  }
}
#task-form .permissions-control .panel-group-control #document-permission-details .people a {
  width: 32px;
  height: 32px;
  margin-left: 6px;
}
#task-form .permissions-control .panel-group-control #document-permission-details .people a:first-of-type {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 768px) {
  #task-form .permissions-control .panel-group-control #document-permission-details {
    padding-left: 11px;
  }
}
#task-form .permissions-control .panel-group-control #document-permission-details .form-group {
  margin-left: 3px !important;
}
@media (min-width: 768px) {
  #task-form .permissions-control .panel-group-control #document-permission-details .form-group {
    margin-top: 10px !important;
    margin-left: 0 !important;
  }
}
#task-form .permissions-control .panel-group-control #document-permission-details .form-group label {
  font-size: 12px;
  font-weight: 500;
  display: block;
  color: #657b87;
}
#task-form .permissions-control .panel-group-control #document-permission-details .form-group .radio-inline {
  display: inline-block;
  width: 100%;
  padding-left: 22px;
  margin-top: 8px;
  margin-bottom: 4px;
  margin-left: 0;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal;
  color: #657b87;
}
@media (min-width: 768px) {
  #task-form .permissions-control .panel-group-control #document-permission-details .form-group .radio-inline {
    width: auto;
    margin-top: 4px;
    margin-right: 17px;
  }
}
#task-form .permissions-control .radio-inline .choice .choice {
  top: 4px;
}
#task-outcomes .task-outcome {
  margin: 10px 0;
}
#task-outcomes .task-outcome .fa {
  cursor: pointer;
  color: #657b87;
}
#task-outcomes .task-outcome .task-outcome-label {
  margin: 0 10px;
  display: inline-block;
  width: 60%;
}
.trigger-config {
  margin-bottom: 25px;
  max-width: 500px;
}
.trigger-options {
  margin-left: 25px;
}
.trigger-options .field {
  margin-bottom: 10px;
}
.trigger-options .field > span {
  width: 80px;
  display: inline-block;
}
.trigger-options .field th.available span {
  width: 8px;
}
.trigger-options .field .form-control-number input[type=number] {
  width: 80px;
}
.trigger-options .field .form-control-number label {
  position: relative;
  top: 6px;
  margin-left: 8px;
  font-weight: normal;
}
.trigger-options select {
  max-width: 500px;
}
.trigger-options .switchery {
  margin-top: 10px;
}
.trigger-options .days-amount {
  width: 100px;
  display: inline-block;
}
.trigger-options .days-option {
  width: 200px;
  display: inline-block;
}
.docusign-embed {
  border: none;
  height: 800px;
  width: 100%;
  margin: none;
}
.permission-breakdown-modal h3,
.permission-breakdown-modal h5 {
  margin: 0;
  padding: 0;
}
.permission-breakdown-modal a {
  color: #333;
}
.permission-breakdown-modal .mini-permissions-block {
  padding: 15px;
  margin: 5px 5px;
  display: inline-block;
  width: auto;
  text-align: center;
}
.permission-breakdown-modal .task-block {
  min-width: calc(33% - 20px);
}
.permission-breakdown-modal .tasks-timeline {
  min-width: 200px;
}
.vr-right {
  border-right: 1px solid #ddd;
}
.task-complete-header {
  display: inline-block;
  width: 100%;
  margin-top: 2px;
  vertical-align: top;
  margin-bottom: 4px;
}
@media (min-width: 768px) {
  .task-complete-header {
    margin-top: 21px;
    margin-bottom: 13px;
  }
}
.task-complete-header .cal-mini {
  width: 30px;
  margin: 8px 13px 0px 5px;
}
@media (min-width: 768px) {
  .task-complete-header .cal-mini {
    margin-top: 13px;
    margin-right: 17px;
    margin-left: 8px;
  }
}
.task-complete-header .cal-mini .top-half-cal-mini {
  font-size: 8px;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.task-complete-header .cal-mini .bottom-half-cal-mini {
  padding-top: 0;
  font-size: 10px;
  font-weight: normal;
  color: black;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.task-complete-header .cal-mini.good .top-half-cal-mini {
  background-color: #2eb872;
  border-color: #2eb872;
}
.task-complete-header .cal-mini.good .bottom-half-cal-mini {
  border-color: #2eb872;
}
.task-complete-header .cal-mini.due-soon .top-half-cal-mini {
  background-color: #edd432;
  border-color: #edd432;
}
.task-complete-header .cal-mini.due-soon .bottom-half-cal-mini {
  border-color: #edd432;
}
.task-complete-header .cal-mini.overdue .top-half-cal-mini {
  background-color: #e85531;
  border-color: #e85531;
}
.task-complete-header .cal-mini.overdue .bottom-half-cal-mini {
  border-color: #e85531;
}
.task-complete-header .cal-mini.complete .top-half-cal-mini {
  background-color: #51C6F0;
  border-color: #51C6F0;
}
.task-complete-header .cal-mini.complete .bottom-half-cal-mini {
  border-color: #51C6F0;
}
.task-complete-header .task-info {
  display: inline-block;
  width: 220px;
}
@media (min-width: 768px) {
  .task-complete-header .task-info {
    width: 410px;
    margin-top: 7px;
  }
}
.task-complete-header .task-title {
  display: inline-block;
  width: 100%;
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #3f4d54;
  line-height: normal;
  text-decoration: none;
  height: auto;
}
.task-complete-header .task-label {
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
  opacity: 0.75;
  font-size: 13px;
  color: #657b87;
  line-height: normal;
  top: -4px;
  position: relative;
}
@media (min-width: 768px) {
  .task-complete-header .task-label {
    top: 0;
    margin-top: 3px;
  }
}
.task-complete-header hr {
  margin-top: 13px;
}
@media (min-width: 768px) {
  .task-complete-header hr {
    margin-top: 29px;
    margin-bottom: 15px;
  }
}
table.task-completion-grid tbody {
  border-radius: 2px;
  background-color: #F6F7F8;
  font-size: 14px;
  line-height: 1;
  letter-spacing: normal;
  color: #657b87;
}
table.task-completion-grid td,
table.task-completion-grid th {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 12px;
}
table.task-completion-grid td:first-child {
  width: 1%;
  white-space: nowrap;
  height: 50px;
}
@media (min-width: 768px) {
  table.task-completion-grid td:first-child {
    height: 40px;
  }
}
table.task-completion-grid td.user-info {
  display: table-cell;
  width: 99%;
  line-height: 18px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  table.task-completion-grid td.user-info {
    padding-left: 8px;
  }
}
.not-complete-section table.task-completion-grid td.effort span,
.not-complete-section table.task-completion-grid th.effort span {
  visibility: hidden;
}
.completion-section table.task-completion-grid th.effort,
.completion-section table.task-completion-grid th.completed-by {
  text-align: center;
}
.completion-section table.task-completion-grid td.completed-by {
  width: 200px;
}
@media (min-width: 768px) {
  .start {
    padding-left: 3px;
    margin-bottom: 15px;
  }
}
.start hr {
  margin-top: 9px;
  margin-bottom: 23px;
  vertical-align: top;
  float: left;
  display: inline-block;
  height: 1px;
  width: 100%;
}
@media (min-width: 768px) {
  .start hr {
    margin-top: 16px;
    margin-bottom: 19px;
  }
}
.start .form-group {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .start .form-group {
    padding-left: 1px;
    margin-bottom: 10px;
  }
}
.start .form-group label.everyone-estimate {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: normal;
  color: #3f4d54;
}
.completion-title {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: normal;
  color: #3f4d54;
}
#completion-estimate-options {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}
#completion-estimate-options #everyone-estimate {
  display: inline-block;
  float: none;
}
#completion-estimate-options .form-control-time-unit {
  display: inline-block;
  margin-left: 5px;
}
@media (min-width: 768px) {
  .task-completion-row td > label:first-child {
    display: none;
  }
}
.task-completion-row .form-control-number span {
  float: none;
}
.completion-section table.task-completion-grid {
  border-collapse: separate;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .completion-section table.task-completion-grid {
    border-collapse: separate;
  }
}
.completion-section table.task-completion-grid tbody {
  background-color: transparent;
}
.completion-section table.task-completion-grid tbody tr {
  background-color: #F6F7F8;
  margin-bottom: 10px;
}
.completion-section table.task-completion-grid tbody tr.break-tr {
  background-color: white;
  height: 5px;
}
.completion-section table.task-completion-grid tbody tr.break-tr td:first-child {
  height: 1px;
  padding: 0;
}
.completion-section table.task-completion-grid tbody tr td {
  padding-top: 11px;
  padding-bottom: 11px;
}
.completion-section table.task-completion-grid tbody tr td.incomplete-column,
.completion-section table.task-completion-grid tbody tr td.complete-column {
  text-align: center;
  width: 130px;
}
@media (min-width: 768px) {
  .completion-section table.task-completion-grid tbody tr td.incomplete-column,
  .completion-section table.task-completion-grid tbody tr td.complete-column {
    width: 100px;
  }
}
.completion-section table.task-completion-grid tbody tr td.completion-actions {
  width: auto;
  text-align: center;
}
.completion-section table.task-completion-grid tbody tr td .fa {
  color: #657b87;
}
.completion-section table.task-completion-grid tbody tr td.user-info {
  text-align: left;
  width: 100%;
  padding-top: 11px;
  padding-bottom: 11px;
  position: relative;
}
@media (min-width: 768px) {
  .completion-section table.task-completion-grid tbody tr td.user-info {
    width: auto;
  }
}
.completion-section table.task-completion-grid tbody tr td.user-info .user-photo {
  display: none;
  width: 32px;
  height: 32px;
  margin-right: 4px;
  margin-left: 5px;
}
@media (min-width: 768px) {
  .completion-section table.task-completion-grid tbody tr td.user-info .user-photo {
    display: inline-block;
    margin-right: 2px;
    margin-left: 12px;
  }
}
.task-outcome-selection-area {
  margin: 20px 0;
}
.task-outcome-selection-area label {
  font-weight: bold;
}
.task-outcomes {
  margin-top: 20px;
  width: 300px;
}
.task-outcomes label {
  font-size: 15px;
}
.visualization #workflow-progress-container {
  margin: 0px auto;
  padding: 0px auto;
}
.task-reminder {
  margin-top: 20px;
}
.task-reminder select,
.task-reminder input {
  display: inline-block;
  margin-right: 5px;
}
#modal-task-reminder .add-reminder {
  margin-bottom: 15px;
}
#current-reminders .sent {
  color: #C0CACF;
}
#current-reminders .delete-reminder {
  margin-left: 8px;
  color: #657b87;
}
#current-reminders .delete-reminder:hover {
  color: #191d1f;
}
#current-reminders .reminder-item {
  margin-bottom: 10px;
}
#current-reminders .reminder-item .reminder-item-edit {
  margin-bottom: 10px;
}
#current-reminders .reminder-item .reminder-item-info {
  display: inline-block;
}
#board .panel-body {
  padding: 17px 27px;
}
@media (min-width: 768px) {
  #board .panel-body {
    padding: 11px 17px 16px;
  }
}
#board .form-group {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  #board .form-group {
    margin-right: 10px;
  }
}
#board .form-group .multiselect {
  font-size: 11px;
  font-weight: bold;
  color: #657b87;
}
#board .form-group .multiselect .caret {
  position: absolute;
  top: 50%;
  right: 13px;
  margin-top: -10px;
  width: 15px;
  text-align: right;
}
#board .form-group .multiselect .caret::after {
  font-size: 20px;
}
#board .form-group .multiselect .multiselect-selected-text i {
  margin-right: 5px;
  font-size: 16px;
  top: 2px;
  position: relative;
}
.multiselect-container.dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #dcdfe5;
  top: 40px;
}
.multiselect-container > li.multiselect-group:first-child > label,
.multiselect-container > li.multiselect-group:first-child.active > label {
  margin-top: 0;
}
.multiselect-container.dropdown-menu li a {
  color: #3f4d54;
}
.multiselect-container.dropdown-menu li.active a {
  color: #3f4d54;
  text-decoration: none;
  outline: 0;
  background-color: #e8e8e8;
  text-align: left;
}
.board-scorecard {
  display: block;
  margin: 0 auto;
  padding-top: 30px;
  width: 100%;
  min-height: 225px;
}
@media (min-width: 768px) {
  .board-scorecard {
    padding: 0;
    width: 445px;
  }
}
@media (min-width: 1200px) {
  .board-scorecard {
    width: 933px;
    padding-top: 1px;
    padding-left: 3px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.board-scorecard .col-md-4 {
  text-align: center;
  margin-top: 30px;
}
@media (min-width: 1200px) {
  .board-scorecard .col-md-4 {
    margin-top: 0;
  }
}
.board-scorecard > .col-md-4:first-of-type {
  padding-top: 1px;
  padding-right: 15px;
}
.board-scorecard > .col-md-4:nth-of-type(odd) {
  width: 100%;
}
@media (min-width: 1200px) {
  .board-scorecard > .col-md-4:nth-of-type(odd) {
    width: 250px;
  }
}
.board-scorecard > .col-md-4:nth-of-type(even) {
  width: 100%;
}
@media (min-width: 1200px) {
  .board-scorecard > .col-md-4:nth-of-type(even) {
    width: 370px;
    padding-top: 6px;
    padding-right: 9px;
  }
}
.board-scorecard > .col-md-4:nth-of-type(even) label {
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .board-scorecard > .col-md-4:nth-of-type(even) label {
    margin-bottom: 45px;
  }
}
.board-scorecard .col-md-4 label {
  font-size: 15px;
  font-weight: 500;
  color: #3f4d54;
  margin-bottom: 21px;
}
@media (min-width: 1200px) {
  .board-scorecard .col-md-4 label {
    margin-bottom: 0;
  }
}
.board-scorecard .campaign-status-pie {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.board-scorecard .campaign-status-pie .empty-state {
  color: #657b87;
}
.board-scorecard .campaign-status-pie i {
  margin: 0 auto;
  transform: scale(0.8);
  transform-origin: top center;
}
@media (min-width: 992px) {
  .board-scorecard .campaign-status-pie i {
    margin-top: 15px;
  }
}
.board-scorecard .campaign-status-pie i text {
  font-size: 15px;
  font-weight: 500;
  margin-left: 2px;
  display: inline-block;
  position: relative;
  left: -2px;
  transform: translateY(-2px) translateX(-16px);
}
.board-scorecard .campaign-status-pie i .legend rect {
  width: 10px;
  height: 10px;
  position: relative;
  transform: scale(1) translateY(2px) translateX(-13px);
}
.moz-firefox .board-scorecard .campaign-status-pie i text {
  transform: scale(1) translateY(2px) translateX(-21px);
}
.moz-firefox .board-scorecard .campaign-status-pie i .legend rect {
  transform: scale(0.6) translateY(9px) translateX(-31px);
}
.microsoft-edge .board-scorecard .campaign-status-pie i text {
  transform: scale(1) translateY(3px) translateX(-6px);
}
.board-scorecard .goal-progress {
  position: relative;
}
#box-chart > i .d3-progress-foreground {
  fill: #51c6f0 !important;
  stroke: #51c6f0 !important;
}
#box-chart > i .d3-progress-front {
  fill: #51c6f0 !important;
}
#box-chart > i:first-of-type {
  transform-origin: top center;
  transform: scale(0.78);
  margin-top: -5px;
}
#box-chart .fa-flag path {
  fill: #51c6f0;
}
#box-chart i.counter-icon {
  margin-top: -31px;
  font-size: 33px !important;
}
#box-chart div.counter-icon {
  font-size: 13px !important;
  font-weight: bold;
  color: #191d1f;
  margin-top: -31px;
  margin-left: -13px;
}
#box-chart .text-size-small {
  margin-top: -36px;
  font-size: 11px;
  font-weight: 500;
  color: #657b87;
}
.goal-progress {
  position: relative;
}
.goal-progress > i .d3-progress-foreground {
  fill: #51c6f0 !important;
  stroke: #51c6f0 !important;
}
.goal-progress > i .d3-progress-front {
  fill: #51c6f0 !important;
}
.goal-progress .fa-flag path {
  fill: #51c6f0;
}
.goal-progress i.counter-icon {
  font-size: 40px !important;
  text-align: center;
  width: 100px;
  margin: -155px auto 10px;
  display: block;
}
.goal-progress div.counter-icon {
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  color: #191d1f;
  margin-left: 0px;
}
.goal-progress .text-size-small {
  margin-top: 20px;
  font-size: 11px;
  font-weight: 500;
  color: #657b87;
}
.board-data {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 30px;
}
@media (min-width: 1200px) {
  .board-data {
    margin-top: 4px;
  }
}
.board-data::before {
  content: '';
  width: calc(100% - 32px);
  height: 1px;
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: rgba(101, 123, 135, 0.3);
}
@media (min-width: 768px) {
  .board-data::before {
    width: 535px;
    left: 20px;
  }
}
.scorecard-client-data {
  padding: 23px 24px;
}
@media (min-width: 1200px) {
  .scorecard-client-data {
    padding-right: 4px;
  }
}
.scorecard-client-data > label {
  font-size: 15px;
  font-weight: 500;
  color: #3f4d54;
}
.scorecard-client-data p {
  margin-bottom: -3px;
}
.scorecard-client-data table {
  border-radius: 2px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  background-color: white;
  border: solid 1px #dcdfe5;
}
.scorecard-client-data table tbody tr:first-child > td {
  border-top: none;
}
.scorecard-client-data table tbody tr td {
  padding: 9px 24px 7px;
  font-size: 13px;
}
.scorecard-client-data .client-text-cta {
  display: block;
  margin-top: 23px;
}
.scorecard-client-data .client-text-cta a {
  display: inline-block;
  margin-right: 12px;
}
.scorecard-client-data .client-text-cta a.client-text-save {
  padding: 0 12px 0 11px;
}
.scorecard-client-data .client-text-cta a.client-text-save i {
  font-size: 16px;
  position: relative;
  top: 0px;
  margin-right: 4px;
}
.notifications-dashboard-block,
.schedule-dashboard-block {
  padding: 0px 30px;
}
.schedule-dashboard-block .fc-toolbar .fc-right > .fc-button {
  float: right;
}
.top-stats-block {
  margin: auto;
  width: 340px;
}
#gallery .card-user-active-role {
  display: none;
}
.last-login {
  margin: auto;
  text-align: left;
}
#todo-sorting,
.deployed-workflow-switch,
.score-card-time-switch,
.gallery-role-switch {
  z-index: 2;
}
#todo-sorting .multiselect,
.deployed-workflow-switch .multiselect,
.score-card-time-switch .multiselect,
.gallery-role-switch .multiselect {
  text-align: right;
}
@media (min-width: 768px) {
  #todo-sorting,
  .deployed-workflow-switch,
  .score-card-time-switch,
  .gallery-role-switch {
    position: absolute;
    right: 5px;
    top: 7px;
  }
}
.col-md-4 .top-stats-block,
.col-md-3 .top-stats-block {
  width: 300px;
}
.top-stat {
  display: block !important;
  clear: both;
  width: 170px;
  margin: 15px auto 0 auto;
  padding-top: 10px;
}
.top-stat-label {
  display: inline-block;
  white-space: nowrap;
  font-size: 13px;
  color: #3f4d54;
  margin: 10px 0px 0px 5px;
  font-weight: bold;
  float: right;
  text-align: left;
  width: 105px;
}
.top-stat-value {
  display: inline-block;
  color: #3f4d54;
  float: left;
  font-size: 26px;
  text-align: right;
  width: 60px;
}
.col-md-3 .top-stat,
.col-md-4 .top-stat {
  width: 145px;
}
.col-md-3 .top-stat .top-stat-label,
.col-md-4 .top-stat .top-stat-label {
  width: 75px;
}
.loading-body {
  background-color: #dcdfe5;
  text-align: center;
}
.loading-body img {
  display: block;
  width: 100px;
  height: 100px;
  margin: 5% auto auto auto;
  animation: spin 1s linear infinite;
}
.dashboard-block.upcoming-events .event-wrapper {
  border-bottom: 1px solid #C0CACF;
}
.dashboard-block.upcoming-events .event-wrapper:last-child {
  border-bottom: none;
}
.dashboard-block.upcoming-events .task-title {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.dashboard-block.upcoming-events .previous-load-more a {
  color: #3f4d54;
}
.tab-pane.tab-pane--no-style > .panel {
  position: relative;
}
.tab-pane.tab-pane--no-style > .panel::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0.5;
  background-color: white;
  background-image: linear-gradient(to top, white, #edf0f2);
  height: 302px;
  width: 100%;
}
@media (min-width: 768px) {
  .tab-pane.tab-pane--no-style > .panel::before {
    content: none;
  }
}
.tab-pane.tab-pane--no-style > .panel > .panel-body {
  width: 100%;
  padding: 17px 7px 4px;
  position: relative;
}
@media (min-width: 768px) {
  .tab-pane.tab-pane--no-style > .panel > .panel-body {
    padding: 29px 23px 16px;
  }
}
@media (min-width: 992px) {
  #me .tab-main-title {
    margin-top: 3px;
  }
}
.page-container .chats {
  width: 100%;
  float: left;
}
.page-container .chats hr,
.page-container .task-details .chats hr:not(.hr-text) {
  vertical-align: top;
  margin-top: 8px;
}
@media (min-width: 768px) {
  .page-container .chats hr,
  .page-container .task-details .chats hr:not(.hr-text) {
    margin-bottom: 25px;
  }
}
.chat-header {
  padding-left: 5px;
  padding-bottom: 4px;
  margin-top: 12px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #3f4d54;
}
@media (min-width: 768px) {
  .chat-header {
    margin-top: 6px;
  }
}
.chat-header i {
  font-size: 15px;
  margin-right: 3px;
  display: inline-block;
  position: relative;
  color: #3f4d54;
}
.chat-body {
  overflow-y: auto;
}
.chat-body .hr-text-container {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .chat-body .hr-text-container {
    margin-bottom: 16px;
  }
}
.chat-body .hr-text {
  max-width: 178px;
  display: block;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .chat-body .hr-text {
    max-width: 243px;
  }
}
.chat-body .system-message {
  margin-top: 4px;
}
.chat-body .sent-by-user .chat-right-col .message-content:hover i.editor {
  display: inline-block;
  position: relative;
  left: auto;
  top: -1px;
  opacity: 0.75;
}
.chat-body .hr-text::after {
  border-radius: 2px;
  border-left: 8px solid white;
  border-right: 8px solid white;
  background-color: #657b87;
  color: white;
  font-size: 10px;
  font-weight: 500;
  line-height: 19px;
  padding-left: 6px;
  padding-right: 5px;
}
.chat-body .chat-select {
  border-radius: 2px;
  background-color: #F6F7F8;
  padding: 11px 10px 5px 7px;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .chat-body .chat-select {
    padding: 10px 10px 5px;
  }
}
.chat-body .chat-left-col {
  width: 27px;
  margin-right: 0;
}
@media (min-width: 768px) {
  .chat-body .chat-left-col {
    width: 35px;
  }
}
.chat-body .chat-left-col .user-avatar img {
  margin-top: 2px;
  width: 26px;
  height: 26px;
}
@media (min-width: 768px) {
  .chat-body .chat-left-col .user-avatar img {
    margin-top: 0;
    width: 32px;
    height: 32px;
  }
}
.content-panel .chat-body .chat-select.suppress {
  padding: 0;
}
.content-panel .chat-body .chat-select.suppress .chat-left-col .user-avatar,
.content-panel .chat-body .chat-select.suppress .chat-left-col .timestamp {
  display: none;
}
.chat-body .chat-right-col {
  width: calc(100% - 40px);
  margin-left: 5px !important;
}
.chat-body .chat-right-col .username {
  font-size: 13px;
  font-weight: 500;
  color: #3f4d54;
  position: relative;
  margin-top: -5px;
}
.chat-body .chat-right-col .username .timestamp {
  font-size: 9px;
  font-weight: 500;
  color: #657b87;
}
.chat-body .chat-right-col .message-content {
  font-size: 13px;
  line-height: 19px;
  color: #657b87;
}
.chat-footer {
  width: calc(100% + 2px);
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .chat-footer {
    width: 100%;
  }
}
.kpi-title {
  left: -32px;
  width: calc(100% + 64px);
}
@media (min-width: 992px) {
  .kpi-title {
    left: -19px;
    width: calc(100% + 38px);
  }
}
.kpi > .panel > .panel-body {
  padding: 17px 7px 20px;
  position: relative;
}
@media (min-width: 768px) {
  .kpi > .panel > .panel-body {
    padding: 29px 8px 16px;
  }
}
.kpi > .panel > .panel-body::before {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  background-image: linear-gradient(to top, #ffffff, #edf0f2);
  height: 302px;
  width: 100%;
}
@media (min-width: 768px) {
  .kpi > .panel > .panel-body::before {
    content: none;
  }
}
.kpi .client-text-block {
  padding-bottom: 23px;
}
.kpi .client-text-block img {
  margin-top: 16px;
  padding: 0 9px;
  margin-bottom: 2px;
}
@media (max-width: 767px) {
  .kpi .client-text-block img {
    width: 100% !important;
  }
}
.kpi .client-text-cta {
  padding-left: 16px;
}
.kpi .dashboard_block > .panel {
  margin-left: 0;
  margin-right: 0;
}
.kpi .round-button.right {
  float: none;
  display: table;
  margin: 20px auto 0;
}
@media (min-width: 768px) {
  .kpi .round-button.right {
    position: absolute;
    top: 0;
    right: 20px;
    display: inline-block;
    float: right;
  }
}
.kpi .block-quick-edit .round-button.right {
  float: right;
}
.kpi .modal-dialog .round-button.right {
  margin-top: 0;
  margin-left: 5px;
  position: static;
  display: block;
}
.kpi > .panel > .panel-body > .row {
  margin-top: 50px;
  margin-left: 0;
  margin-right: 0;
}
.starred-items-block h4 {
  display: none;
}
.starred-items-block hr {
  margin: 4px;
}
#timeline-content {
  overflow: auto;
  margin-bottom: 20px;
}
.meeting-entry,
.doc-entry,
.room-entry {
  margin-bottom: 15px;
}
.meeting-entry a .fal,
.doc-entry a .fal,
.room-entry a .fal {
  color: #657b87;
}
.meeting-entry.read,
.doc-entry.read,
.room-entry.read,
.meeting-entry.read a,
.doc-entry.read a,
.room-entry.read a {
  color: #657b87;
}
.meeting-entry .room-mini-left,
.doc-entry .room-mini-left,
.room-entry .room-mini-left {
  width: 70px;
  text-align: center;
}
.meeting-entry .room-mini-left .starred-time,
.doc-entry .room-mini-left .starred-time,
.room-entry .room-mini-left .starred-time {
  font-size: 10px;
  display: none;
}
.meeting-entry .room-mini-left .starred-file-icon,
.doc-entry .room-mini-left .starred-file-icon,
.room-entry .room-mini-left .starred-file-icon {
  font-size: 38px;
  margin-top: 2px;
}
.meeting-entry .room-mini-left .user-photo,
.doc-entry .room-mini-left .user-photo,
.room-entry .room-mini-left .user-photo {
  /*width:32px;
      height:32px;*/
}
.meeting-entry .room-mini-left .fas.fa-star,
.doc-entry .room-mini-left .fas.fa-star,
.room-entry .room-mini-left .fas.fa-star {
  color: #edd432;
  float: left;
  margin-top: 16px;
  margin-right: 3px;
}
.meeting-entry .room-mini-left .fas.fa-lock,
.doc-entry .room-mini-left .fas.fa-lock,
.room-entry .room-mini-left .fas.fa-lock {
  margin-left: -25px;
  width: 25px;
}
.meeting-entry .room-mini-right,
.doc-entry .room-mini-right,
.room-entry .room-mini-right {
  width: calc(100% - 75px);
}
.meeting-entry .room-mini-right .starred-message,
.doc-entry .room-mini-right .starred-message,
.room-entry .room-mini-right .starred-message {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 18px;
  display: block;
  color: #657b87;
}
.meeting-entry .room-mini-right .starred-unread-count,
.doc-entry .room-mini-right .starred-unread-count,
.room-entry .room-mini-right .starred-unread-count {
  float: right;
  min-width: 25px;
  text-align: center;
  padding: 0 4px;
  border: none;
  border-radius: 100px;
  background-color: #404D54;
  font-size: 11px;
  font-weight: bold;
  color: white;
  margin-top: 3px;
}
.meeting-entry .room-mini-right .starred-room-name,
.doc-entry .room-mini-right .starred-room-name,
.room-entry .room-mini-right .starred-room-name {
  color: #213241;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  clear: both;
  float: left;
  width: calc(100% - 35px);
  display: block;
}
.col-md-4 .starred-user,
.col-md-6 .starred-user {
  display: none;
}
.dashboard_block .dashboard-note {
  margin: 0 15px;
  height: 100%;
  cursor: pointer;
}
#block-history-dropdown-wrapper {
  width: 250px;
}
#global-user-management .user-management-buttons {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}
#global-user-management .user-management-buttons .round-button i {
  top: 1px;
}
#workspace-admin .workspace-admin-buttons {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}
#global-user-edit .hr-text:after {
  font-size: 18px;
  line-height: 18px;
}
#global-user-edit .permission-changes-header {
  cursor: pointer;
}
#global-user-edit .permission-changes-header .client-label {
  font-size: 20px;
}
#global-user-edit .permission-changes-header .permission-type.adding {
  color: #2eb872;
}
#global-user-edit .permission-changes-header .permission-type.removing {
  color: #e85531;
}
#global-user-edit .permission-changes-header .expand-button {
  position: absolute;
  right: 20px;
  top: 30px;
  font-size: 20px;
}
#global-user-edit .form-control:disabled {
  opacity: 0.75;
  background-color: #dcdfe5;
}
#global-user-edit .form-group.workspace-admin-toggle-group {
  margin-top: 10px;
}
#global-user-edit .role-section .form-group {
  margin-bottom: 15px;
}
#global-user-edit .role-section .form-group .form-group {
  margin-bottom: 0px;
}
#global-user-edit .role-section .role-section-label {
  position: absolute;
  top: -10px;
  background-color: white;
  padding: 0px 10px;
  font-weight: 500;
}
#global-user-edit .role-section .required-roles-label {
  font-size: 14px;
  font-weight: 500;
}
#global-user-edit .role-section .required-role-section {
  width: 30%;
  padding: 0 15px;
}
@media (max-width: 768px) {
  #global-user-edit .role-section .required-role-section {
    width: 100%;
    padding: 0 15px;
  }
}
.user-notifications .notifications-table {
  border: 1px solid #657b87;
  margin-bottom: 15px;
}
.user-notifications .no-notifications-message {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-style: italic;
}
.user-notifications .add-notification-button {
  text-align: right;
  margin-bottom: 15px;
}
.dashboard-user-profile .modal-content .select2.select2-container {
  margin-top: 3px;
}
.visits-dmc .block-body {
  overflow: visible;
}
.dmc-visits .visits-vizualization svg {
  font: 10px sans-serif;
  shape-rendering: crispEdges;
  overflow: visible;
}
.dmc-visits .visits-vizualization .axis path,
.dmc-visits .visits-vizualization .axis line {
  fill: none;
  stroke: #000;
}
.dmc-visits .visits-vizualization path.domain {
  stroke: none;
}
.dmc-visits .visits-vizualization .y .tick line {
  stroke: #ddd;
}
.dmc-visits .visits-vizualization .x .tick text {
  transform: translate(20px, 15px) rotate(45deg);
}
.dmc-visits .signature-dmc {
  text-align: right;
  float: right;
}
.dmc-visits .visits-vizualization {
  width: 1060px;
}
@media (min-width: 1200px) {
  .dmc-visits .visits-vizualization {
    height: 120px;
  }
}
@media (min-width: 1200px) {
  .dmc-visits #cumulative-visits-wrapper {
    width: 150px;
    float: right;
  }
}
.dmc-visits #cumulative-visits-wrapper label {
  font-size: 16px;
  margin-left: 5px;
  margin-top: -2px;
}
.dmc-demographics {
  position: relative;
}
.dmc-demographics .study-signature {
  position: absolute;
  right: 20px;
  top: 0;
}
@media (max-width: 992px) {
  .dmc-demographics .study-signature {
    position: static;
    margin-bottom: 15px;
    margin-left: 10px;
  }
}
.dmc-demographics .demographics-vizualization {
  float: right;
}
@media (max-width: 1230px) {
  .dmc-demographics .demographics-vizualization {
    float: none;
  }
}
.dmc-demographics .demographics-vizualization svg {
  font: sans-serif;
  shape-rendering: crispEdges;
  overflow: visible;
}
@media (max-width: 530px) {
  .dmc-demographics .demographics-vizualization svg {
    overflow: auto;
  }
}
.dmc-demographics .demographics-vizualization .axis path,
.dmc-demographics .demographics-vizualization .axis line {
  fill: none;
  stroke: #000;
  display: none;
}
.dmc-demographics .demographics-vizualization path.domain {
  stroke: none;
}
.dmc-demographics .demographics-vizualization .x g:first-of-type line {
  stroke: #000;
}
.dmc-demographics .demographics-vizualization .x .tick line {
  stroke: #ddd;
}
@media (min-width: 1200px) {
  .dashboard_block.visits-dmc,
  .dashboard_block.demographics-dmc {
    height: 425px;
  }
  .dashboard_block.visits-dmc .panel-body,
  .dashboard_block.demographics-dmc .panel-body {
    height: 425px;
  }
}
#edit-goal-modal .type-dependent {
  display: none;
}
#edit-goal-modal .modal-body .form-group input.date {
  width: 100%;
}
.manage-goals-button {
  z-index: 10;
}
.panel-menu {
  font-size: 20px;
  padding-right: 15px;
}
.panel-menu.has-title {
  position: absolute;
  right: 0;
  top: 20px;
}
.doc-entry .room-mini-left .fas.fa-star,
.doc-entry .room-mini-left .far.fa-star {
  margin-top: -20px;
  font-size: 15px;
}
.file_toggle_star .fas.fa-star,
.file_toggle_star .far.fa-star {
  color: #edd432;
  float: left;
  margin-right: 3px;
}
.file_toggle_star .fas.fa-lock {
  margin-left: -20px;
  margin-top: 5px;
  width: 25px;
}
.documents-folders .dataTables_wrapper {
  margin: 20px 20px 10px 20px;
}
.documents-folders .dataTables_wrapper .dataTables_length {
  position: absolute;
  top: -73px;
  right: 110px;
}
.documents-folders .dataTables_wrapper .datatable-documents {
  margin-top: 20px;
}
.documents-folders .dataTables_wrapper .datatable-documents.datatable-folders.table > tbody > tr > td {
  vertical-align: middle;
}
.documents-folders .dataTables_wrapper .datatable-documents .dtr-data {
  overflow: visible;
}
.documents-folders .dataTables_wrapper .datatable-documents .dtr-data .dropdown.right {
  float: none;
}
.documents-folders .dataTables_wrapper .datatable-documents.dtr-inline.collapsed .column-header-favorite {
  width: 75px;
}
.documents-folders .dataTables_wrapper .datatable-documents.dtr-inline.collapsed .file_toggle_star {
  vertical-align: bottom;
}
@media (max-width: 992px) {
  .documents-folders .dataTables_wrapper .datatable-documents.dataTable.dtr-inline.collapsed tbody tr td:first-child:before {
    top: 27px;
  }
}
.documents-folders #documents-panel-container {
  position: relative;
}
.documents-folders #documents-panel-container .display-toggle-container {
  position: absolute;
  top: -22px;
  right: 0;
}
@media (max-width: 768px) {
  .documents-folders .panel-title {
    margin-top: 10px;
  }
  .documents-folders #documents-panel-container .display-toggle-container {
    top: -43px;
  }
  .documents-folders #documents-panel {
    margin-top: 60px;
  }
  .documents-folders .dataTables_wrapper .dataTables_length {
    top: -94px;
  }
}
.documents-folders .table-info-link {
  text-decoration: underline;
  max-width: 315px;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  vertical-align: bottom;
  text-overflow: ellipsis;
}
@media (max-width: 1200px) {
  .documents-folders .table-info-link {
    max-width: 185px;
  }
}
.folders-icons {
  margin-left: 15px;
}
.folder-item {
  width: 160px;
  display: inline-block;
  cursor: pointer;
  margin-right: 10px;
  margin-bottom: 30px;
}
.folder-item .folder-item-icon {
  font-size: 35px;
  line-height: 35px;
  display: inline-block;
}
.folder-item .folder-item-label {
  display: inline-block;
  line-height: 35px;
  vertical-align: top;
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}
.folder-item:hover .folder-item-label {
  text-decoration: underline;
}
.folders-icons .folder-item,
td .folder-item {
  width: 250px;
}
.folders-icons .folder-item .folder-item-label,
td .folder-item .folder-item-label {
  width: 195px;
}
.file-icon-item .dropdown {
  float: none;
}
.file-icon-item .dropdown .dropdown-toggle {
  display: none;
}
.file-icon-item .dropdown .dropdown-menu {
  top: 10px;
  left: 5px;
}
td .folder-item {
  margin-bottom: 0px;
}
td .folder-item .folder-item-icon {
  font-size: 25px;
}
.document-content .back-button {
  cursor: pointer;
  margin-bottom: 10px;
}
.document-content .back-button span {
  vertical-align: middle;
  margin-left: 5px;
}
.documents-filters {
  margin-top: 10px;
  margin-bottom: 30px;
}
.documents-filters .documents-filters-item {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 7px;
}
.documents-filters .documents-filters-item.link_text_color.active {
  color: #2196F3;
}
.documents-filters .documents-filters-item i {
  font-size: 20px;
  vertical-align: text-bottom;
}
.documents-filters .documents-filters-expand {
  float: right;
  margin-top: 2px;
}
.documents-filters .documents-filters-section-items {
  max-height: 300px;
  overflow-y: auto;
}
.documents-filters .document-filters-item-children {
  margin-left: 20px;
}
#documents-data-filters-panel {
  padding: 20px;
  margin-bottom: 35px;
  display: none;
}
#documents-data-filters-panel .form-group input {
  width: 100%;
}
#documents-data-filters-panel .daterangepicker.dropdown-menu {
  margin-top: 0px;
}
#uploader-options-panel.restrict {
  border-top: 0px;
}
#uploader-options-panel.restrict .upload-check .checker {
  top: -2px;
}
.document-menu .dropdown-menu {
  width: 200px;
}
.upload-complete-modal .attachment-row {
  width: 275px;
  margin-right: 3px;
}
.upload-complete-modal .attachment-row .attachment-info {
  width: 175px;
}
.upload-complete-modal .modal-body {
  overflow-x: auto;
  overflow-y: hidden;
}
.upload-complete-modal .modal-body .file-row {
  min-width: 275px;
}
.upload-complete-modal .modal-content {
  position: relative;
}
.upload-complete-modal .dropdown,
.upload-complete-modal .attachment-line-icon,
.upload-complete-modal .attachment-row,
.upload-complete-modal .modal-body {
  position: static;
}
.upload-complete-modal .dropdown-menu {
  transform: translate(0px, 10px) !important;
  height: fit-content;
}
.doc-sortable-placeholder {
  margin-left: 13px;
  display: inline-block;
}
.document-permissions #generic-permission-details .form-group.owner-selection {
  width: 100%;
}
.edit-file-name {
  margin-left: 5px;
  font-size: 12px;
  cursor: pointer;
}
#file-name-edit-container {
  display: flex;
  align-items: center;
}
#file-name-edit-container #file-name-label {
  max-width: 300px;
  margin-right: 5px;
}
.dicom-viewer-container {
  margin: 15px;
  width: 450px;
}
.dicom-viewer-container .dicom-viewer-controls button {
  padding-left: 10px;
  padding-right: 10px;
}
.dicom-viewer-container .dicom-viewer-controls button .fa {
  margin-right: 0px;
}
.dicom-viewer-container #dicom-viewer {
  outline: 2px solid #C0CACF;
}
.dicom-viewer-container #dicom-viewer .layerContainer {
  margin: 0 auto;
}
.dicom-viewer-container .dicom-viewer-slider {
  margin-top: 15px;
}
.dicom-viewer-container .dicom-viewer-slider .play-pause {
  width: 10%;
  display: inline-block;
  cursor: pointer;
}
.dicom-viewer-container .dicom-viewer-slider .play-pause button {
  width: 100%;
}
.dicom-viewer-container .dicom-viewer-slider .play-pause button .fa {
  margin-right: 0px;
}
.dicom-viewer-container .dicom-viewer-slider #dicom-slider {
  width: 85%;
  display: inline-block;
  cursor: pointer;
  float: right;
  margin-top: 10px;
}
.highlight-private,
.highlight-public {
  font-weight: bold;
  font-size: 14px;
  color: #e85531;
}
.signing-choice {
  text-align: center;
  border: 1px solid #C0CACF;
  border-radius: 5px;
  padding: 10px;
  cursor: pointer;
}
.signing-choice.selected {
  border-color: #2eb872;
}
.signing-choice.selected .check-icon {
  display: block;
}
.signing-choice img {
  max-width: 200px;
  max-height: 100px;
}
.signing-choice .check-icon {
  position: absolute;
  margin: auto;
  left: 20px;
  top: 0;
  bottom: 0;
  font-size: 20px;
  height: 20px;
  color: #2eb872;
  display: none;
}
.office-preview {
  width: 100%;
  height: 800px;
  border: none;
}
.pdf-viewer {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  overflow: auto;
}
.pdf-page-canvas {
  display: block;
  margin: 5px auto;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
#document-template-update-notification .panel-title {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.documents-row {
  position: relative;
}
.documents-row .round-button {
  padding: 0 12px 0 9px;
}
.documents-row .round-button i {
  margin-right: 3px;
}
.document-content > .panel {
  box-shadow: none;
  margin-bottom: 0;
  vertical-align: top;
}
.document-content > .panel > .panel-body {
  padding: 17px 7px 4px;
}
@media (min-width: 768px) {
  .document-content > .panel > .panel-body {
    padding: 35px 31px 5px;
  }
}
.document-content > .panel > .panel-body .panel-body {
  padding: 30px 30px 30px 31px;
}
@media (min-width: 768px) {
  .document-content > .panel > .panel-body .panel-body {
    padding-bottom: 31px;
  }
}
.document-content > .panel .panel.panel-flat {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  background-color: white;
  border: solid 1px #dcdfe5;
}
.col-form-big {
  width: 100%;
}
@media (min-width: 992px) {
  .col-form-big {
    width: 613px;
  }
}
.col-form-medium {
  width: 100%;
}
@media (min-width: 992px) {
  .col-form-medium {
    width: 423px;
  }
}
.col-form-small {
  width: 100%;
}
@media (min-width: 992px) {
  .col-form-small {
    width: 304px;
    margin-right: 5px;
  }
}
.document-content .select2-container--default {
  font-size: 0;
}
.document-content .form-group {
  margin-bottom: 23px;
}
.document-content .form-group label,
.document-content .form-group label:first-child {
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: #3f4d54;
}
.document-content .form-group input.form-control,
.document-content .form-group select {
  -webkit-appearance: none;
  padding-left: 11px;
  padding-top: 6px;
  border-radius: 2px;
  background-color: white;
  border: solid 1px rgba(101, 123, 135, 0.3);
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
  font-size: 13px;
  color: #191d1f;
}
.document-content .form-group input.form-control::placeholder,
.document-content .form-group select::placeholder {
  opacity: 0.6;
}
.document-content .form-group input.form-control.not-valid,
.document-content .form-group select.not-valid,
.document-content .form-group input.form-control.valid,
.document-content .form-group select.valid,
.document-content .form-group input.form-control:focus,
.document-content .form-group select:focus {
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0);
}
.document-content .form-control-select--2 {
  width: 100%;
}
.document-content .select2-selection--single .select2-selection__arrow:after {
  z-index: 2;
  position: absolute;
  pointer-events: none;
  right: 8px;
  content: '\e9c5';
  color: #657b87;
  font-family: 'icomoon';
  display: block;
  font-size: 22px;
  width: 16px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.document-content .select2-selection:not(.select2-selection--multiple) {
  height: 36px;
}
.document-content .select2-selection {
  width: 100%;
  -webkit-appearance: none;
  padding-left: 0;
  padding-top: 6px;
  padding-bottom: 7px;
  border-radius: 2px;
  background-color: white;
  border: solid 1px rgba(101, 123, 135, 0.3);
  color: #657b87;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
  font-size: 13px;
  color: #191d1f;
}
.document-content .select2-selection:hover,
.document-content .select2-selection:focus {
  border: solid 1px rgba(101, 123, 135, 0.3);
  color: #657b87;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
}
.document-content .select2-container--default.select2-container--focus .select2-selection--multiple,
.document-content .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]),
.document-content .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]) {
  border-bottom: solid 1px rgba(101, 123, 135, 0.3);
  box-shadow: 0 1px 6px 0 rgba(101, 123, 135, 0.12), inset 0 0 8px 0 rgba(101, 123, 135, 0.3);
}
.document-content .select2-container .select2-selection--single .select2-selection__rendered {
  padding-top: 3px;
  padding-left: 11px;
}
.select2-container--default .select2-results__option {
  margin: 0;
  border-radius: 2px;
  padding: 12px 50px 13px 12px;
  border-bottom: solid 1px #EDEFF1;
  color: #3f4d54;
  position: relative;
}
.document-content .select2-selection--multiple {
  width: 100%;
  display: inline-block;
  padding: 4px 8px;
}
@media (min-width: 768px) {
  .document-content .select2-selection--multiple {
    padding: 4px 11px;
  }
}
.document-content .select2-selection--multiple .select2-selection__rendered {
  float: left;
}
.document-content .select2-selection--multiple .select2-selection__choice {
  padding: 6px 9px 4px 11px;
  margin-right: 8px;
}
.document-content .select2-container .select2-selection--multiple li.select2-search.select2-search--inline {
  width: 100% !important;
}
.document-content .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice {
  background-color: #F6F7F8;
  border: none;
  border-radius: 2px;
}
.document-content .select2-selection--multiple .select2-selection__choice .user-photo {
  margin-right: 6px;
  position: relative;
  top: -1px;
}
.document-content .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  margin-left: 9px;
}
.document-content .form-group--cta {
  text-align: right;
  margin-top: 1px;
  margin-bottom: 0;
}
.document-content .search-actions button {
  margin-left: 4px;
}
.document-content .search-actions .search.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.document-content .search-actions .reset:hover {
  border-color: #191d1f;
}
.file-listing-bulk-actions {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  position: absolute;
  top: -73px;
  right: 0px;
}
.search-results {
  margin-bottom: 15px;
}
.search-results .file-listing-bulk-actions {
  position: static;
  top: auto;
  right: auto;
  margin: 0 30px 20px 0;
}
.search-results .panel-title {
  margin-top: 6px;
  margin-bottom: 18px;
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #3f4d54;
}
@media (min-width: 768px) {
  .search-results .panel-title {
    padding-left: 24px;
  }
}
.search-results .dataTables_length {
  float: right;
  width: 100%;
  display: inline-block;
  text-align: right;
}
@media (min-width: 768px) {
  .search-results .dataTables_wrapper {
    margin-top: -46px;
  }
}
.bulk-update {
  margin-right: 160px;
}
@media (min-width: 768px) {
  .search-results .datatable-documents > thead > tr > th {
    display: table-cell;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 992px) {
  .search-results .datatable-documents > thead > tr > th {
    padding-left: 15px;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .datatable-documents > thead > tr > th.column-header-expand {
    width: 45px;
  }
}
@media (min-width: 768px) {
  .datatable-documents > thead > tr > th.column-header-favorite {
    width: 39px;
  }
}
@media (min-width: 768px) {
  .datatable-documents > thead > tr > th.column-header-select {
    width: 10px;
  }
}
@media (min-width: 768px) {
  .datatable-documents > thead > tr > th.column-header-filename {
    width: 153px;
  }
}
@media (min-width: 992px) {
  .datatable-documents > thead > tr > th.column-header-filename {
    width: 193px;
  }
}
@media (min-width: 768px) {
  .datatable-documents > thead > tr > th.column-header-datetime {
    width: 141px;
  }
}
@media (min-width: 768px) {
  .datatable-documents > thead > tr > th.column-header-owner {
    width: 131px;
  }
}
@media (min-width: 768px) {
  .datatable-documents > thead > tr > th.column-header-tags {
    width: 211px;
  }
}
@media (min-width: 768px) {
  .datatable-documents > thead > tr > th.column-header-task {
    width: 106px;
  }
}
@media (min-width: 768px) {
  .datatable-documents > thead > tr > th.column-header-meeting {
    width: 128px;
  }
}
@media (min-width: 768px) {
  .datatable-documents > thead > tr > th.column-header-actions {
    width: auto;
  }
}
.datatable-documents > tbody > tr > td {
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #191d1f;
  padding-top: 15px;
  padding-bottom: 17px;
}
@media (min-width: 768px) {
  .datatable-documents > tbody > tr > td {
    display: table-cell;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 13px;
  }
}
@media (min-width: 992px) {
  .datatable-documents > tbody > tr > td {
    padding-left: 15px;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .datatable-documents > tbody > tr > td:first-child {
    padding-left: 12px;
  }
}
@media (min-width: 992px) {
  .datatable-documents > tbody > tr > td:first-child {
    padding-left: 22px;
  }
}
.datatable-documents .file_toggle_star i.far,
.datatable-documents .file_toggle_star i.fal {
  color: #edd432;
}
.upload-complete-modal .file_toggle_star i.fas,
.datatable-documents .file_toggle_star i.fas {
  color: #edd432;
}
.datatable-documents > tbody td > a:hover,
.datatable-documents > tbody td > a:focus {
  text-decoration: underline;
}
.datatable-documents > tbody td .icons-list {
  text-align: center;
  margin-top: 1px;
}
@media (min-width: 768px) {
  .datatable-documents > tbody td .icons-list {
    padding-right: 24px;
  }
}
.datatable-documents > tbody td .icons-list .dropdown-toggle i {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #657b87;
}
.datatable-documents.dataTable.dtr-inline.collapsed tbody tr td:first-child:before,
.datatable-documents.dataTable.dtr-inline.collapsed tbody tr th:first-child:before,
.datatable-documents.dataTable.dtr-column tbody tr td.control:before,
.datatable-documents.dataTable.dtr-column tbody tr th.control:before {
  content: url('https://dev-matt.theconcinnitycompany.com/static/fa-plus-circle.svg?85ec8d71285a');
  float: none;
  top: 1px;
  right: 0;
}
.datatable-documents.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
.datatable-documents.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before,
.datatable-documents.dataTable.dtr-column tbody tr.parent td.control:before,
.datatable-documents.dataTable.dtr-column tbody tr.parent th.control:before {
  content: url('https://dev-matt.theconcinnitycompany.com/static/fa-minus-circle.svg?85ec8d71285a');
  float: none;
  top: 1px;
  right: 0;
}
.datatable-documents .icons-list .dropdown .dropdown-menu {
  min-width: 171px;
}
.datatable-documents .icons-list .dropdown .dropdown-menu li a {
  padding: 12px 43px 11px 13px;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #3f4d54;
}
.datatable-documents .icons-list .dropdown .dropdown-menu li a i {
  margin-right: 5px;
}
.document-search-advanced-options .col-md-12 {
  display: inline-block;
}
@media (max-width: 991px) {
  .datatable-documents.dataTable.dtr-inline.collapsed tbody tr td:first-child:before,
  .datatable-documents.dataTable.dtr-inline.collapsed tbody tr th:first-child:before,
  .datatable-documents.dataTable.dtr-column tbody tr td.control:before,
  .datatable-documents.dataTable.dtr-column tbody tr th.control:before,
  .datatable-documents.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
  .datatable-documents.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before,
  .datatable-documents.dataTable.dtr-column tbody tr.parent td.control:before,
  .datatable-documents.dataTable.dtr-column tbody tr.parent th.control:before {
    position: absolute;
    top: 20px;
    left: 10px;
  }
}
@media (max-width: 991px) {
  .datatable-documents .file_toggle_star {
    margin-left: 20px;
  }
}
.dataTable.dtr-inline.collapsed tbody tr .inner-table td:first-child:before,
.dataTable.dtr-inline.collapsed tbody tr .inner-table th:first-child:before {
  content: "" !important;
}
#listing > .panel {
  vertical-align: top;
}
@media (min-width: 768px) {
  #listing > .panel > .panel-body {
    padding: 19px 31px 20px;
  }
}
table#table-members thead > tr > th {
  padding-top: 11px;
  padding-left: 15px;
}
@media (min-width: 768px) {
  table#table-members thead > tr > th {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 0;
    display: table-cell;
  }
}
@media (min-width: 992px) {
  table#table-members thead > tr > th {
    padding-left: 31px;
  }
}
@media (min-width: 768px) {
  table#table-members > thead > tr > th:first-child {
    width: 262px;
  }
}
@media (min-width: 768px) {
  table#table-members > thead > tr > th:nth-child(2) {
    width: 243px;
  }
}
@media (min-width: 768px) {
  table#table-members > thead > tr > th:nth-child(3) {
    width: 265px;
  }
}
@media (min-width: 768px) {
  table#table-members > thead > tr > th:nth-child(4) {
    width: 140px;
  }
}
@media (min-width: 768px) {
  table#table-members > thead > tr > th:last-child {
    width: 200px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) {
  table#table-members > thead > tr > th:last-child {
    width: auto;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
  }
}
table#table-members tbody > tr > td {
  padding-top: 15px;
  padding-left: 15px;
  padding-bottom: 13px;
  padding-right: 5px;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  line-height: 19px;
  letter-spacing: normal;
  color: #657b87;
}
@media (min-width: 768px) {
  table#table-members tbody > tr > td {
    vertical-align: top;
    padding-top: 20px;
    padding-left: 15px;
    padding-bottom: 12px;
    padding-right: 0;
    color: #191d1f;
  }
}
@media (min-width: 992px) {
  table#table-members tbody > tr > td {
    padding-left: 31px;
  }
}
table#table-members > tbody td > a:hover,
table#table-members > tbody td > a:focus {
  text-decoration: underline;
}
@media (min-width: 768px) {
  table#table-members > tbody > tr > td:last-child {
    padding-right: 3px;
  }
}
.user-card {
  margin-bottom: 20px;
  padding: 15px;
}
.user-card .left-rail {
  padding: 8px;
}
.user-card .controls {
  margin-top: 5px;
}
.user-card .user-card-info {
  text-align: center;
}
.card-user-name {
  margin-top: -5px;
  color: #3f4d54;
  font-size: 15px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-user-job {
  opacity: 0.75;
  font-size: 13px;
  color: #657b87;
  line-height: 18px;
  height: 36px;
  overflow: hidden;
}
.card-user-inactive {
  margin-top: -20px;
  padding-top: 3px;
  height: 20px;
  color: #e85531;
}
.controls a {
  opacity: 0.75;
  color: #657b87;
  font-size: 14px;
  margin-right: 7px;
  margin-left: 7px;
}
.admin-key {
  color: #f0ab3c;
}
.user-tip {
  min-width: 250px;
  min-height: 70px;
}
.user-tip a {
  color: #3f4d54;
}
.user-tip img.members.user-image {
  width: 80px;
  height: 80px;
  margin-right: 5px;
}
.user-tip .user-modal-close {
  position: absolute;
  font-size: 20px;
  right: 0px;
  top: 0px;
  color: #657b87;
  height: 24px;
  width: 24px;
  line-height: 24px;
}
.user-tip .controls {
  margin-top: 15px;
}
.user-tip .controls a {
  font-size: 14px;
  margin: 0 5px 0 5px;
}
.user-status-button.deactivate {
  background-color: #e85531;
}
.user-status-button.activate {
  background-color: #2eb872;
}
.account-content #member_edit_form .form-group a.user-replace-button {
  background-color: #e85531;
  color: white;
  font-size: 11px;
  line-height: 34px;
  padding: 0 12px 0 10px;
  font-weight: bold;
}
.replace-user-table {
  width: 800px;
}
.replace-user-table td {
  padding: 10px 20px;
}
.replace-user-table td select {
  width: 550px;
}
#account-tabs > li,
#account-tabs > li > a {
  width: auto;
}
@media (max-width: 991px) {
  #account-tabs > li,
  #account-tabs > li > a {
    width: 100%;
  }
}
@media (max-width: 991px) {
  #account-tabs > li.active {
    border-bottom: 1px solid #D3DADE;
  }
}
.my-account-tabs #account-tabs > li,
.my-account-tabs #account-tabs > li > a {
  width: auto;
}
@media (max-width: 1199px) {
  .my-account-tabs #account-tabs > li,
  .my-account-tabs #account-tabs > li > a {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .my-account-tabs #account-tabs > li.active {
    border-bottom: 1px solid #D3DADE;
  }
}
.account-content > .panel {
  box-shadow: none;
  margin-bottom: 0;
  vertical-align: top;
}
.account-content #member_edit_form > .col-md-6 {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .account-content #member_edit_form > .col-md-6 {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.account-content #member_edit_form .role-group {
  width: 24%;
}
.account-content #member_edit_form .panel {
  margin-bottom: 12px;
  border-radius: 2px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  background-color: white;
  border: solid 1px #dcdfe5;
}
@media (min-width: 768px) {
  .account-content #member_edit_form .panel {
    margin-bottom: 28px;
  }
}
.account-content #member_edit_form .panel-heading {
  padding: 0 15px;
  text-align: left;
}
.account-content #member_edit_form .panel-heading .panel-body {
  padding: 19px 0 2px;
}
@media (min-width: 768px) {
  .account-content #member_edit_form .panel-heading .panel-body {
    padding: 31px 17px 2px;
  }
}
.account-content .user-image-upload {
  margin-top: 9px;
  margin-bottom: 19px;
}
.account-content .user-image-container {
  max-height: 60px;
  max-width: 60px;
  margin-right: 0;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  position: absolute;
}
@media (min-width: 768px) {
  .account-content .user-image-container {
    margin: -10px 10px 0 24px;
    max-height: 82px;
    max-width: 82px;
  }
}
@media (min-width: 768px) {
  .form-group-display-name {
    margin-top: 1px;
    margin-bottom: 3px;
  }
}
.account-content .user-header hr {
  margin-bottom: 5px;
  margin-top: 30px;
}
.account-content .extra-security-settings {
  border: thin dashed #e85531;
  padding: 20px;
}
.account-content .extra-security-settings i {
  font-size: 40px;
  float: left;
  color: #e85531;
  margin-right: 10px;
}
.account-content .user-inactive-banner {
  text-align: center;
  background: #e85531;
  color: white;
  margin-bottom: 17px;
}
.account-content .form-group-display-name {
  margin: 14px 0 0 0;
  text-align: center;
}
.account-content .form-group-display-name div {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  color: #3f4d54;
  margin-bottom: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .account-content .form-group-display-name div {
    font-size: 18px;
    color: #213241;
  }
}
.account-content .form-group-job-title {
  margin-top: 5px;
  margin-bottom: 9px;
}
.account-content .form-group-job-title div {
  opacity: 0.75;
  font-size: 13px;
  line-height: 16px;
  color: #657b87;
  justify-content: center;
  text-align: center;
}
@media (min-width: 768px) {
  .account-content .form-group-job-title div {
    text-align: center;
    opacity: 1;
    font-size: 14px;
  }
}
.account-content .top-center {
  text-align: center;
  clear: none;
}
.account-content .member-control-panel {
  height: 50px;
  position: absolute;
  right: 20px;
}
.account-content .member-control-panel i {
  font-size: 18px;
  color: #3f4d54;
  margin-right: 10px;
}
.account-content .form-group-start-chat {
  margin-bottom: 19px;
}
@media (min-width: 768px) {
  .account-content .form-group-start-chat {
    margin-bottom: 20px;
  }
}
.account-content #member_edit_form .panel-heading .panel-body hr {
  vertical-align: top;
  margin-top: 1px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .account-content #member_edit_form .panel-heading .panel-body hr {
    margin-top: 4px;
    margin-bottom: 24px;
  }
}
.account-content #member_edit_form .panel-body > .form-group,
#member-secure-form .panel-body > .form-group {
  margin-bottom: 19px;
}
@media (min-width: 768px) {
  .account-content #member_edit_form .form-group--inline {
    display: inline-block;
    min-width: 157px;
    padding-right: 16px;
    float: left;
  }
}
.account-content #member_edit_form:not(.editing-form) .form-group > div:first-of-type span {
  flex: 1 auto;
  word-break: break-all;
}
.account-content #member_edit_form .form-group label {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #3f4d54;
  margin-bottom: 7px;
}
.account-content #member_edit_form .form-group div,
.account-content #member_edit_form .form-group a {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  line-height: 22px;
  letter-spacing: normal;
  color: #657b87;
}
.account-content #member_edit_form .form-group a:hover .underline {
  color: #191d1f;
}
.account-content #member_edit_form .form-group i:not(.tooltip-icon) {
  display: inline-block;
  position: relative;
  top: 4px;
  width: 20px;
  margin-right: 7px;
  float: left;
  vertical-align: top;
  font-size: 16px;
  padding-left: 1px;
}
.account-content #member_edit_form .form-group a i {
  top: 2px;
}
.account-content #member_edit_form .has-feedback-left input {
  padding-left: 38px;
}
.account-content #member_edit_form .has-feedback-left i {
  top: 10px;
  left: 50%;
  margin-right: 0;
  transform: translateX(-50%);
}
.account-content .panel-title {
  margin-top: 19px;
  margin-left: 1px;
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #191d1f;
  padding-bottom: 9px;
}
@media (min-width: 768px) {
  .account-content .panel-title {
    padding-bottom: 10px;
    margin-top: 23px;
    margin-left: 0px;
    font-size: 18px;
    color: #213241;
  }
}
.account-content .panel-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  width: calc(100% + 52px);
  height: 1px;
  background-color: rgba(101, 123, 135, 0.3);
  max-width: 256px;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .account-content .panel-title::after {
    width: calc(100% + 114px);
    max-width: 376px;
  }
}
.do-not-disturb-icon.disable {
  opacity: 0.5;
}
@media (min-width: 768px) {
  .card-item {
    margin-top: -4px;
    margin-left: -1px;
  }
}
.card-item:not(:last-child) {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .card-item:not(:last-child) {
    margin-bottom: 16px;
  }
}
.card-item:last-child {
  margin-bottom: 21px;
}
@media (min-width: 768px) {
  .card-item:last-child {
    margin-bottom: 33px;
  }
}
.card-item label {
  display: flex;
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  line-height: 18px;
  letter-spacing: normal;
  color: #657b87;
}
.card-item i {
  display: inline-block;
  top: 1px;
  left: 2px;
  margin-right: 12px;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #657b87;
  position: relative;
}
@media (min-width: 768px) {
  .card-item i {
    top: 2px;
  }
}
#object-settings h4 {
  margin-top: 40px;
}
#object-settings h4:first-child {
  margin-top: 0;
}
#object-settings h6 {
  color: #657b87;
}
#object-settings .notification-settings {
  margin-left: 0;
}
#object-settings .form-group select {
  margin-right: 10px;
}
@media (max-width: 767px) {
  #object-settings .form-group select:first-child {
    margin-bottom: 10px;
  }
}
#object-settings .form-group > label:first-of-type {
  margin-bottom: 10px;
}
#object-settings select,
#object-settings input {
  max-width: 100%;
  display: inline-block;
  margin-right: 10px;
}
#object-settings select.hide-soft,
#object-settings input.hide-soft {
  display: none;
}
#object-settings .task-overdue-pickatime {
  display: inline-block;
  width: 200px;
}
#object-settings .task-overdue-pickatime.hide-soft {
  display: none;
}
#object-settings .task-reminder-config #add-task-reminder {
  display: block;
  margin-top: 10px;
  color: #657b87;
}
#object-settings .task-reminder-config #add-task-reminder:hover {
  color: #191d1f;
}
#object-settings .task-reminder-config a {
  margin-left: 8px;
  color: #657b87;
}
#object-settings .task-reminder-config a:hover {
  color: #191d1f;
}
#object-settings .task-reminder-config #task-reminder-defaults > div {
  margin-bottom: 10px;
}
#digest-settings {
  clear: both;
}
#digest-settings h4 {
  margin-top: 40px;
}
#digest-settings h6 {
  color: #657b87;
}
#digest-settings .fa-alarm-clock {
  font-size: 1.8em;
}
.section-title {
  margin-left: 20px;
  margin-bottom: 10px;
}
.section-body {
  margin-left: 40px;
  margin-bottom: 15px;
}
.role-name {
  font-weight: 600;
}
.change-confirmation-row {
  color: #3f4d54;
  padding: 10px;
  border-bottom: thin solid #dcdfe5;
  clear: both;
}
.change-confirmation-row .icon {
  float: left;
  width: 40px;
  margin-top: 5px;
}
.change-confirmation-row a {
  color: #3f4d54;
}
.change-confirmation-row .confirmation-body .confirmation-detail {
  color: #657b87;
  width: 400px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.change-confirmation-row .confirmation-body .confirmation-title {
  width: 400px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.change-confirmation-row .confirmation-body .confirmation-misc {
  width: calc(100% - 450px);
  float: right;
  text-align: left;
}
.change-confirmation-row .confirmation-body .confirmation-misc .misc-body {
  margin-bottom: 10px;
}
.change-confirmation-row .confirmation-body .confirmation-misc .complete-section .user-container {
  display: inline-block;
  position: relative;
}
.change-confirmation-row .confirmation-body .confirmation-misc .complete-section .user-container.owner-halo::before {
  content: '';
  position: absolute;
  width: 42px;
  height: 43px;
  border: 2px solid #f0ab3c;
  border-radius: 100%;
  top: -1px;
  left: -1px;
  background-color: transparent;
  pointer-events: none;
}
.change-confirmation-row .confirmation-body .confirmation-misc .complete-section .check-circle .completion-check {
  top: -3px;
}
.profile-field-wrapper {
  flex-direction: row;
  display: flex;
  flex-flow: row wrap;
}
.profile-field-wrapper .col-md-4 {
  padding: 0 10px 0 10px;
}
.connect-button {
  height: 20px;
  float: left;
  margin-right: 10px;
}
.connect-button.ms-office {
  height: 35px;
  margin-top: -6px;
}
.required-role h5 {
  color: red;
}
#audit-items-wrapper #audit-items-summary {
  cursor: pointer;
}
#audit-items-wrapper #audit-items-summary .audit-items-count {
  font-weight: bold;
}
#audit-items-wrapper #audit-items-summary .audit-items-expand {
  display: inline-block;
}
.schedule-panel.panel {
  margin-top: 9px;
  margin-bottom: 0;
  border-radius: 2px;
  background-color: white;
  border: solid 1px rgba(101, 123, 135, 0.3);
  box-shadow: none;
}
@media (min-width: 768px) {
  .schedule-panel.panel {
    margin-top: 5px;
  }
}
.schedule-panel .panel-body {
  padding: 11px 7px;
}
@media (min-width: 768px) {
  .schedule-panel .panel-body {
    padding: 23px;
  }
}
.schedule-panel .fullcalendar .fc-center {
  width: 100%;
  text-align: center;
  display: inline-block;
  margin-top: 13px;
}
@media (min-width: 1200px) {
  .schedule-panel .fullcalendar .fc-center {
    width: 210px;
    margin-top: 1px;
  }
}
.schedule-panel .fullcalendar .fc-center h2 {
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #213241;
  text-align: center;
  display: inline-block;
  float: none;
}
@media (min-width: 1200px) {
  .schedule-panel .fullcalendar .fc-center h2 {
    font-size: 18px;
  }
}
.schedule-panel .fullcalendar .fc-toolbar {
  position: relative;
  margin-bottom: 16px;
}
@media (min-width: 1200px) {
  .schedule-panel .fullcalendar .fc-toolbar {
    margin-bottom: 24px;
  }
}
.schedule-panel .fullcalendar .fc-button {
  padding: 7px 8px;
  min-width: 68px;
  text-align: center;
  background-color: white;
  border: solid 1px #dcdfe5;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.54;
  letter-spacing: normal;
  color: #213241;
  text-transform: capitalize;
  box-shadow: none;
}
@media (min-width: 1200px) {
  .schedule-panel .fullcalendar .fc-button {
    min-width: 76px;
  }
}
.schedule-panel .fullcalendar .fc-right {
  display: inline-block;
  float: right;
}
.schedule-panel .fullcalendar .fc-right .fc-button-group .fc-button {
  margin: 0;
  border-radius: 0;
  border-right: none;
  padding: 7px 8px;
  min-width: 71px;
}
@media (min-width: 1200px) {
  .schedule-panel .fullcalendar .fc-right .fc-button-group .fc-button {
    min-width: 79px;
  }
}
.schedule-panel .fullcalendar .fc-right .fc-button-group .fc-button:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.schedule-panel .fullcalendar .fc-right .fc-button-group .fc-button:last-of-type {
  min-width: 72px;
  border-right: solid 1px #dcdfe5;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
@media (min-width: 1200px) {
  .schedule-panel .fullcalendar .fc-right .fc-button-group .fc-button:last-of-type {
    min-width: 80px;
  }
}
.schedule-panel .fullcalendar .fc-toolbar .fc-left {
  display: inline-block;
  float: left;
}
.schedule-panel .fullcalendar .fc-toolbar .fc-left .fc-today-button {
  margin-left: 0;
}
.schedule-panel .fullcalendar .fc-toolbar .fc-left .fc-button-group {
  position: absolute;
  top: 56px;
  width: 100%;
  left: 0;
}
@media (min-width: 767px) {
  .schedule-panel .fullcalendar .fc-toolbar .fc-left .fc-button-group {
    top: 46px;
  }
}
@media (min-width: 1200px) {
  .schedule-panel .fullcalendar .fc-toolbar .fc-left .fc-button-group {
    width: 286px;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.schedule-panel .fullcalendar .fc-toolbar .fc-button-group .fc-prev-button {
  min-width: 0;
  width: 36px;
  height: 36px;
  padding-top: 0;
  padding-right: 3px;
  padding-bottom: 2px;
  padding-left: 0;
}
.schedule-panel .fullcalendar .fc-toolbar .fc-button-group .fc-next-button {
  min-width: 0;
  float: right;
  width: 36px;
  height: 36px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 2px;
  padding-left: 2px;
}
.schedule-panel .fullcalendar .fc-state-active {
  background-color: #EFF1F3;
  border: solid 1px #dcdfe5;
  z-index: auto;
}
.schedule-panel .fullcalendar .fc-state-disabled {
  opacity: 0.4;
}
.schedule-panel .fc-view > table {
  min-width: 454px;
}
.schedule-panel .fullcalendar .fc-scroller {
  height: auto !important;
  overflow-y: initial !important;
}
.schedule-panel .fc-view-container {
  outline: none;
  border-radius: 2px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  background-color: white;
  border: solid 1px #dcdfe5;
}
@media (min-width: 768px) {
  .schedule-panel .fc-basic-view tbody .fc-row {
    min-height: 137px;
  }
}
.schedule-panel .fc-head-container,
.schedule-panel .fc-listMonth-view {
  box-shadow: none;
  border-top: none;
  border-bottom-color: #dcdfe5;
}
.schedule-panel .fc-basic-view .fc-day-number {
  float: left;
  text-align: left;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 7px;
}
@media (min-width: 768px) {
  .schedule-panel .fc-basic-view .fc-day-number {
    padding-top: 13px;
    padding-bottom: 12px;
    padding-left: 14px;
  }
}
.schedule-panel .fc-basic-view .fc-day-header {
  padding: 12px 20px 10px;
}
@media (min-width: 768px) {
  .schedule-panel .fc-basic-view .fc-day-header {
    padding-bottom: 12px;
  }
}
.schedule-panel .fc-day-grid-event {
  margin: 0 2px 5px 2px;
}
@media (min-width: 768px) {
  .schedule-panel .fc-day-grid-event {
    margin: 0 4px 5px 4px;
  }
}
.schedule-panel .fc-basic-view .fc-content-skeleton table tbody tr:last-child .fc-event-container {
  padding-bottom: 3px;
}
@media (min-width: 768px) {
  .schedule-panel .fc-basic-view .fc-content-skeleton table tbody tr:last-child .fc-event-container {
    padding-bottom: 6px;
  }
}
.schedule-panel .fc-event {
  padding: 2px 0 2px 4px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #213241;
  background-color: #f3fbed;
  border: solid 1px #87d94c;
  outline: none;
  box-shadow: none;
}
@media (min-width: 768px) {
  .schedule-panel .fc-event {
    padding: 4px 0 2px 5px;
    font-size: 13px;
  }
}
.config-bar.schedule-panel .fc-event {
  padding: 4px 8px;
}
.schedule-panel .fc-event.zoom-meeting,
.schedule-panel .fc-agendaWeek-view .fc-event-container .fc-event.zoom-meeting {
  color: white;
  background-color: #2eb872;
  border: solid 1px #2eb872;
}
.schedule-panel .fc-event.zoom-meeting .fc-content span.fc-title,
.schedule-panel .fc-agendaWeek-view .fc-event-container .fc-event.zoom-meeting .fc-content span.fc-title,
.schedule-panel .fc-event.zoom-meeting .fc-content span.fc-time,
.schedule-panel .fc-agendaWeek-view .fc-event-container .fc-event.zoom-meeting .fc-content span.fc-time {
  color: white;
}
.schedule-panel .fc-event.zoom-meeting i,
.schedule-panel .fc-agendaWeek-view .fc-event-container .fc-event.zoom-meeting i {
  width: 14px;
  display: inline-block;
  position: relative;
  text-align: left;
  margin-right: 0;
  color: white;
}
.schedule-panel .fc-event-container .fc-event.zoom-meeting i,
.schedule-panel .fc-agendaWeek-view .fc-event-container .fc-event.zoom-meeting i {
  width: 14px;
  display: inline-block;
  position: relative;
  text-align: left;
  margin-right: 1px;
  color: white;
}
.schedule-panel .fc-list-view .fc-list-table .fc-list-item.zoom-meeting i {
  margin-right: 5px;
}
.schedule-panel .fc-event-container .fc-event i,
.schedule-panel .fc-agendaWeek-view .fc-event-container .fc-event i {
  width: 14px;
  display: inline-block;
  position: relative;
  text-align: left;
  margin-right: 4px;
  top: -1px;
}
.schedule-panel .fc-list-view .fc-list-table .fc-list-item i {
  margin-right: 9px;
}
.schedule-panel .fc-agendaWeek-view .fc-event-container .fc-event.zoom-meeting .fc-content .fc-title,
.schedule-panel .fc-agendaWeek-view .fc-event-container .fc-event.zoom-meeting .fc-content .fc-time span {
  color: white;
}
.schedule-panel .fc-agendaWeek-view .fc-event-container .fc-event.zoom-meeting .fc-bg {
  background-color: transparent;
}
.schedule-panel .fc-event.due-soon {
  background-color: #FEFAEB;
  border: solid 1px #edd432;
}
.schedule-panel .fc-event .fc-content {
  display: flex;
  flex-wrap: wrap;
  min-height: 30px;
  background-color: transparent;
}
@media (min-width: 768px) {
  .schedule-panel .fc-event .fc-content {
    min-height: 32px;
  }
}
.schedule-panel .fc-event-container .fc-event .fc-content .fc-title {
  width: 100%;
  font-weight: 500;
  width: 52px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: transparent;
}
@media (min-width: 768px) {
  .schedule-panel .fc-event-container .fc-event .fc-content .fc-title {
    width: calc(100% - 4px);
    color: #213241;
  }
}
.schedule-panel .fc-event-container[colspan="2"] .fc-title {
  width: 104px;
}
@media (min-width: 768px) {
  .schedule-panel .fc-event-container[colspan="2"] .fc-title {
    width: 250px;
  }
}
.schedule-panel .fc-event-container[colspan="3"] .fc-title {
  width: 156px;
}
@media (min-width: 768px) {
  .schedule-panel .fc-event-container[colspan="3"] .fc-title {
    width: 375px;
  }
}
.schedule-panel .fc-event-container[colspan="4"] .fc-title {
  width: 208px;
}
@media (min-width: 768px) {
  .schedule-panel .fc-event-container[colspan="4"] .fc-title {
    width: 400px;
  }
}
.schedule-panel .fc-event-container[colspan="5"] .fc-title {
  width: 260px;
}
@media (min-width: 768px) {
  .schedule-panel .fc-event-container[colspan="5"] .fc-title {
    width: 525px;
  }
}
.schedule-panel .fc-event-container .fc-event .fc-content .fc-time {
  width: 100%;
  padding-left: 0;
  margin-top: 1px;
  order: 2;
  font-weight: normal;
  background-color: transparent;
}
@media (min-width: 768px) {
  .schedule-panel .fc-event-container .fc-event .fc-content .fc-time {
    color: #213241;
  }
}
.schedule-panel .fc-event.overdue {
  background-color: #FDEEEA;
  border: solid 1px #e85531;
}
.schedule-panel .fc-other-month {
  opacity: 1;
  background-color: #FBFBFB;
}
.schedule-panel .fc-other-month .fc-day-number {
  opacity: 0.5;
  color: #657b87;
}
.schedule-panel .fc-unthemed td.fc-today {
  color: #EEFAF4;
}
.schedule-panel .fc-day-number {
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #657b87;
}
.schedule-panel .fc-view-container .fc-view > table td.fc-today .fc-day-number {
  font-weight: bold;
  color: #213241;
}
.schedule-panel .fc-agendaWeek-view table {
  min-width: 673px;
}
@media (min-width: 1200px) {
  .schedule-panel .fc-agendaWeek-view table {
    min-width: 1100px;
  }
}
.schedule-panel .fc-agendaWeek-view .fc-bg .fc-axis,
.schedule-panel .fc-agendaWeek-view .fc-bg .fc-past {
  background-color: white;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #657b87;
}
.schedule-panel .fc-agendaWeek-view .fc-scroller .fc-slats table tbody tr td.fc-time:empty {
  border-bottom: 1px solid #ddd;
}
.schedule-panel .fc-view-container .fc-agendaWeek-view > table tr:first-child th:first-child,
.schedule-panel .fc-view-container .fc-agendaWeek-view > table tr:first-child td:first-child {
  width: 50px !important;
  padding-left: 0;
  padding-right: 0;
  vertical-align: top;
  border-top: none;
}
@media (min-width: 768px) {
  .schedule-panel .fc-view-container .fc-agendaWeek-view > table tr:first-child th:first-child,
  .schedule-panel .fc-view-container .fc-agendaWeek-view > table tr:first-child td:first-child {
    width: 58px !important;
  }
}
@media (min-width: 768px) {
  .schedule-panel .fc-view-container .fc-agendaWeek-view > table tr:first-child .fc-time-grid th:first-child,
  .schedule-panel .fc-view-container .fc-agendaWeek-view > table tr:first-child .fc-time-grid td:first-child {
    width: 46px !important;
    padding-top: 10px;
    padding-right: 12px;
    padding-left: 0;
  }
}
.fc-view-container .fc-view > table tr:first-child th:first-child span,
.fc-view-container .fc-view > table tr:first-child td:first-child span {
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #657b87;
}
.schedule-panel .fc-agendaWeek-view .fc-widget-content > .fc-divider {
  margin: 0;
  display: inline-block;
  float: left;
  vertical-align: top;
  padding: 0;
  width: 100%;
  height: 4px;
  background-color: #edf0f2;
  border-top: 1px solid #dcdfe5;
}
.schedule-panel .fc-agendaWeek-view .fc-widget-content > .fc-scroller {
  float: left;
}
.schedule-panel .fc-agendaWeek-view .fc-event-container .fc-event .fc-content .fc-title {
  width: 100%;
  font-weight: 500;
  width: 72px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: transparent;
  color: #213241;
}
@media (min-width: 768px) {
  .schedule-panel .fc-agendaWeek-view .fc-event-container .fc-event .fc-content .fc-title {
    width: 125px;
  }
}
.schedule-panel .fc-agendaWeek-view .fc-event-container .fc-content .fc-time span {
  font-weight: normal;
  color: #213241;
}
.schedule-panel .fc-agendaWeek-view .fc-event {
  padding: 2px 0 3px 5px;
  margin-bottom: 0px;
  font-size: 13px;
}
@media (min-width: 768px) {
  .schedule-panel .fc-agendaWeek-view .fc-event {
    padding: 5px 0 5px 5px;
    margin-bottom: 4px;
  }
}
.schedule-panel .fc-agendaWeek-view .fc-event .fc-content {
  display: flex;
  height: 100%;
  min-height: 0;
}
.fc-agenda-view.fc-agendaWeek-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-top: 4px;
}
.fc-view-container .fc-agendaWeek-view > table .fc-day-grid tr:first-child td:first-child {
  padding-top: 7px;
  padding-bottom: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .fc-view-container .fc-agendaWeek-view > table .fc-day-grid tr:first-child td:first-child {
    padding-top: 10px;
  }
}
@media (min-width: 768px) {
  .fc-view-container .fc-agendaWeek-view > table .fc-day-grid tr:first-child td:first-child span {
    padding-left: 3px;
  }
}
.fc-agenda-view.fc-agendaWeek-view .fc-day-grid {
  display: inline-block;
  vertical-align: top;
}
.fc-agenda-view.fc-agendaWeek-view .fc-day-grid .fc-row {
  min-height: 30px;
}
@media (min-width: 768px) {
  .fc-agenda-view.fc-agendaWeek-view .fc-day-grid .fc-row {
    min-height: 35px;
  }
}
.fc-agenda-view.fc-agendaWeek-view .fc-time-grid .fc-slats > table > tbody > tr > td {
  height: 25px;
  padding-top: 4px;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .fc-agenda-view.fc-agendaWeek-view .fc-time-grid .fc-slats > table > tbody > tr > td {
    padding-top: 0;
  }
}
.fc-agenda-view.fc-agendaWeek-view .fc-time-grid .fc-slats > table > tbody > tr > td span {
  padding-right: 8px;
}
@media (min-width: 768px) {
  .fc-agenda-view.fc-agendaWeek-view .fc-time-grid .fc-slats > table > tbody > tr > td span {
    padding-right: 0;
  }
}
.schedule-panel .fc-agendaWeek-view .fc-time-grid-event {
  margin: 2px;
}
@media (min-width: 768px) {
  .schedule-panel .fc-agendaWeek-view .fc-time-grid-event {
    margin: 4px;
  }
}
.schedule-panel .fc-agendaWeek-view .fc-event-container .fc-event .fc-content .fc-time {
  margin-top: auto;
  margin-bottom: 0;
}
.schedule-panel .fc-agendaWeek-view .fc-day-header {
  text-align: center;
  padding: 12px 4px;
}
@media (min-width: 768px) {
  .schedule-panel .fc-agendaWeek-view .fc-day-header {
    text-align: left;
    padding: 10px 16px 17px;
  }
}
.schedule-panel .fc-agendaWeek-view .fc-day-header .week-day {
  font-size: 17px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #213241;
}
.schedule-panel .fc-agendaWeek-view > table tr:first-child td:first-child .fc-day-header > span {
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #657b87;
}
@media (min-width: 768px) {
  .schedule-panel .fc-agendaWeek-view > table tr:first-child td:first-child .fc-day-header > span {
    font-size: 13px;
  }
}
.schedule-panel .fc-agendaWeek-view > table tr:first-child td:first-child .fc-day-header .week-day {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #213241;
}
@media (min-width: 768px) {
  .schedule-panel .fc-agendaWeek-view > table tr:first-child td:first-child .fc-day-header .week-day {
    display: block;
    font-size: 17px;
    line-height: 19px;
  }
}
.schedule-panel .fc-list-view .fc-list-table {
  position: relative;
  overflow-x: auto;
}
.schedule-panel .fc-list-view .fc-list-table,
.schedule-panel .fc-list-view .fc-list-table tr,
.schedule-panel .fc-list-view .fc-list-heading .fc-widget-header {
  display: flex;
  width: 100%;
  float: left;
  padding-right: 0;
}
.schedule-panel .fc-list-view .fc-list-table .fc-list-item {
  display: flex;
  width: calc(100% + 11px);
  position: relative;
  max-height: 37px;
  border-top: 1px solid #dcdfe5;
}
@media (min-width: 768px) {
  .schedule-panel .fc-list-view .fc-list-table .fc-list-item {
    width: auto;
    max-height: 38px;
  }
}
.schedule-panel .fc-list-view .fc-list-table .fc-list-item:hover {
  background-color: rgba(101, 123, 135, 0.08);
}
.schedule-panel .fc-list-view .fc-list-table .fc-list-item:hover td {
  background-color: transparent;
}
.schedule-panel .fc-list-view .fc-list-table .fc-list-item.blue .fc-list-item-time::before,
.schedule-panel .fc-list-view .fc-list-table .fc-list-item.good .fc-list-item-time::before,
.schedule-panel .fc-list-view .fc-list-table .fc-list-item.overdue .fc-list-item-time::before,
.schedule-panel .fc-list-view .fc-list-table .fc-list-item.due-soon .fc-list-item-time::before,
.schedule-panel .fc-list-view .fc-list-table .fc-list-item.complete .fc-list-item-time::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
}
.schedule-panel .fc-list-view .fc-list-table .fc-list-item.blue .fc-list-item-time::before {
  background-color: #87d94c;
}
.schedule-panel .fc-list-view .fc-list-table .fc-list-item.zoom-meeting .fc-list-item-time::before {
  background-color: #2eb872;
}
.schedule-panel .fc-list-view .fc-list-table .fc-list-item.good .fc-list-item-time::before {
  background-color: #87d94c;
}
.schedule-panel .fc-list-view .fc-list-table .fc-list-item.overdue .fc-list-item-time::before {
  background-color: #e85531;
}
.schedule-panel .fc-list-view .fc-list-table .fc-list-item.due-soon .fc-list-item-time::before {
  background-color: #edd432;
}
.schedule-panel .fc-list-view .fc-list-table .fc-list-item.complete .fc-list-item-time::before {
  background-color: #51C6F0;
}
.schedule-panel .fc-list-view .fc-list-table tbody {
  width: auto;
  display: inline-block;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
@media (min-width: 768px) {
  .schedule-panel .fc-list-view .fc-list-table tbody {
    width: auto;
    flex: 1;
  }
}
.schedule-panel .fc-list-view .fc-list-table tbody tr {
  flex: 1;
}
.schedule-panel .fc-list-view .fc-list-table .fc-list-item-time {
  display: inline-block;
  float: left;
  min-width: 87px;
  padding-top: 9px;
  padding-right: 5px;
  padding-left: 11px;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  line-height: 19px;
  letter-spacing: normal;
  color: #213241;
}
@media (min-width: 768px) {
  .schedule-panel .fc-list-view .fc-list-table .fc-list-item-time {
    min-width: 133px;
    padding-top: 10px;
    padding-left: 23px;
    font-size: 14px;
  }
}
.schedule-panel .fc-list-view .fc-list-table .fc-list-item-title {
  display: inline-block;
  float: left;
  min-width: calc(100% - 143px);
  padding-top: 9px;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  line-height: 19px;
  letter-spacing: normal;
  color: #213241;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .schedule-panel .fc-list-view .fc-list-table .fc-list-item-title {
    min-width: 0;
    font-size: 14px;
  }
}
.schedule-panel .fc-list-view .fc-list-table .fc-list-item-title:hover {
  text-decoration: underline;
}
.schedule-panel .fc-list-view .fc-list-table .fc-widget-content {
  border: none;
}
.schedule-panel .fc-list-view .fc-list-table .fc-list-heading {
  width: calc(100% + 11px);
  background-color: #FBFBFB;
  height: 46px;
}
@media (min-width: 768px) {
  .schedule-panel .fc-list-view .fc-list-table .fc-list-heading {
    width: auto;
    height: 60px;
  }
}
.schedule-panel .fc-list-view .fc-list-heading .fc-widget-header {
  display: inline-block;
  padding-top: 5px;
  padding-left: 23px;
  padding-bottom: 12px;
  background-color: #FBFBFB;
}
.schedule-panel .fc-list-view .fc-list-heading .fc-widget-header .fc-list-heading-main {
  display: inline-block;
  top: 16px;
  position: relative;
  width: 100%;
  float: left;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #213241;
}
@media (min-width: 768px) {
  .schedule-panel .fc-list-view .fc-list-heading .fc-widget-header .fc-list-heading-main {
    top: 22px;
    font-size: 17px;
  }
}
.schedule-panel .fc-list-view .fc-list-heading .fc-widget-header .fc-list-heading-alt {
  display: inline-block;
  position: relative;
  top: -15px;
  width: 100%;
  float: left;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #657b87;
}
@media (min-width: 768px) {
  .schedule-panel .fc-list-view .fc-list-heading .fc-widget-header .fc-list-heading-alt {
    font-size: 13px;
  }
}
.schedule-panel .fc-list-view .fc-list-item-marker {
  display: none;
}
.schedule-panel .fc-list-empty-wrap2 {
  position: relative;
  padding: 50px 50px;
}
.schedule-panel .fc-list-empty-wrap2 .fc-list-empty {
  background-color: transparent;
  font-size: 16px;
}
.zoom-meeting.awaiting,
.schedule-panel .fc-event.zoom-meeting.awaiting {
  background: repeating-linear-gradient(45deg, #2eb872, #2eb872 10px, rgba(46, 184, 114, 0.85) 10px, rgba(46, 184, 114, 0.85) 20px);
}
.zoom-meeting.rejected,
.schedule-panel .fc-event.zoom-meeting.rejected .fc-content span.fc-title,
.schedule-panel .fc-event.zoom-meeting.rejected .fc-content span.fc-time,
.schedule-panel .fc-event.zoom-meeting.rejected {
  text-decoration: line-through;
  background-color: #dcdfe5;
  border-color: #dcdfe5;
  color: #3f4d54;
}
.zoom-meeting.rejected i,
.schedule-panel .fc-event.zoom-meeting.rejected .fc-content span.fc-title i,
.schedule-panel .fc-event.zoom-meeting.rejected .fc-content span.fc-time i,
.schedule-panel .fc-event.zoom-meeting.rejected i {
  color: #3f4d54;
}
.zoom-meeting.rejected .fc-content,
.schedule-panel .fc-event.zoom-meeting.rejected .fc-content span.fc-title .fc-content,
.schedule-panel .fc-event.zoom-meeting.rejected .fc-content span.fc-time .fc-content,
.schedule-panel .fc-event.zoom-meeting.rejected .fc-content {
  color: #3f4d54;
}
.zoom-meeting.rejected .fc-content span.fc-title,
.schedule-panel .fc-event.zoom-meeting.rejected .fc-content span.fc-title .fc-content span.fc-title,
.schedule-panel .fc-event.zoom-meeting.rejected .fc-content span.fc-time .fc-content span.fc-title,
.schedule-panel .fc-event.zoom-meeting.rejected .fc-content span.fc-title,
.zoom-meeting.rejected .fc-content span.fc-time,
.schedule-panel .fc-event.zoom-meeting.rejected .fc-content span.fc-title .fc-content span.fc-time,
.schedule-panel .fc-event.zoom-meeting.rejected .fc-content span.fc-time .fc-content span.fc-time,
.schedule-panel .fc-event.zoom-meeting.rejected .fc-content span.fc-time,
.zoom-meeting.rejected .fc-content i,
.schedule-panel .fc-event.zoom-meeting.rejected .fc-content span.fc-title .fc-content i,
.schedule-panel .fc-event.zoom-meeting.rejected .fc-content span.fc-time .fc-content i,
.schedule-panel .fc-event.zoom-meeting.rejected .fc-content i {
  color: #3f4d54;
}
.zoom-meeting.accepted,
.schedule-panel .fc-event.zoom-meeting.accepted {
  background-color: #2eb872;
}
.zoom-meeting.not-attended,
.schedule-panel .fc-event.zoom-meeting.not-attended {
  background-color: #dcdfe5;
  border-color: #dcdfe5;
  color: #3f4d54;
}
.zoom-meeting.not-attended i,
.schedule-panel .fc-event.zoom-meeting.not-attended i {
  color: #3f4d54;
}
.zoom-meeting.not-attended .fc-content,
.schedule-panel .fc-event.zoom-meeting.not-attended .fc-content {
  color: #3f4d54;
}
.zoom-meeting.not-attended .fc-content span.fc-title,
.schedule-panel .fc-event.zoom-meeting.not-attended .fc-content span.fc-title,
.zoom-meeting.not-attended .fc-content span.fc-time,
.schedule-panel .fc-event.zoom-meeting.not-attended .fc-content span.fc-time,
.zoom-meeting.not-attended .fc-content i,
.schedule-panel .fc-event.zoom-meeting.not-attended .fc-content i {
  color: #3f4d54;
}
.agenda-notes .note-frame,
.agenda-notes .note-frame.panel {
  border: none;
  box-shadow: none;
}
.agenda-note {
  min-height: 100px;
}
.agenda-line-item-title {
  background-color: #FBFBFB;
  padding: 10px;
  color: #3f4d54;
  font-size: 18px;
}
.minutes .meeting-info div label {
  width: 100px;
}
.print-section .agenda-line-item-title {
  background-color: #fff;
  padding: 5px 5px 8px 0px;
}
.print-section .minutes-body {
  padding-left: 20px;
  margin-bottom: 40px;
}
.meeting-header-text {
  width: 70%;
  margin: auto;
}
.print-view a {
  color: #3f4d54;
}
.print-view .sub-topic-list {
  list-style: none;
}
.print-view .text-right.cleared-out {
  display: none;
}
.minutes-title {
  font-size: 12px;
  font-weight: 500;
  color: #3f4d54;
  text-align: center;
}
.minutes-title img {
  width: 15%;
  max-height: 60px;
  float: left;
}
@media (min-width: 768px) {
  .minutes-title {
    font-size: 26px;
  }
}
.print-section .minutes-title {
  padding: 5px 5px 8px 5px;
}
.print-section .agenda-line-item-title-wrapper {
  border-bottom: thin solid #dcdfe5;
}
.meeting-detail {
  font-size: 17px;
  color: #3f4d54;
}
.meeting-detail strong {
  font-weight: 500;
}
.meeting-detail a {
  font-weight: bold;
  text-decoration: underline;
  color: #3f4d54;
}
.meeting-detail b {
  text-decoration: none;
}
.dataTable > tbody td a.agenda-item-document,
.dataTable > tbody td a.agenda-item-attachment {
  max-width: 200px;
  height: 18px;
  display: block;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.schedule-panel a.panel-title,
#task-list a.panel-title {
  color: #3f4d54;
}
.schedule-panel .legend-dot,
#task-list .legend-dot {
  display: inline-block;
  border-radius: 2px;
  font-weight: 500;
  padding: 2px;
  margin-top: 5px;
  margin-left: 2px;
  opacity: 0.5;
}
.schedule-panel .legend-dot:hover,
#task-list .legend-dot:hover {
  cursor: pointer;
}
.schedule-panel .legend-dot.enabled,
#task-list .legend-dot.enabled {
  opacity: 1;
}
#zoom-call-modal {
  position: absolute;
  z-index: 150;
  right: 25px;
  top: 25px;
}
#zoom-call-modal .zoom-modal-dialog {
  display: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
#zoom-call-modal .zoom-modal-dialog .zoom-modal-content {
  background-color: #fefefe;
  width: auto;
  min-height: 350px;
  height: 40vh;
  width: 40vw;
  background-color: black;
}
#zoom-call-modal .zoom-modal-dialog .zoom-modal-content .zoom-modal-header {
  cursor: move;
  padding: 10px;
  font-size: 18px;
  background-color: white;
}
#zoom-call-modal .zoom-modal-dialog .zoom-modal-content .zoom-modal-body {
  padding: 0px;
  height: calc(100% - 28px);
  width: 100%;
}
#zoom-call-modal .zoom-modal-dialog .zoom-modal-content .zoom-modal-body iframe {
  border: none;
  width: 100%;
  height: calc(100% - 24px);
}
.last-sync-date {
  margin-right: 10px;
  margin-top: 10px;
  text-align: right;
}
.user-setup-sync-date {
  position: absolute;
  top: 22px;
  left: 335px;
}
.sync-check {
  color: #87d94c;
}
.agenda-title {
  border-top: thin solid #edf0f2;
  border-bottom: none;
  padding-top: 10px;
}
.agenda-title .tooltip-icon {
  font-size: 15px;
  vertical-align: super;
}
.agenda-draft-text {
  color: #f0ab3c;
}
.agenda-live-text {
  color: #2eb872;
}
.agenda-publishing .form-group {
  height: 25px;
}
.agenda-publishing .form-group button {
  position: absolute;
  top: -7px;
}
@media (max-width: 768px) {
  .auto-publish-container label {
    width: 70%;
    vertical-align: middle;
  }
  .publish-container {
    margin-top: 35px;
  }
}
.mark-all-container {
  position: absolute;
  left: 28px;
  top: 7px;
}
.mark-attendance-table {
  margin-top: 12px;
}
.mark-attendance-table thead th.user-column {
  width: 200px;
}
.mark-attendance-table thead th.mark-attendance-column {
  width: 100px;
}
.mark-attendance-table th {
  text-align: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #C0CACF;
}
.mark-attendance-table td {
  text-align: center;
  padding-bottom: 5px;
  padding-top: 5px;
}
.mark-attendance-table td.attendance-user-name {
  text-align: left;
}
.mark-attendance-table td.attendance-none div.checker span.checked {
  background-color: #657b87;
  border: solid 1px #657b87;
}
.mark-attendance-table td.attendance-absent div.checker span.checked {
  background-color: #e85531;
  border: solid 1px #e85531;
}
.mark-attendance-table td.attendance-absent div.checker span.checked::after {
  top: 1px;
  font-size: 20px;
  content: "\e9b6";
}
.event-wrapper .event-details > .attachment-line-icon.grouped {
  border-bottom: thin solid #2e4e99;
}
.event-wrapper .event-documents {
  padding-left: 10px;
  margin-left: 15px;
  border-left: thin solid #2e4e99;
}
@media (min-width: 1200px) {
  .event-wrapper .event-documents {
    margin-left: 20px;
  }
}
textarea.copy-invite-area {
  width: 100%;
  border: thin dashed black;
  padding: 15px;
  height: 315px;
  resize: none;
}
.workflow-trigger-config .listed-workflow {
  width: 375px;
}
#modal-schedule-meeting-times .fc-view-container .fc-agendaWeek-view > table tr:first-child th:first-child,
#modal-schedule-meeting-times .fc-view-container .fc-agendaWeek-view > table tr:first-child td:first-child {
  width: 50px;
  padding-left: 0;
  padding-right: 0;
  vertical-align: top;
  border-top: none;
}
#modal-schedule-meeting-times .fc-time-grid .fc-event {
  min-height: auto;
  padding: 0;
}
#modal-schedule-meeting-times .fc-title {
  font-size: 13px;
}
#modal-schedule-meeting-times .time-zone-item {
  padding: 3px;
  color: white;
  border-radius: 2px;
}
#modal-schedule-meeting-times .time-slot {
  height: 100%;
  width: 1px;
  border: none;
  border-left: 6px solid black;
  margin: none;
  float: left;
}
#modal-schedule-meeting-times .cal-delete-element {
  position: absolute;
  background-color: white;
  border-radius: 15px;
  width: 8px;
  padding-left: 3px;
  padding-right: 3px;
  right: 0px;
  overflow: visible;
  top: 0px;
  z-index: 3;
}
#modal-schedule-meeting-times .time-zone-list {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  width: 100%;
  min-height: 30px;
}
.scheduling-week {
  margin-left: -10px;
  margin-right: -10px;
}
.scheduling-week .table {
  margin-bottom: 20px;
  border-bottom: thin solid #dcdfe5;
}
.scheduling-week .table tbody tr td,
.scheduling-week .table thead tr td {
  padding: 0px;
}
.scheduling-week .table tbody td:has(.answer-wrap),
.scheduling-week .table thead td:has(.answer-wrap) {
  border: thin solid #dcdfe5;
}
.scheduling-week .table tbody th,
.scheduling-week .table thead th,
.scheduling-week .table tbody td,
.scheduling-week .table thead td {
  text-align: center;
  width: 55px;
  padding: 0px;
}
.scheduling-week .table tbody td.scheduling-check-td .answer-wrap,
.scheduling-week .table thead td.scheduling-check-td .answer-wrap {
  padding: 3px;
  min-width: 50px;
  width: 100%;
  background-color: #FAFAFA;
}
.scheduling-week .table tbody td.scheduling-check-td .answer-wrap.good,
.scheduling-week .table thead td.scheduling-check-td .answer-wrap.good {
  background-color: rgba(46, 184, 114, 0.2);
  height: 100%;
}
.scheduling-week .table tbody td.scheduling-check-td .answer-wrap.good .responses,
.scheduling-week .table thead td.scheduling-check-td .answer-wrap.good .responses {
  color: #657b87;
}
.scheduling-week .table tbody td.scheduling-check-td .checker,
.scheduling-week .table thead td.scheduling-check-td .checker {
  margin-top: 5px;
  margin-right: 3px;
  float: right;
}
.scheduling-week .table tbody td.scheduling-check-td .checker span,
.scheduling-week .table thead td.scheduling-check-td .checker span {
  border: 1px solid #A0A0A0;
}
.scheduling-week .table tbody td.scheduling-check-td .checker span.checked,
.scheduling-week .table thead td.scheduling-check-td .checker span.checked {
  border: solid 1px #2eb872;
}
.scheduling-week .table tbody td.scheduling-check-td .responses,
.scheduling-week .table thead td.scheduling-check-td .responses {
  min-width: 25px;
  color: #dcdfe5;
  margin: auto;
  text-align: left;
}
.scheduling-week .table tbody td.scheduling-check-td .responses .fa,
.scheduling-week .table thead td.scheduling-check-td .responses .fa {
  margin-left: 3px;
  width: 10px;
}
.schedule-user-response {
  height: 40px;
  clear: both;
}
.schedule-user-response img {
  float: left;
  height: 35px;
  width: 35px;
}
.schedule-user-response .fas {
  float: right;
  padding-top: 4px;
}
.schedule-user-response .schedule-user-response-text {
  margin-top: 4px;
  padding-top: 8px;
}
.schedule-user-response.no {
  color: red;
}
.schedule-user-response.yes {
  color: green;
}
.row-presence {
  margin-top: 15px;
}
.saved-status {
  margin: 5px 10px;
}
.ck-wrapper {
  max-height: 600px;
  min-height: 200px;
  overflow-y: scroll;
}
.ck-wrapper #ck-container {
  display: flex;
  position: relative;
}
#ck-container .ck.ck-editor,
#ck-container .ck-editor:not(.ck-comment__input) {
  width: 100%;
  max-width: calc(100% - 320px);
}
@media screen and (max-width: 1100px) {
  #ck-container .ck.ck-editor,
  #ck-container .ck-editor:not(.ck-comment__input) {
    max-width: calc(100% - 50px);
  }
}
@media screen and (max-width: 375px) {
  #ck-container .ck.ck-editor,
  #ck-container .ck-editor:not(.ck-comment__input) {
    max-width: calc(100%);
  }
}
.ck-sidebar {
  min-width: 300px;
  padding: 0 10px;
}
@media screen and (max-width: 1100px) {
  .ck-sidebar {
    min-width: 50px;
  }
}
@media screen and (max-width: 375px) {
  .ck-sidebar {
    min-width: 0px;
  }
}
.ck-button.ck-heading_heading1 {
  font-size: 25px;
  font-weight: normal;
}
.ck-button.ck-heading_heading2 {
  font-size: 23px;
  font-weight: normal;
}
.ck-button.ck-heading_heading3 {
  font-size: 21px;
  font-weight: normal;
}
.ck-button.ck-heading_heading4 {
  font-size: 19px;
  font-weight: normal;
}
.ck-button.ck-heading_heading5 {
  font-size: 17px;
  font-weight: normal;
}
.ck-button.ck-heading_paragraph {
  font-size: 12px;
}
.collaboration-toolbar .ck-button.ck-heading_heading1 {
  font-size: 21px;
  font-weight: bold;
  padding: 10px;
}
.collaboration-toolbar .ck-button.ck-heading_heading2 {
  font-size: 18px;
  font-weight: bold;
}
.collaboration-toolbar .ck-button.ck-heading_heading3 {
  font-size: 16px;
  font-weight: bold;
}
.collaboration-toolbar .ck-button.ck-heading_heading4 {
  font-size: 14px;
  font-weight: bold;
}
.collaboration-toolbar .ck-button.ck-heading_heading5 {
  font-size: 12px;
  font-weight: bold;
}
.collaboration-toolbar .ck-button.ck-heading_paragraph {
  font-size: 12px;
  font-weight: normal;
}
.collaboration-toolbar ~ .ck-wrapper .ck-content h1 {
  font-size: 21px;
  font-weight: bold;
}
.collaboration-toolbar ~ .ck-wrapper .ck-content h2 {
  font-size: 18px;
  font-weight: bold;
}
.collaboration-toolbar ~ .ck-wrapper .ck-content h3 {
  font-size: 16px;
  font-weight: bold;
}
.collaboration-toolbar ~ .ck-wrapper .ck-content h4 {
  font-size: 14px;
  font-weight: bold;
}
.collaboration-toolbar ~ .ck-wrapper .ck-content h5 {
  font-size: 12px;
  font-weight: bold;
}
.fancy-cards .call-card.full-width {
  width: 100%;
}
.body--messages .page-container {
  padding-bottom: 0;
  margin-top: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .body--messages .page-container {
    margin-top: 32px;
    width: 748px;
  }
}
@media (min-width: 992px) {
  .body--messages .page-container {
    width: 920px;
  }
}
@media (min-width: 1200px) {
  .body--messages .page-container {
    width: 1150px;
  }
}
.body--messages #navbar-second {
  margin-bottom: 0;
}
.chat-container {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
@media (min-width: 768px) {
  .chat-container {
    float: left;
    margin-top: 5px;
  }
}
.chat-container .chat-add-channel {
  margin: 24px 0;
}
.channels-nav {
  position: absolute;
  top: 44px;
  left: 0;
  width: 100%;
}
.channels-nav .panel {
  color: #3f4d54;
}
.channels-nav .panel + .panel {
  margin-top: 0;
  border-top: 1px solid #C0CACF;
}
.channels-nav .panel .audience {
  background-color: #F6F7F8;
}
.channels-nav .panel .topic-select a {
  color: #3f4d54;
  font-weight: 500;
}
@media (min-width: 768px) {
  .channels-nav {
    background-color: transparent;
    flex: 1;
    position: relative;
    top: 0;
    max-width: 260px;
  }
}
@media (max-width: 768px) {
  .channels-nav {
    position: static;
    margin-bottom: 15px;
    margin-top: 15px;
  }
}
@media (min-width: 1200px) {
  .channels-nav {
    max-width: 292px;
  }
}
@media (min-width: 768px) {
  .menu-panel-group.hidden-xs {
    display: inline-block !important;
  }
}
.chat-container .content-panel {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .chat-container .content-panel {
    flex: 1;
    padding-left: 30px;
  }
}
.channels-nav .panel-group-control.panel-group-control-right .panel-title > a {
  width: 100%;
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
}
.channels-nav .panel-group-control.panel-group-control-right .panel-title > a::before {
  font-size: 14px;
}
.channels-nav .menu-panel-group {
  position: relative;
  width: 100%;
  margin-bottom: 0;
  vertical-align: top;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
@media (min-width: 992px) {
  .channels-nav .menu-panel-group {
    border-radius: 2px;
  }
}
.channels-nav .menu-panel-group > .panel {
  vertical-align: top;
}
.channels-nav .menu-panel-group > .panel:first-of-type {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.channels-nav .menu-panel-group > .panel:last-of-type {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  padding-bottom: 0;
}
.channels-nav .menu-panel-group .panel:last-of-type {
  box-shadow: none;
  border-bottom: 1px solid #21282A;
}
.channels-nav .menu-panel-group .panel-heading {
  display: inline-block;
  width: 100%;
  border-radius: 0;
  padding: 19px 29px 17px 24px;
}
@media (min-width: 768px) {
  .channels-nav .menu-panel-group .panel-heading {
    padding: 19px 29px 18px 24px;
  }
}
.channels-nav .menu-panel-group .panel-heading.empty-channel a[data-bs-toggle] {
  cursor: default;
  opacity: 0.7;
}
.channels-nav .menu-panel-group .panel-heading.empty-channel a[data-bs-toggle]::before {
  content: '';
}
@media (min-width: 768px) {
  .channels-nav .menu-panel-group .menu-add-channel {
    display: none;
  }
}
.channels-nav .menu-panel-group .menu-add-channel .panel-heading {
  padding-top: 12px;
  padding-right: 24px;
  padding-bottom: 11px;
}
.channels-nav .menu-panel-group .menu-add-channel .round-button {
  width: 100%;
  text-align: center;
}
.channels-nav .menu-panel-group .close-mobile-menu {
  border-bottom: 1px solid #22282b;
}
.channels-nav .menu-panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #C0CACF;
}
.channels-nav .menu-panel-group .panel-heading + .panel-collapse > .panel-body .channel-title .channel-indicator {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 7px;
  top: 7px;
  height: 35px;
  justify-content: space-evenly;
}
.channels-nav .menu-panel-group .panel-heading + .panel-collapse > .panel-body .channel-title .channel-indicator .fa-star {
  color: #edd432;
}
.channels-nav .menu-panel-group .audience .channel-link {
  margin-left: 3px;
}
.channels-nav .menu-panel-group .audience .topic-select {
  border-top: 1px solid #C0CACF;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 25px;
  position: relative;
}
.channels-nav .menu-panel-group .audience .topic-select:first-child {
  border-top: none;
}
.channels-nav .menu-panel-group .audience .topic-select .channel-title {
  margin: 5px 0;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 10px;
  max-width: calc(100% - 42px);
}
@media (min-width: 768px) {
  .channels-nav .menu-panel-group .audience .topic-select .channel-title {
    max-width: 168px;
  }
}
@media (min-width: 1200px) {
  .channels-nav .menu-panel-group .audience .topic-select .channel-title {
    max-width: 200px;
  }
}
.channels-nav .menu-panel-group .audience .topic-select .channel-badge {
  display: none;
}
.channels-nav .menu-panel-group .audience .topic-select.unread .channel-badge {
  display: block;
}
.channels-nav .menu-panel-group .audience .topic-select.active {
  position: relative;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
}
.channels-nav .menu-panel-group .audience .topic-select.active::after {
  content: '\ed6e';
  font-family: 'Icomoon';
  position: absolute;
  top: 20px;
  right: 28px;
  font-size: 14px;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.channels-nav .channel-icon {
  padding-right: 10px;
  width: 30px;
}
.channels-nav .channel-badge {
  width: 20px;
  height: 20px;
  background-color: #e85531;
  border: solid 2px #191d1f;
  font-size: 10px;
  font-weight: bold;
  line-height: 16px;
  padding: 0;
  color: white;
  position: absolute;
  left: 10px;
  top: -8px;
}
.channels-nav .topic-select .channel-badge {
  right: 25px;
  left: inherit;
  top: 15px;
}
.channels-nav .panel-group-control .panel-title > a:before {
  content: '\f077';
  font-family: "Font Awesome 5 Pro";
}
.channels-nav .panel-group-control .panel-title > a.collapsed:before {
  content: '\f078';
}
.content-panel .chat-room-panel {
  margin-bottom: 0;
  background-color: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
@media (min-width: 768px) {
  .content-panel .chat-room-panel {
    border-radius: 2px;
  }
}
.content-panel .chat-room-panel .home-unread-rooms {
  max-height: 500px;
  overflow: auto;
}
.content-panel .chat-room-panel .home-unread-rooms .home-unread-room-category {
  text-align: center;
  padding: 10px;
  font-size: 16px;
  font-weight: bold;
  margin-top: 30px;
}
.content-panel .chat-room-panel .home-unread-rooms .home-unread-room-category,
.content-panel .chat-room-panel .home-unread-rooms .home-unread-room {
  width: 75%;
  margin: 20px auto;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 2px;
  position: relative;
  cursor: pointer;
}
.content-panel .chat-room-panel .home-unread-rooms .home-unread-room-category .unread-room-title,
.content-panel .chat-room-panel .home-unread-rooms .home-unread-room .unread-room-title {
  text-align: center;
  padding: 10px;
  font-size: 16px;
}
.content-panel .chat-room-panel .home-unread-rooms .home-unread-room-category .unread-room-arrow,
.content-panel .chat-room-panel .home-unread-rooms .home-unread-room .unread-room-arrow {
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 30px;
  color: #657b87;
}
.content-panel .chat-room-panel .home-unread-rooms .home-unread-room-category .chat-select.chat-message,
.content-panel .chat-room-panel .home-unread-rooms .home-unread-room .chat-select.chat-message {
  margin: 0;
  padding: 10px;
}
@media (min-width: 768px) {
  .content-panel .chat-room-panel .home-unread-rooms .home-unread-room-category .chat-right-col,
  .content-panel .chat-room-panel .home-unread-rooms .home-unread-room .chat-right-col {
    width: 100%;
  }
}
.content-panel .chat-room-panel .panel-heading:not(.no-unread-status, > .home-title) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 8px 6px 7px 16px;
  overflow: unset;
}
@media (min-width: 1200px) {
  .content-panel .chat-room-panel .panel-heading:not(.no-unread-status, > .home-title) {
    padding-left: 31px;
  }
}
.content-panel .chat-room-panel .panel-heading:not(.no-unread-status, > .home-title) .channel-actions {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 200px;
}
.content-panel .chat-room-panel .panel-heading:not(.no-unread-status, > .home-title) .channel-actions #room-participants-thumbs {
  margin-top: 0;
  margin-bottom: 0;
}
.content-panel .chat-room-panel .panel-heading:not(.no-unread-status, > .home-title) .channel-actions .dropdown-toggle {
  color: #657b87;
  padding-left: 0;
  padding-right: 0;
}
.content-panel .chat-room-panel .panel-heading:not(.no-unread-status, > .home-title) .channel-actions .dropdown-menu li .icon-container {
  color: #657b87;
}
.content-panel .chat-room-panel .panel-heading:not(.no-unread-status, > .home-title) .channel-actions .dropdown-menu li .dropdown-item-label {
  color: #3f4d54;
}
.content-panel .chat-room-panel .panel-title {
  display: inline-block;
  flex: 1;
  min-width: 0;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: 0.93;
  letter-spacing: normal;
  color: #3f4d54;
}
@media (min-width: 1200px) {
  .content-panel .chat-room-panel .panel-title {
    max-width: calc(100% - 420px);
    font-size: 15px;
  }
}
.content-panel .chat-room-panel .panel-heading .input-group-btn {
  width: 100%;
  padding-right: 0;
  display: inline-block;
  float: right;
  text-align: center;
  right: 0;
  position: relative;
}
@media (min-width: 1200px) {
  .content-panel .chat-room-panel .panel-heading .input-group-btn {
    width: auto;
  }
}
.content-panel .chat-room-panel .panel-heading .input-group-btn button {
  position: absolute;
  top: -20px;
  right: 0;
  padding: 0;
  width: 24px;
  height: 24px;
  background-color: transparent;
}
@media (min-width: 1200px) {
  .content-panel .chat-room-panel .panel-heading .input-group-btn button {
    position: relative;
    top: auto;
    right: auto;
  }
}
.content-panel .chat-room-panel .panel-heading .input-group-btn button:hover,
.content-panel .chat-room-panel .panel-heading .input-group-btn button:active,
.content-panel .chat-room-panel .panel-heading .input-group-btn button:focus {
  background-color: transparent;
}
.content-panel .chat-room-panel .panel-heading .input-group-btn button i {
  font-size: 24px;
  color: #657b87;
}
.content-panel .chat-room-panel .panel-heading .input-group-btn .dropdown-menu {
  left: auto;
  right: 6px;
  padding: 0;
  margin-top: -21px;
  border-radius: 2px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  background-color: white;
  border: solid 1px #dcdfe5;
}
@media (min-width: 1200px) {
  .content-panel .chat-room-panel .panel-heading .input-group-btn .dropdown-menu {
    margin-top: -1px;
  }
}
.content-panel .chat-room-panel .panel-heading .input-group-btn .dropdown-menu li > a {
  padding: 11px 32px 9px 13px;
}
.content-panel .chat-room-panel .panel-heading .input-group-btn .dropdown-menu li a .icon-container {
  display: inline-block;
  position: relative;
  top: -3px;
  width: 24px;
  margin-right: 0;
  font-size: 15px;
  text-align: center;
  color: #657b87;
}
.content-panel .chat-room-panel .panel-heading .input-group-btn .dropdown-menu li a .icon-container i {
  display: inline-block;
  width: 20px;
  margin-right: 4px;
  text-align: center;
}
.content-panel .chat-room-panel .panel-heading .input-group-btn .dropdown-menu li a span {
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #3f4d54;
}
.content-panel .chat-room-panel .heading-elements {
  background-color: transparent;
  height: 100%;
}
.content-panel .empty-channel {
  padding-top: 24px;
  padding-bottom: 20px;
  text-align: center;
}
@media (min-width: 768px) {
  .content-panel .empty-channel {
    padding-bottom: 38px;
    padding-right: 14px;
  }
}
.content-panel .empty-channel i {
  font-size: 28px;
  font-weight: 300;
  color: #657b87;
  right: -5px;
  position: relative;
}
.content-panel .empty-channel p {
  margin-top: 9px;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #657b87;
}
.content-panel .empty-channel a,
.content-panel .empty-channel button {
  background: none;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-decoration: underline;
  text-transform: none;
  text-align: center;
  color: #3f4d54;
}
.content-panel .empty-channel a:hover,
.content-panel .empty-channel button:hover {
  background: none !important;
}
.content-panel .chat-panel-body {
  padding: 0 12px;
}
@media (min-width: 768px) {
  .content-panel .chat-panel-body {
    padding: 0;
  }
}
.content-panel .panel-white .chat-panel-body {
  height: calc(100vh - 223px);
  min-height: 280px;
}
@media (min-width: 768px) {
  .content-panel .panel-white .chat-panel-body {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
  }
}
@media (min-width: 768px) {
  .content-panel .panel-white .chat-panel-body.scrollable-up::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 64px;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0), #ffffff);
    z-index: 1;
    pointer-events: none;
  }
}
.content-panel .chat-top,
.content-panel .chat-begin,
.content-panel .chat-empty {
  width: 350px;
  margin: 0 auto;
  padding-top: 25px;
  padding-bottom: 20px;
  text-align: center;
}
.content-panel .chat-top i,
.content-panel .chat-begin i,
.content-panel .chat-empty i {
  opacity: 0.5;
  font-size: 28px;
  font-weight: 300;
  color: #657b87;
}
.content-panel .chat-top p,
.content-panel .chat-begin p,
.content-panel .chat-empty p {
  margin-top: 7px;
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  line-height: 20px;
  letter-spacing: normal;
  text-align: center;
  color: #657b87;
}
@media (min-width: 768px) {
  .content-panel .chat-top,
  .content-panel .chat-begin {
    width: 350px;
    padding-bottom: 10px;
  }
}
.task-block .chat-top,
.task-block .chat-begin {
  padding-top: 0;
}
.content-panel .chat-empty {
  margin-top: 109px;
}
@media (min-width: 768px) {
  .content-panel .chat-empty {
    margin-top: 32px;
  }
}
.task-block .chat-empty {
  margin-top: 0;
}
.content-panel .chat-top p,
.content-panel .chat-begin p {
  padding: 0 20px;
  opacity: 0.5;
}
@media (min-width: 768px) {
  .content-panel .chat-top p,
  .content-panel .chat-begin p {
    opacity: 1;
  }
}
.content-panel .chat-panel-body .chat-area {
  position: relative;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: inline-block;
  float: left;
  width: 100%;
  height: calc(100% - 44px);
  min-height: 213px;
}
.content-panel .chat-panel-body .chat-area.not-empty .chat-begin {
  display: inline-block;
  width: 100%;
}
@media (min-width: 768px) {
  .content-panel .chat-panel-body .chat-area {
    position: absolute;
    height: 100%;
    min-height: 189px;
    padding: 0 0 0 32px;
  }
}
.content-panel .chat-panel-body .hr-text-container {
  margin-bottom: 8px;
}
.content-panel .chat-panel-body .hr-text {
  height: auto;
  max-width: none;
}
.content-panel .chat-panel-body .hr-text::before {
  background-color: transparent;
  opacity: 0.5;
  background-image: linear-gradient(to right, rgba(208, 215, 219, 0) 0%, #d0d7db 10%, #d0d7db 50%, #d0d7db 90%, rgba(208, 215, 219, 0) 100%);
}
.content-panel .chat-panel-body .hr-text::after {
  font-size: 11px;
  line-height: 22px;
}
@media (min-width: 768px) {
  .content-panel .chat-panel-body .hr-text::after {
    padding-left: 10px;
    padding-right: 11px;
  }
}
.content-panel .chat-body {
  max-height: none;
  overflow: hidden;
}
.content-panel .chat-body .chat-select {
  display: block;
  width: 296px;
  padding: 0;
  padding-top: 11px;
  margin: 0 auto 2px;
  border-radius: 0;
  background-color: white;
}
@media (min-width: 768px) {
  .content-panel .chat-body .chat-select {
    width: 100%;
    margin-left: -1px;
    margin-bottom: 7px;
  }
}
.content-panel .chat-body .chat-select:last-of-type {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .content-panel .chat-body .chat-select:last-of-type {
    margin-bottom: 8px;
  }
}
.content-panel .chat-body .username {
  min-width: 236px;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  line-height: 18px;
  letter-spacing: normal;
  color: #657b87;
}
@media (min-width: 768px) {
  .content-panel .chat-body .username {
    width: 100%;
    font-size: 14px;
  }
}
.content-panel .chat-body .username .timestamp {
  margin-left: 6px;
  opacity: 0.6;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #657b87;
}
@media (min-width: 768px) {
  .content-panel .chat-body .username .timestamp {
    font-size: 14px;
  }
}
.content-panel .chat-body .chat-left-col {
  display: inline-block;
  width: 32px;
  padding-top: 1px;
  margin-right: 3px;
}
@media (min-width: 768px) {
  .content-panel .chat-body .chat-left-col {
    margin-right: 11px;
  }
}
.content-panel .chat-body .chat-left-col .user-avatar {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0;
  font-size: 0;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 100%;
}
@media (min-width: 768px) {
  .content-panel .chat-body .chat-left-col .user-avatar {
    width: 40px;
    height: 40px;
  }
}
.content-panel .chat-body .chat-left-col .user-avatar img {
  position: relative;
  display: inline-block;
  top: -1px;
  font-size: 0;
  width: 32px;
  height: 32px;
  margin: 0;
}
@media (min-width: 768px) {
  .content-panel .chat-body .chat-left-col .user-avatar img {
    width: 40px;
    height: 40px;
  }
}
.content-panel .chat-body .chat-right-col {
  width: 236px;
  padding-top: 7px;
  margin: 0;
  display: inline-block;
}
@media (min-width: 768px) {
  .content-panel .chat-body .chat-right-col {
    width: 608px;
  }
}
.content-panel .chat-body .message-content {
  margin-top: 2px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  line-height: 20px;
  letter-spacing: normal;
  color: #3f4d54;
}
@media (min-width: 768px) {
  .content-panel .chat-body .message-content {
    margin-top: 3px;
    font-size: 15px;
  }
}
.content-panel .chat-body .message-content .fa-edit {
  margin-left: 5px;
  color: black;
}
.content-panel .chat-actions {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
@media (min-width: 768px) {
  .content-panel .chat-actions {
    position: relative;
    bottom: auto;
    left: auto;
  }
}
.content-panel .chat-actions .form-group {
  margin-bottom: 0;
}
.content-panel .chat-actions .input-group {
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: bottom;
}
.content-panel .chat-actions .input-group-btn {
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 104px;
  height: 44px;
  z-index: 3;
}
.content-panel .chat-actions .input-group-btn:hover button,
.content-panel .chat-actions .input-group-btn:hover i {
  color: #191d1f;
}
.content-panel .chat-actions .input-group-btn button {
  width: 100%;
  height: 100%;
  padding: 0;
  background: none;
  font-size: 11px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  color: #657b87;
}
.content-panel .chat-actions .input-group-btn button i {
  position: relative;
  top: 2px;
  margin-right: 8px;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #657b87;
}
.content-panel .chat-actions .input-group-btn button.deactivate {
  opacity: 0.2;
}
.content-panel .chat-actions textarea.form-control,
.task-skin-wrapper .chat-actions textarea.form-control {
  width: 100%;
  height: 44px;
  padding-top: 13px;
  background-color: white;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
  border-left: none;
  border-right: none;
  resize: none;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.46;
  letter-spacing: normal;
  color: #191d1f;
  z-index: 0;
  padding-right: 90px;
  max-height: 130px;
}
.content-panel .chat-actions textarea.form-control:focus,
.task-skin-wrapper .chat-actions textarea.form-control:focus,
.content-panel .chat-actions textarea.form-control:active,
.task-skin-wrapper .chat-actions textarea.form-control:active {
  box-shadow: 0 1px 6px 0 rgba(101, 123, 135, 0.12), inset 0 0 8px 0 rgba(101, 123, 135, 0.3);
  border-top: solid 1px rgba(101, 123, 135, 0.4);
  border-bottom: solid 1px rgba(101, 123, 135, 0.4);
}
@media (min-width: 768px) {
  .content-panel .chat-actions textarea.form-control:focus,
  .task-skin-wrapper .chat-actions textarea.form-control:focus,
  .content-panel .chat-actions textarea.form-control:active,
  .task-skin-wrapper .chat-actions textarea.form-control:active {
    border-bottom: none;
  }
}
.content-panel .chat-actions textarea.form-control::placeholder,
.task-skin-wrapper .chat-actions textarea.form-control::placeholder,
.content-panel .chat-actions textarea.form-control::-webkit-input-placeholder,
.task-skin-wrapper .chat-actions textarea.form-control::-webkit-input-placeholder,
.content-panel .chat-actions textarea.form-control::-moz-placeholder,
.task-skin-wrapper .chat-actions textarea.form-control::-moz-placeholder,
.content-panel .chat-actions textarea.form-control:-moz-placeholder,
.task-skin-wrapper .chat-actions textarea.form-control:-moz-placeholder,
.content-panel .chat-actions textarea.form-control:-ms-input-placeholder,
.task-skin-wrapper .chat-actions textarea.form-control:-ms-input-placeholder {
  color: #657b87;
}
@media (min-width: 768px) {
  .content-panel .chat-actions textarea.form-control,
  .task-skin-wrapper .chat-actions textarea.form-control {
    padding-left: 16px;
    border-left: 1px solid #dddddd;
    border-bottom: none;
  }
}
.content-panel .chat-actions .chat-message-input-counter {
  position: absolute;
  top: -20px;
  right: 8px;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 14px;
  letter-spacing: normal;
  text-align: right;
  color: #657b87;
  opacity: 0.4;
  z-index: 2;
}
@media (min-width: 768px) {
  .content-panel .chat-actions .chat-message-input-counter {
    top: -22px;
    right: 20px;
  }
}
.page-container #room-participants-thumbs.people {
  width: 100%;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 0;
  padding-top: 0;
}
.page-container #room-participants-thumbs.people .room-owner {
  box-shadow: 0 0 0pt 2pt #f0ab3c;
  border-radius: 20px;
}
@media (min-width: 1200px) {
  .page-container #room-participants-thumbs.people {
    width: 368px;
    margin-top: -6px;
    margin-bottom: -10px;
  }
}
.page-container #room-participants-thumbs-container {
  float: right;
}
.page-container #room-participants-thumbs.people .user-photo {
  margin-right: 0;
  width: 32px;
  height: 32px;
}
.page-container #room-participants-thumbs.people .user {
  float: left;
  margin-left: 8px;
}
.page-container #room-participants-thumbs.people .more-users {
  float: right;
  margin-left: 8px;
}
.page-container #room-participants-thumbs.people .users-tooltip {
  transform: none;
  top: 42px;
  left: auto;
  right: 0;
}
.page-container #room-participants-thumbs.people .users-tooltip::after {
  top: -4px;
  left: auto;
  bottom: auto;
  right: 10px;
}
.page-container #room-participants-thumbs.people .show-tooltip .users-tooltip {
  z-index: 3;
}
.page-container #room-participants-thumbs.people .users-tooltip .user {
  width: auto;
  height: auto;
  margin: 0;
  font-size: 13px;
  line-height: 19px;
  color: white;
}
.page-container #room-participants-thumbs.people .users-tooltip .user::before,
.page-container #room-participants-thumbs.people .users-tooltip .user::after {
  content: none;
}
.messaging-history-display tbody td label {
  width: 125px;
  font-weight: bold;
}
.messaging-history-display .recipient-status-container {
  display: flex;
  align-items: center;
  gap: 4px;
}
.messaging-history-display .recipient-status-container .status-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
}
.messaging-history-display .recipient-status-container .status-dot.unsent {
  background-color: red;
}
.messaging-history-display .recipient-status-container .status-dot.sent {
  background-color: #f1c40f;
}
.messaging-history-display .recipient-status-container .status-dot.delivered {
  background-color: #2ecc71;
}
#participant-email-preview-subject {
  font-size: 1.4em;
}
#participant-email-preview-subject.skeleton {
  height: 24px;
  width: 65%;
  margin-bottom: 4px;
}
.participant-email-preview-content {
  background-color: #f6f6f6;
  height: 715px;
  margin-bottom: 10px;
}
.participant-email-preview-content iframe {
  display: block;
  margin: 0px auto 15px auto;
  border: none;
}
@media (min-width: 768px) {
  .body--login .page-container {
    min-height: 600px;
    display: flex;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .body--login .login-position {
    margin-top: 0;
  }
}
.panel-body {
  background-color: white;
}
.login-position .panel-heading {
  padding-top: 40px;
}
.login-position > .panel {
  margin-bottom: 0;
}
.login-position .panel-heading .panel-title {
  margin-top: 32px;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  font-family: 'Helvetica Neue', 'Roboto', Arial, sans-serif;
  line-height: normal;
  letter-spacing: -0.36px;
  color: #191d1f;
}
.login-position .panel-heading .panel-subtitle {
  margin-top: 15px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #657b87;
}
.login-position .login-header-logo {
  width: 280px;
}
.login-position .panel > .panel-body {
  padding: 8px 40px 33px 41px;
}
.login-position.two-factor .panel > .panel-body {
  padding-bottom: 27px;
}
.login-position.two-factor .panel .nosms-label {
  float: right;
  width: 480px;
  margin-top: -2px;
}
.login-position .panel-body form label {
  margin-left: -1px;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: 14px;
  letter-spacing: normal;
  color: #3f4d54;
}
.login-position .panel-body form label.remember_me_label {
  color: #657b87;
  font-size: 14px;
  font-weight: normal;
}
.login-position .resend-code {
  text-decoration: underline;
  margin-left: 10px;
}
.login-position .panel-body form input {
  width: 100%;
  padding: 6px 11px 7px;
  margin-top: 0;
  border-radius: 2px;
  border: solid 1px #dcdfe5;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
  color: #191d1f;
}
.login-position .panel-body form input.not-valid,
.login-position .panel-body form input.valid,
.login-position .panel-body form input:focus {
  border: solid 1px #dcdfe5;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
}
.login-position .panel-body form .form-group {
  display: inline-block;
  width: 100%;
  margin-bottom: 19px;
}
.login-position .login--cta {
  margin-top: 11px;
}
.login-position .login--cta a {
  color: #657b87;
  font-size: 13px;
  font-weight: normal;
}
.login-position .login--cta a strong {
  font-weight: 500;
  color: #191d1f;
}
.login-position .login--cta .round-button {
  box-shadow: none;
  outline: none;
  padding: 0;
  padding-right: 3px;
  margin-bottom: 14px;
  border-radius: 4px;
  background-color: #657b87;
  border-color: #657b87;
  color: white;
  font-size: 12px;
  line-height: 38px;
}
.login-position .login--cta .round-button:hover,
.login-position .login--cta .round-button:focus {
  background-color: #191d1f;
  border-color: #657b87;
  color: white;
}
.login-position .panel form .login--cta.form-group {
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
  vertical-align: bottom;
}
.login-position form .login--cta.form-group .round-button {
  width: 100%;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  padding-right: 0;
  margin-bottom: 19;
  margin-right: -1px;
}
@media (min-width: 1200px) {
  .login-position form .login--cta.form-group .round-button {
    width: 152px;
    margin-bottom: 0;
  }
}
.login-position form .login--cta.form-group .round-button--white {
  width: 100%;
  font-size: 11px;
  background-color: white;
  border-color: #C0CACF;
  color: #657b87;
  display: inline-block;
  margin-right: auto;
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .login-position form .login--cta.form-group .round-button--white {
    width: 152px;
    margin-bottom: 0;
  }
}
.login-position form .login--cta.form-group .round-button--white:hover,
.login-position form .login--cta.form-group .round-button--white:focus {
  border-color: transparent;
  color: #657b87;
  background-color: white;
}
.login-position .login--help {
  margin-top: 15px;
}
.login-position .login--help p {
  color: #657b87;
  font-size: 13px;
  font-weight: normal;
  margin: 0;
  margin-bottom: 3px;
  line-height: 18px;
}
.login-position .login--help p a {
  font-weight: 500;
  color: #191d1f;
}
.login-position .message {
  padding-right: 5px;
  margin-top: -6px;
  margin-bottom: 18px;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 17px;
  letter-spacing: normal;
}
.login-position .message a {
  text-decoration: underline;
}
.login-position .message.danger {
  color: #e85531;
}
.login-position .message.danger a {
  color: #e85531;
}
@media (max-width: 480px) {
  .login-position .login--cta button {
    margin-left: 15px;
    margin-right: 15px;
  }
  .login-position .reset-option label {
    max-width: 80%;
  }
}
@media (min-width: 1200px) {
  .body--select-board .page-container {
    width: 1180px;
  }
}
.page-container .select-board-form {
  display: flex;
  flex-wrap: wrap;
}
.page-container .study-router .select-board-form .card {
  width: 50%;
  padding: 0 12px;
  margin-bottom: 15px;
}
.page-container .study-router .select-board-form .card .panel .image-wrapper {
  width: auto;
}
.page-container .study-router .select-board-form .card .panel .image-wrapper .support-link {
  margin-top: 0px;
  margin-left: -25px;
}
@media (min-width: 768px) {
  .page-container .study-router .select-board-form .card .panel .image-wrapper {
    width: 165px;
  }
}
@media (min-width: 768px) {
  .page-container .study-router .select-board-form .card {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .page-container .study-router .select-board-form .card {
    width: 20%;
  }
}
.page-container .select-board-form .card {
  width: 50%;
  padding: 0 12px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .page-container .select-board-form .card {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .page-container .select-board-form .card {
    width: 25%;
  }
}
.page-container .study-router .workspace-searchable-field {
  width: 100%;
}
.page-container .study-router.enable-compact .hide-compact {
  display: none;
}
.page-container .study-router.enable-compact .select-study.compact {
  width: 100%;
}
@media (min-width: 768px) {
  .page-container .study-router.enable-compact .select-study.compact {
    width: 295px;
    float: left;
  }
}
.page-container .study-router .select-board-form {
  width: 100%;
}
@media (min-width: 1200px) {
  .page-container .study-router .select-board-form .card {
    width: 25%;
  }
}
.page-container .study-router .select-board-form .card.customer-success-card {
  width: 100%;
  font-size: 14px;
}
@media (min-width: 992px) {
  .page-container .study-router .select-board-form .card.customer-success-card {
    width: 50%;
  }
}
.page-container .study-router .select-board-form .card.customer-success-card .fa,
.page-container .study-router .select-board-form .card.customer-success-card .fas,
.page-container .study-router .select-board-form .card.customer-success-card .fab,
.page-container .study-router .select-board-form .card.customer-success-card .fal,
.page-container .study-router .select-board-form .card.customer-success-card .far {
  width: 16px;
  margin-top: 10px;
  margin-right: 15px;
  text-align: center;
}
@media (min-width: 1200px) {
  .page-container .study-router .select-board-form .card.customer-success-card .fa,
  .page-container .study-router .select-board-form .card.customer-success-card .fas,
  .page-container .study-router .select-board-form .card.customer-success-card .fab,
  .page-container .study-router .select-board-form .card.customer-success-card .fal,
  .page-container .study-router .select-board-form .card.customer-success-card .far {
    margin-left: 20px;
  }
}
.page-container .study-router .select-board-form .card.customer-success-card .user-image {
  width: 100px;
  height: 100px;
}
.page-container .study-router .select-board-form .panel .image-wrapper {
  width: inherit;
}
@media (min-width: 1200px) {
  .page-container .study-router .select-board-form.six-wide .card {
    width: 16.66%;
  }
}
.page-container .study-router .select-board-form.six-wide .card .image-wrapper {
  width: 120px;
}
@media (min-width: 1200px) {
  .page-container .study-router .select-board-form.five-wide .card {
    width: 20%;
  }
}
.page-container .select-board-form .panel {
  height: 100%;
  border-radius: 2px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  background-color: white;
  border: solid 1px #dcdfe5;
  margin-bottom: 0;
}
.page-container .select-board-form .panel.panel-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.page-container .select-board-form .panel .status-banner {
  position: absolute;
  top: 25px;
  font-size: 21px;
  left: 40px;
}
.page-container .select-board-form .panel .image-wrapper {
  height: 170px;
}
.page-container .select-board-form .panel .image-wrapper .far,
.page-container .select-board-form .panel .image-wrapper .fal {
  margin-top: 20px;
}
.page-container .select-board-form .panel .image-wrapper a {
  display: inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.page-container .select-board-form .panel .image-wrapper label {
  margin-top: 35px;
  width: 100%;
}
.page-container .select-board-form .panel .card--cta {
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
}
.page-container .select-board-form .panel .card--cta a {
  display: inline-block;
  float: left;
  vertical-align: bottom;
  width: 50%;
  height: 39px;
  padding-top: 9px;
  padding-right: 4px;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  letter-spacing: normal;
  color: #657b87;
  border-top: solid 1px #dcdfe5;
  border-radius: 1px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(237, 240, 242, 0.5));
  border-right: solid 1px #dcdfe5;
}
.page-container .select-board-form .panel .card--cta a:last-of-type {
  border-right: none;
}
.page-container .select-board-form .panel .card--cta a:hover {
  background-image: linear-gradient(to bottom, rgba(250, 253, 255, 0.5), rgba(212, 215, 217, 0.5));
  color: #3f4d54;
}
.page-container .select-board-form .panel .card--cta a:hover i {
  color: #3f4d54;
}
.page-container .select-board-form .panel .card--cta a.third {
  width: 33%;
}
.page-container .select-board-form .panel .card--cta a.quarter {
  width: 25%;
}
.page-container .find-workflow-form .panel .card--cta a {
  width: 100%;
}
.page-container .select-board-form .panel .card--cta a .icon-container {
  position: relative;
  display: inline-block;
  width: 26px;
  margin-right: 0;
  text-align: center;
  vertical-align: top;
}
.page-container .select-board-form .panel .card--cta a .icon-container.icon-container--notifications {
  width: 24px;
  text-align: left;
}
.page-container .select-board-form .panel .card--cta a .icon-container.icon-container--no-notifications {
  width: 17px;
  text-align: center;
}
.page-container .select-board-form .panel .card--cta a i {
  position: relative;
  top: 1px;
  right: -1px;
  font-size: 14px;
  margin-top: 0px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #657b87;
}
.page-container .select-board-form .panel .card--cta a .icon-container.icon-container--notifications i {
  position: relative;
  top: 2px;
  right: auto;
}
.page-container .select-board-form .panel .card--cta .notifications-bell {
  position: absolute;
  right: 0px;
  width: 18px;
  height: 18px;
  background-color: #e85531;
  border: solid 1px white;
  font-family: 'Helvetica Neue', 'Roboto', Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-size: 10px;
  font-weight: bold;
  line-height: 16px;
  padding: 0;
  color: white;
  border-radius: 50%;
  top: -5px;
  right: -4px;
}
.page-container .select-board-form .panel .card--cta .notifications-bell.badge-narrow {
  right: -2px;
}
.page-container .select-board-form .panel .card--cta .notifications-bell:hover,
.page-container .select-board-form .panel .card--cta .notifications-bell:focus {
  background-color: #e85531;
  border: solid 1px white;
  color: white;
}
.page-container .select-board-form .refer-client .panel {
  box-shadow: none;
  background-color: transparent;
  border: 1px dashed rgba(101, 123, 135, 0.8);
  border-radius: 2px;
  position: relative;
  min-height: 200px;
}
.page-container .select-board-form .refer-client .panel-body {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-container .select-board-form .refer-client p {
  width: 213px;
  display: block;
  margin: 0 auto 11px;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 22px;
  letter-spacing: normal;
  text-align: center;
  color: #657b87;
}
.page-container .workspace-view-controls {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.page-container .workspace-view-controls .select-workspace-switch,
.page-container .workspace-view-controls .select-workspace-view-switch {
  z-index: 901;
}
.page-container .live.secure .study-details,
.page-container .end.secure .study-details {
  filter: blur(4px);
}
.page-container .live.secure .study-details .progress-bar,
.page-container .end.secure .study-details .progress-bar {
  display: none;
}
.page-container .live.secure .study-details:hover,
.page-container .end.secure .study-details:hover {
  filter: blur(0px);
}
.page-container .live.secure .study-details:hover .progress-bar,
.page-container .end.secure .study-details:hover .progress-bar {
  display: inherit;
}
.page-container .study-router .select-study {
  width: 100%;
  height: 235px;
  margin-top: 10px;
}
@media (min-width: 1200px) {
  .page-container .study-router .select-study {
    width: 1200px;
  }
}
.page-container .study-router .select-study .study-details {
  position: relative;
  overflow: visible;
  width: calc(100% - 200px);
  /* 170 + 15px padding */
}
.page-container .study-router .select-study .study-details .study-important {
  display: none;
}
@media (min-width: 992px) {
  .page-container .study-router .select-study .study-details .study-important {
    display: block;
  }
}
@media (min-width: 768px) {
  .page-container .study-router .select-study .study-details .study-important {
    width: 50%;
  }
}
.page-container .study-router .select-study .study-details .study-notes {
  width: 100%;
}
@media (min-width: 768px) {
  .page-container .study-router .select-study .study-details .study-notes {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .page-container .study-router .select-study .study-details .study-notes {
    width: 50%;
  }
}
.page-container .study-router .select-study .study-details div.detail-set {
  border-left: thin solid #dcdfe5;
  height: 215px;
  overflow: auto;
  text-align: left;
  position: static;
  float: left;
}
.page-container .study-router .select-study .study-details div.detail-set .panel,
.page-container .study-router .select-study .study-details div.detail-set .panel .panel-body {
  padding: 0;
  border: none;
  box-shadow: none;
  position: static;
}
.page-container .study-router .select-study .study-details div.detail-set .event-wrapper,
.page-container .study-router .select-study .study-details div.detail-set .event-documents,
.page-container .study-router .select-study .study-details div.detail-set .dropdown,
.page-container .study-router .select-study .study-details div.detail-set .attachment-row {
  position: static;
}
.page-container .study-router .select-study .study-details div.detail-set .dropdown-menu {
  width: 200px;
}
.page-container .study-router .select-study .study-details .client-target-display {
  clear: both;
  height: 50px;
  display: block;
  color: #3f4d54;
}
.page-container .study-router .select-study .study-details .client-target-display .display-label {
  width: 115px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-container .study-router .select-study .study-details .dashboard-note {
  text-align: left;
  width: 100%;
  height: 190px;
  padding: 5px;
}
.page-container .study-router .select-study .card--cta a i.fal,
.page-container .study-router .select-study .card--cta a i.far {
  margin-top: 0px;
}
.page-container .study-router .select-study .card--cta a:last-of-type {
  border-right: thin solid #dcdfe5;
}
.page-container .study-router .select-study .card--cta.card-cta-vertical {
  position: absolute;
  left: 0;
  top: -1px;
  display: flex;
  flex-direction: column;
  margin: 0;
  width: 45px;
  height: 235px;
}
.page-container .study-router .select-study .card--cta.card-cta-vertical a {
  width: 100%;
  top: 0;
  transform: none;
  height: inherit;
}
.page-container .study-router .select-study .card--cta.card-cta-vertical a:first-of-type {
  border-top: none;
}
.page-container .study-router .select-study .card--cta.card-cta-vertical a.five {
  padding-top: 13px;
}
.page-container .study-router .select-study .panel .panel-body {
  padding: 10px 10px 0 60px;
}
.page-container .study-router .select-study .panel .image-wrapper .client-image {
  max-width: 180px;
}
.page-container .study-router .select-study .panel .image-wrapper a.description {
  width: 190px;
  overflow: hidden;
  height: 200px;
  color: #3f4d54;
  display: block;
  position: inherit;
  top: auto;
  transform: none;
  text-align: left;
}
.page-container .study-router .select-board-form .panel .image-wrapper {
  margin: auto;
  width: 225px;
  height: 70px;
  min-height: auto;
}
.page-container .study-router .select-board-form .panel .image-wrapper a .fal,
.page-container .study-router .select-board-form .panel .image-wrapper a .far {
  margin-top: 0px;
  color: #3f4d54;
}
.user-info-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.user-info-wrapper .user-info-image {
  width: 70px;
}
.user-info-wrapper .user-info-image img {
  max-width: 70px;
}
.user-info-wrapper .user-info-details {
  margin: 0 10px;
}
.user-info-wrapper-modal .user-info-image {
  margin: 0 auto;
  width: 85px;
}
.support-user-inactive,
.support-user-locked {
  color: red;
}
.help-modal-help {
  margin: 10px;
}
.help-modal-help .help-modal-section.verify,
.help-modal-help .help-modal-section.support {
  display: none;
}
.help-modal-help .help-modal-section.verify .verify-code input {
  width: 150px;
  display: inline-block;
}
.help-modal-help .help-modal-section.verify .verify-code button {
  vertical-align: top;
}
.help-modal-help .help-modal-section.verify .verify-code .invalid-code {
  color: #e85531;
  margin-bottom: 5px;
}
.help-modal-info {
  display: flex;
}
.help-modal-info .help-modal-info-section {
  width: 50%;
  border: 1px solid #C0CACF;
  padding: 15px;
  margin: 10px;
}
.help-modal-info .help-modal-info-section .item-label {
  font-weight: bold;
}
.help-modal-info .help-modal-info-section .item-title {
  font-size: 15px;
}
.study-header-row {
  display: none;
  width: 1200px;
  padding: 0 15px;
}
@media (min-width: 1200px) {
  .study-header-row {
    display: block;
  }
}
.study-header-row div {
  text-align: center;
  float: left;
  font-weight: bold;
  font-size: 16px;
  color: #213241;
}
.global-documents .title {
  width: 40%;
  float: left;
}
.global-documents .title .complex-tooltip {
  float: right;
}
.global-documents .status {
  float: left;
  width: 40%;
}
.global-documents .actions {
  float: left;
  width: 20%;
  text-align: right;
}
.admin-ribbon {
  position: absolute;
  color: white;
  background: #657b87;
  right: 0px;
  padding: 2px 2px 2px 4px;
  top: 0px;
  border-bottom-left-radius: 4px;
}
.alt-admin-ribbon {
  display: none;
}
.modal-view-container .admin-ribbon {
  display: none;
}
.modal-view-container .alt-admin-ribbon {
  display: block;
  margin-right: 5px;
  float: left;
  width: 50px;
  border-radius: 4px;
  padding: 2px 2px 2px 4px;
  color: white;
  background: #657b87;
  margin: 2px 13px;
}
.modal-view-container .alt-admin-ribbon.invite {
  margin-left: 7px;
  width: 65px;
}
.dashboard-user-profile .user-profile-header .header-body {
  text-align: center;
  margin: auto;
  display: block;
  width: 400px;
}
.dashboard-user-profile .user-profile-header h4 {
  padding-bottom: 2px;
}
.dashboard-user-profile .user-profile-header .user-profile-image {
  max-height: 100px;
}
.dashboard-user-profile .user-profile-button {
  position: absolute;
  right: 0px;
  top: -40px;
}
.dashboard-user-profile .global-line a {
  color: #3f4d54;
}
.dashboard-user-profile .global-line a .global-icon {
  font-size: 20px;
  margin-right: 5px;
}
.dashboard-user-profile .global-line a .global-title {
  text-decoration: underline;
}
.dashboard-user-profile .global-line a.status-action-item {
  font-weight: 500;
  text-decoration: underline;
}
.dashboard-user-profile .global-line .complex-tooltip {
  display: none;
}
.dashboard-user-profile .tab-pane .panel-heading {
  border-color: #C0CACF;
}
.invite-container .invite-text .invite-text-image {
  max-width: 200px;
  margin: 0 auto;
  margin-top: 20px;
}
.invite-container .invite-text .invite-text-top {
  font-size: 20px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.invite-container .invite-buttons {
  margin-top: 15px;
  margin-bottom: 20px;
}
.invite-container .invite-buttons button {
  width: 100px;
  background-color: white;
}
.invite-container .invite-buttons .decline {
  color: #e85531;
  border-color: #e85531;
}
.invite-container .invite-buttons .accept {
  color: #2eb872;
  border-color: #2eb872;
  margin-left: 20px;
}
.nice-card {
  border-radius: 2px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  background-color: white;
  border: solid 1px #dcdfe5;
  margin-bottom: 5px;
}
.nice-card .searchable-text {
  padding: 5px;
}
.nice-card a {
  color: #3f4d54;
}
.nice-card .image-wrapper {
  height: 125px;
}
.nice-card .image-wrapper .far,
.nice-card .image-wrapper .fal {
  margin-top: 20px;
}
.nice-card .image-wrapper > div {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.nice-card .image-wrapper a {
  display: inline-block;
}
.nice-card .image-wrapper label {
  margin-top: 35px;
  width: 100%;
}
.nice-card .card--cta {
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
}
.nice-card .card--cta a {
  display: inline-block;
  float: left;
  vertical-align: bottom;
  width: calc(100%/6);
  height: 39px;
  padding-top: 9px;
  padding-right: 4px;
  padding-left: 3px;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  line-height: 20px;
  letter-spacing: normal;
  color: #657b87;
  border-top: solid 1px #dcdfe5;
  border-radius: 1px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(237, 240, 242, 0.5));
  border-right: solid 1px #dcdfe5;
}
.nice-card .card--cta a.third {
  width: 33%;
}
.nice-card .card--cta a.fourth {
  width: 25%;
}
.nice-card .card--cta a:last-of-type {
  border-right: none;
}
.nice-card .card--cta a:hover {
  background-image: linear-gradient(to bottom, rgba(250, 253, 255, 0.5), rgba(212, 215, 217, 0.5));
  color: #3f4d54;
}
.nice-card .card--cta a:hover i {
  color: #3f4d54;
}
.nice-card .card--cta a .icon-container {
  position: relative;
  display: inline-block;
  width: 26px;
  margin-right: 0;
  text-align: center;
  vertical-align: top;
}
.nice-card .card--cta a .icon-containericon-container--notifications {
  width: 24px;
  text-align: left;
}
.nice-card .card--cta a .icon-containericon-container--notifications i {
  position: relative;
  top: 2px;
  right: auto;
}
.nice-card .card--cta a .icon-container.icon-container--no-notifications {
  width: 17px;
  text-align: center;
}
.nice-card .card--cta a i {
  position: relative;
  top: 1px;
  right: -1px;
  font-size: 14px;
  margin-top: 0px;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #657b87;
}
.nice-card .card--cta .notifications-bell {
  position: absolute;
  right: 0px;
  width: 18px;
  height: 18px;
  background-color: #e85531;
  border: solid 1px white;
  font-family: 'Helvetica Neue', 'Roboto', Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  font-size: 10px;
  font-weight: bold;
  line-height: 16px;
  padding: 0;
  color: white;
  border-radius: 50%;
  top: -5px;
  right: -4px;
}
.nice-card .card--cta .notifications-bell.badge-narrow {
  right: -2px;
}
.nice-card .card--cta .notifications-bell.badge-wide {
  right: -15px;
  height: 20px;
  width: 20px;
  padding-top: 1px;
}
.nice-card .card--cta .notifications-bell:hover,
.nice-card .card--cta .notifications-bell:focus {
  background-color: #e85531;
  border: solid 1px white;
  color: white;
}
.workspace-popup-form {
  overflow: hidden;
}
.workspace-popup-form .workspace-searchable-field {
  overflow-y: scroll;
  height: 285px;
  margin-bottom: 20px;
}
.workspace-popup-form .workspace-searchable-field .recent-workspace-list {
  height: 170px;
}
.no-workspace-results {
  color: #213241;
  width: 375px;
  margin: auto;
}
.select-workspace-switch,
.select-workspace-view-switch {
  -webkit-transition: all 0.75s ease;
  -moz-transition: all 0.75s ease;
  -o-transition: all 0.75s ease;
  transition: all 0.75s ease;
}
.client-info-loading {
  font-size: 50px;
  margin-top: 90px;
  color: #dcdfe5;
}
.select2-selection--single .user-search .user-photo {
  margin-right: 6px;
  top: -1px;
}
.select2-results .user-photo {
  margin-right: 7px;
}
.select2-results .user-name {
  width: 100%;
  margin-top: 10px;
}
.select2-dropdown {
  margin-top: 4px;
  border: none;
}
.select2-results:first-child > .select2-results__options {
  padding: 0;
}
.select2-container--default .select2-results__option {
  margin: 0;
  border-radius: 2px;
  padding: 12px 50px 11px 12px;
  border-bottom: solid 1px #EDEFF1;
  color: #3f4d54;
  position: relative;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #F6F7F8;
  color: #3f4d54;
}
.select2-container--default .select2-results__option[aria-selected=true]:before {
  content: '';
  height: 2px;
  background-color: #657b87;
  position: absolute;
  display: block;
  top: 50%;
  width: 5px;
  left: 100%;
  margin-left: -41px;
  margin-top: 1px;
  transform: rotate(45deg);
}
.select2-container--default .select2-results__option[aria-selected=true]:after {
  content: '';
  height: 2px;
  background-color: #657b87;
  position: absolute;
  left: 100%;
  margin-left: -39px;
  display: block;
  top: 50%;
  width: 12px;
  margin-top: -1px;
  transform: rotate(-45deg);
}
.select2-container--default.select2-container--focus.not-valid .select2-selection--multiple {
  border-bottom: 1px solid #e85531;
  box-shadow: 0 1px 6px 0 rgba(101, 123, 135, 0.12), inset 0 0 8px 0 rgba(101, 123, 135, 0.3);
}
.select2-selection--multiple li.select2-search.select2-search--inline {
  width: auto;
}
.form-group select.not-valid,
.form-group .not-valid + .select2-container {
  /*box-shadow: none !important;
  border: none !important;*/
}
.form-group .not-valid + span span .select2-selection--multiple {
  box-shadow: 0 1px 6px 0 rgba(101, 123, 135, 0.12), inset 0 0 8px 0 rgba(101, 123, 135, 0.3);
}
.icons-list .dropdown .dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  border: solid 1px #dcdfe5;
}
.icons-list .dropdown .dropdown-menu li a {
  font-size: 13px;
  color: #3f4d54;
  padding: 11px 13px 8px 13px;
}
.icons-list .dropdown .dropdown-menu li a:hover {
  background-color: #F6F7F8;
}
.icons-list .dropdown .dropdown-menu li a i {
  margin-right: 5px;
  width: 20px;
  text-align: center;
  position: relative;
  font-size: 15px;
  color: #657b87;
}
.select2-selection__choice .user-photo-container,
.select2-results__option .user-photo-container {
  display: inline-block;
  top: -2px;
  width: 22px;
  height: 22px;
  margin-right: 6px;
  float: left;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  position: relative;
  overflow: hidden;
}
.task-form .select2-selection__choice .user-photo-container .user-photo,
.select2-results__option .user-photo-container .user-photo {
  display: inline-block;
  top: 0;
  width: 20px;
  height: 20px;
  max-width: none;
  height: auto;
  margin: 0;
  margin-right: 0;
  float: left;
}
.task-form .form-group-select-with-image .select2 .select2-selection--multiple {
  padding-top: 7px;
  padding-left: 8px;
}
.task-form .form-group-select-with-image .select2 .select2-selection--multiple .select2-selection__choice {
  padding: 6px 9px 2px 11px;
}
.form-group .select2-container .select2-search__field {
  width: auto;
}
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-search--dropdown .select2-search__field {
  width: 100%;
  padding: 7px 11px;
  margin-top: 3px;
  border-radius: 2px;
  border: solid 1px #dcdfe5;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus,
.select2-search--dropdown .select2-search__field:focus {
  border: solid 1px #dcdfe5;
  box-shadow: 0 1px 6px 0 rgba(101, 123, 135, 0.12), inset 0 0 8px 0 rgba(101, 123, 135, 0.3);
}
.select2-search--dropdown:after {
  color: #657b87;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-selection--multiple .select2-search--inline .select2-search__field {
  opacity: 0.6;
  color: #657b87;
}
.new-task-card .select2-selection--multiple .select2-search--inline .select2-search__field {
  top: -1px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 22px;
  vertical-align: middle;
  position: relative;
}
.new-task-card .select2-selection--multiple {
  border: solid 1px rgba(101, 123, 135, 0.3);
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
}
.new-task-card .select2-selection--multiple:hover {
  border: solid 1px rgba(101, 123, 135, 0.3);
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
}
.dataTable,
.dataTables_scroll {
  border-radius: 2px;
  box-shadow: 0 8px 6px 0 rgba(0, 0, 0, 0.12);
  background-color: white;
  border: solid 1px #dcdfe5;
  padding-bottom: 102px;
}
@media (min-width: 768px) {
  .dataTable,
  .dataTables_scroll {
    padding-bottom: 72px;
  }
}
.table-workspaces_status.dataTable thead .sorting {
  padding-left: 10px;
  padding-right: 10px;
}
.table-workspaces_status.dataTable thead .sorting span {
  padding: 0px;
}
.dataTable > thead {
  background-color: #F6F7F8;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.dataTable > tbody tr:last-child td {
  border-bottom: 1px solid #ddd;
}
.dataTable > thead > tr > th {
  border-bottom: solid 1px #dcdfe5;
  color: #657b87;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 22px;
  white-space: nowrap;
}
.dataTable > tbody td {
  outline: none;
}
.dataTable > thead th.multi-line-date {
  width: 150px;
}
.dataTable > tbody td a {
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #3f4d54;
}
.dataTable > tbody td .dropdown-menu a {
  font-weight: normal;
}
.dataTable > tbody td a.btn {
  color: white;
}
.dataTable > tbody td a.round-button {
  line-height: 34px;
  color: white;
}
.dataTable > tbody td a.link:hover {
  text-decoration: underline;
}
.dataTable td.child {
  background-color: #FBFBFC;
}
.dataTable tr.child td.child > ul > li {
  border-bottom: none;
  margin-bottom: 15px;
}
.dataTable td.child .dtr-title {
  padding: 0;
  display: inline-block;
  width: 100%;
  font-size: 13px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #3f4d54;
}
.dataTable td.child .dtr-data {
  display: block;
  width: 100%;
  padding: 0;
  margin-top: 1px;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  line-height: 19px;
  letter-spacing: normal;
  color: #657b87;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .dataTable .controls {
    margin-top: 0;
  }
}
.dataTable .controls a {
  display: inline-block;
  float: left;
  height: 20px;
  width: 24px;
  text-align: center;
  margin-right: 8px;
  margin-bottom: 4px;
}
@media (min-width: 768px) {
  .dataTable .controls a {
    margin-right: 5px;
  }
}
.dataTable .controls a:last-of-type {
  margin-right: 0;
}
.dataTable .controls a:hover,
.dataTable .controls a:focus {
  opacity: 0.5;
}
.dataTable .controls svg {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #657b87;
}
.dataTables_info {
  margin-top: -102px;
  padding-top: 13px;
  padding-bottom: 15px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  line-height: 19px;
  letter-spacing: normal;
  color: #657b87;
  border-top: solid 1px #dcdfe5;
  border-left: solid 1px #dcdfe5;
  border-right: solid 1px #dcdfe5;
  background-color: white;
  text-align: center;
}
@media (min-width: 768px) {
  .dataTables_info {
    vertical-align: top;
    position: relative;
    display: inline-block;
    text-align: left;
    padding-top: 17px;
    padding-left: 31px;
    padding-right: 31px;
    margin-top: 0;
    top: 0;
    margin-top: -72px;
    width: 50%;
    height: 72px;
    border-top: none;
    border-right: none;
    border-bottom: solid 1px #dcdfe5;
    border-top-left-radius: 0;
    border-bottom-left-radius: 2px;
  }
}
.dataTables_paginate {
  padding-bottom: 23px;
  margin: 0;
  margin-bottom: 11px;
  border-left: solid 1px #dcdfe5;
  border-right: solid 1px #dcdfe5;
  border-bottom: solid 1px #dcdfe5;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  background-color: white;
  text-align: center;
}
@media (min-width: 768px) {
  .dataTables_paginate {
    vertical-align: top;
    position: relative;
    display: inline-block;
    text-align: right;
    padding-top: 16px;
    padding-left: 31px;
    padding-right: 31px;
    top: 0;
    margin-top: -72px;
    width: 50%;
    height: 72px;
    border-top: none;
    border-left: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 2px;
  }
}
.dataTables_paginate span {
  vertical-align: top;
  display: inline-block;
  margin-left: 6px;
  margin-right: 6px;
}
.dataTables_paginate .paginate_button {
  vertical-align: top;
  display: inline-block;
  padding: 8px 8px;
  margin-bottom: 5px;
  min-width: 36px;
  margin-left: 2px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 500;
  color: #657b87;
}
.dataTables_paginate .paginate_button:not(.current):hover {
  background-color: black;
  color: white;
}
.dataTables_paginate .paginate_button:not(.current):hover svg {
  color: white;
}
.dataTables_paginate .ellipsis {
  width: auto;
  height: 36px;
  line-height: 30px;
  margin-left: 6px;
  margin-right: 6px;
}
.dataTables_paginate .paginate_button.current {
  background-color: #3f4d54;
  color: white;
}
.dataTables_paginate .paginate_button.previous,
.dataTables_paginate .paginate_button.next {
  width: 36px;
  height: 36px;
  border-radius: 4px;
  border: solid 1px #DFE5E7;
  color: transparent;
  background-repeat: no-repeat;
  background-size: 6px 10px;
  background-position: center center;
}
@media (min-width: 768px) {
  .dataTables_paginate .paginate_button.previous,
  .dataTables_paginate .paginate_button.next {
    background-size: 10px 12px;
  }
}
.dataTables_paginate .paginate_button.previous:hover,
.dataTables_paginate .paginate_button.next:hover,
.dataTables_paginate .paginate_button.previous:focus,
.dataTables_paginate .paginate_button.next:focus {
  color: transparent;
}
.dataTables_paginate .paginate_button.previous {
  background-image: url('https://dev-matt.theconcinnitycompany.com/static/fa-chevron-left.svg?85ec8d71285a');
}
.dataTables_paginate .paginate_button.previous:hover {
  background-image: url('https://dev-matt.theconcinnitycompany.com/static/fa-chevron-left-white.svg?85ec8d71285a');
}
.dataTables_paginate .paginate_button.next {
  margin-right: 0;
  margin-left: 0;
  background-image: url('https://dev-matt.theconcinnitycompany.com/static/fa-chevron-right.svg?85ec8d71285a');
}
.dataTables_paginate .paginate_button.next:hover {
  background-image: url('https://dev-matt.theconcinnitycompany.com/static/fa-chevron-right-white.svg?85ec8d71285a');
}
.dataTables_paginate .paginate_button.disabled {
  pointer-events: none;
  opacity: 1;
}
.dataTables_paginate .paginate_button.disabled.previous {
  background-image: url('https://dev-matt.theconcinnitycompany.com/static/fa-chevron-left-disabled.svg?85ec8d71285a');
}
.dataTables_paginate .paginate_button.disabled.next {
  background-image: url('https://dev-matt.theconcinnitycompany.com/static/fa-chevron-right-disabled.svg?85ec8d71285a');
}
.dataTable.dtr-inline.collapsed tbody tr td:first-child:before,
.dataTable.dtr-inline.collapsed tbody tr th:first-child:before,
.dataTable.dtr-column tbody tr td.control:before,
.dataTable.dtr-column tbody tr th.control:before {
  content: url('https://dev-matt.theconcinnitycompany.com/static/fa-plus-circle.svg?85ec8d71285a');
}
.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before,
.dataTable.dtr-column tbody tr.parent td.control:before,
.dataTable.dtr-column tbody tr.parent th.control:before {
  content: url('https://dev-matt.theconcinnitycompany.com/static/fa-minus-circle.svg?85ec8d71285a');
}
.dataTables_length {
  float: right;
  margin-bottom: 11px;
  position: relative;
}
.dataTables_length::after {
  z-index: 2;
  position: absolute;
  pointer-events: none;
  top: 7px;
  right: 10px;
  content: '\e9c5';
  color: #657b87;
  font-family: 'icomoon';
  display: block;
  font-size: 22px;
  width: 16px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dataTables_length select {
  -webkit-appearance: none;
  height: 36px;
  padding-top: 7px;
  padding-left: 10px;
  border-radius: 2px;
  width: 110px;
  background-color: white;
  border: solid 1px rgba(101, 123, 135, 0.3);
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
  font-size: 13px;
  color: #191d1f;
}
.dataTables_length select::placeholder {
  opacity: 0.6;
}
.dataTables_length select.not-valid,
.dataTables_length select.valid,
.dataTables_length select:focus,
.dataTables_length select:hover {
  border: solid 1px rgba(101, 123, 135, 0.3);
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0);
}
.dataTable thead .sorting::before,
.dataTable thead .sorting::after {
  content: none;
}
.dataTable thead .sorting span::after {
  content: '';
  display: inline-block;
  position: relative;
  top: -2px;
  left: 5px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #657b87;
}
.dataTable thead .sorting span:empty,
.dataTable thead .sorting_desc span:empty,
.dataTable thead .sorting_asc span:empty {
  position: relative;
  left: -8px;
}
@media (min-width: 768px) {
  .dataTable thead .sorting span:empty,
  .dataTable thead .sorting_desc span:empty,
  .dataTable thead .sorting_asc span:empty {
    left: 6px;
  }
}
.dataTable thead .sorting_asc::before,
.dataTable thead .sorting_asc::after {
  content: none;
}
.dataTable thead .sorting_asc span::after {
  content: '';
  display: inline-block;
  position: relative;
  top: -2px;
  left: 5px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #657b87;
}
.dataTable thead .sorting_desc::before,
.dataTable thead .sorting_desc::after {
  content: none;
}
.dataTable thead .sorting_desc span::after {
  content: '';
  display: inline-block;
  position: relative;
  top: -2px;
  left: 5px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #657b87;
}
#existing-document-results {
  padding-bottom: 0;
}
#existing-document-results tbody tr td:last-child,
#existing-document-results tbody tr th:last-child {
  min-width: 160px;
}
.dataTables_wrapper .dataTable tbody tr td:first-child,
.dataTables_wrapper .dataTable tbody tr th:first-child {
  white-space: initial;
}
@media (min-width: 992px) {
  .dataTables_wrapper {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.classy-table.dataTable {
  border: none;
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
  color: #3f4d54;
}
.classy-table.dataTable {
  padding-bottom: 5px;
}
.classy-table .cleared-out {
  border: none;
}
.classy-table.dataTable > thead {
  background-color: transparent;
  font-size: 11px;
  color: #657b87;
  padding-bottom: 12px;
  text-align: left;
}
.classy-table.dataTable > thead > tr > th {
  text-align: left;
  padding-left: 0px;
}
.classy-table.dataTable .soft {
  font-size: 13px;
  font-weight: normal;
  color: #657b87;
}
.classy-table.dataTable tr td {
  padding: 10px 0px;
}
.classy-table.dataTable > tbody tr:last-child td.cleared-out {
  border-bottom: none;
}
.classy-table.dataTable .main-topic {
  font-size: 16px;
  max-width: 700px;
}
@media (max-width: 768px) {
  .classy-table.dataTable .main-topic {
    width: 175px;
  }
}
.classy-table.dataTable ul.sub-topic-list {
  padding-left: 15px;
  list-style-type: none;
}
.classy-table.dataTable ul.sub-topic-list li {
  margin: 0 0 3px 0;
}
.classy-table.dataTable .sub-topic {
  font-size: 13px;
  list-style-position: inside;
  font-weight: normal;
  max-width: 675px;
}
@media (max-width: 768px) {
  .classy-table.dataTable .sub-topic {
    width: 175px;
  }
}
.large-table-wrapper {
  width: 100%;
  overflow-x: scroll;
  display: block;
}
.survey-responses-table.table > thead > tr > th,
.survey-responses-table.table > tbody > tr > td {
  padding: 5px;
  min-width: 100px;
}
.survey-responses-table.table > thead > tr > th.question-type-SM,
.survey-responses-table.table > tbody > tr > td.question-type-SM {
  padding: 5px;
  min-width: 70px;
}
.survey-responses-table.table > thead > tr > th.wider,
.survey-responses-table.table > tbody > tr > td.wider {
  min-width: 100px;
}
.table-fixed-columns-container .dataTables_info,
.table-fixed-columns-container .dataTables_paginate {
  margin-top: -71px;
}
.table-fixed-columns-container .dataTables_scroll {
  box-shadow: 0 8px 6px 0 rgba(0, 0, 0, 0.12);
  padding-bottom: 72px;
}
@media (max-width: 768px) {
  .table-fixed-columns-container .dataTables_scroll {
    padding-bottom: 0px;
  }
  .table-fixed-columns-container .dataTables_info {
    padding-top: 125px;
  }
}
.table-fixed-columns-container .table-fixed-columns {
  padding-bottom: 0;
}
.table-fixed-columns-container .table-fixed-columns.dataTable > thead > tr > th {
  border-bottom: none;
}
.table-fixed-columns-container .DTFC_RightBodyWrapper .DTFC_Cloned {
  box-shadow: none;
  border: none;
}
.table-fixed-columns-container .DTFC_RightBodyLiner {
  width: inherit !important;
}
.table-fixed-columns-container .DTFC_RightBodyLiner,
.table-fixed-columns-container .DTFC_RightBodyWrapper {
  overflow: visible !important;
}
.table-tight tbody tr td,
.table-tight thead tr th {
  padding-left: 2px;
  padding-right: 2px;
}
.permissions-row.summary-row {
  margin-left: auto;
  padding-top: auto;
  margin-top: auto;
}
.permissions-control {
  width: 100%;
}
.permissions-control > .panel {
  padding: 0 25px 10px;
}
.permissions-control .panel-group-control > .panel-heading {
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 3px;
}
@media (min-width: 768px) {
  .permissions-control .panel-group-control > .panel-heading {
    padding-bottom: 15px;
  }
}
.permissions-control .panel-group-control {
  padding: 0 0 10px 0;
}
.permissions-control .details-section .form-group {
  width: calc(100% - 25px);
}
.permissions-control .details-section .form-group .display-block {
  display: block;
}
.permissions-control .people {
  display: inline-block;
  float: left;
  width: calc(100% + 6px);
  padding-top: 6px;
  margin-left: -1px;
  margin-bottom: 0;
}
.permissions-control .people.hide-soft {
  display: none;
}
@media (min-width: 768px) {
  .permissions-control .people {
    padding-top: 9px;
    margin-bottom: 4px;
  }
}
.permissions-control .advanced-permissions-labels {
  position: absolute;
  right: 0px;
  top: -17px;
  font-size: 12px;
  font-weight: 500;
  color: #657b87;
}
.permissions-control .advanced-permissions-labels span:first-of-type {
  margin-right: 10px;
}
.permissions-control .generic-permissions-title {
  border-bottom: 1px solid;
  padding-bottom: 7px;
  margin-right: 10px;
  margin-bottom: 5px;
}
.permissions-control .users-hidden .generic-permissions-title {
  border-bottom: none;
}
.permissions-control .toggle-users {
  margin-left: 5px;
  cursor: pointer;
  font-size: 15px;
  vertical-align: middle;
}
.permissions-control .advanced-permissions-row .people a {
  float: none;
}
.permissions-control .advanced-permissions-row .user-row-advanced {
  justify-content: space-between;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  margin-top: 5px;
  color: #657b87;
}
.permissions-control .advanced-permissions-row .user-advanced-info .user-photo {
  margin: 0;
}
.permissions-control .advanced-permissions-row .user-advanced-info a {
  margin: 0;
}
.permissions-control .advanced-permissions-row .user-advanced-info div {
  display: inline-block;
  margin-top: 6px;
  margin-left: 5px;
}
.permissions-control .advanced-permissions-row .advanced-permissions {
  float: right;
  margin-right: 20px;
}
.permissions-control .advanced-permissions-row .advanced-permissions i:first-of-type {
  margin-right: 35px;
}
.permissions-control .advanced-permissions-row .user-advanced-permissions {
  margin-right: 34px;
}
.permissions-control .advanced-permissions-row .user-advanced-permissions-admin {
  margin-right: 95px;
}
.permissions-control .advanced-permissions-row .advanced-permissions .fa,
.permissions-control .advanced-permissions-row .user-advanced-permissions-admin .fa,
.permissions-control .advanced-permissions-row .user-advanced-permissions .fa {
  font-size: 20px;
  cursor: pointer;
  opacity: 0.25;
}
.permissions-control .advanced-permissions-row .advanced-permissions .selected.fa,
.permissions-control .advanced-permissions-row .user-advanced-permissions-admin .fa,
.permissions-control .advanced-permissions-row .user-advanced-permissions .selected.fa {
  opacity: 1;
}
.permissions-control .advanced-permissions-row .user-advanced-permissions i:first-of-type {
  margin-right: 36px;
}
.permissions-control hr {
  margin: 0;
  display: inline-block;
  width: 100%;
}
.permissions-control .people a {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  float: left;
  vertical-align: top;
  margin-right: 8px;
  margin-bottom: 8px;
  margin-left: 0;
  z-index: 1;
}
.permissions-control .people a:first-of-type {
  margin-left: 0;
}
.permissions-control .permissions-title .delete-row-button.custom,
.permissions-control .generic-permissions-title .delete-row-button.custom {
  display: none !important;
}
.permissions-control .owner-container {
  position: relative;
  top: -4px;
  font-size: 11px;
}
.permissions-control .owner-container::before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  border: 2px solid #f0ab3c;
  border-radius: 100%;
  top: 6px;
  left: -5px;
  background-color: transparent;
}
@media (min-width: 768px) {
  .permissions-control .owner-container::before {
    top: 9px;
  }
}
@media (max-width: 480px) {
  .permissions-control .owner-container::before {
    top: 4px;
    left: 0px;
  }
}
@media (min-width: 768px) {
  .permissions-control .generic-permissions-summary-row .owner-container::before {
    top: 6px;
    left: 0;
  }
}
.permissions-control .owner-label {
  position: relative;
  top: 6px;
  left: -1px;
}
@media (min-width: 768px) {
  .permissions-control .owner-label {
    top: auto;
  }
}
.permissions-control .summary-row .people > a {
  margin-bottom: 18px;
}
.permissions-control .summary-row .people > a:first-of-type {
  margin-right: 8px;
}
.permissions-control .summary-row .people > a:first-of-type:after {
  content: 'Owner';
  color: #333;
  font-size: 11px;
}
.permissions-control .generic-permissions-summary-row .people > a {
  margin-bottom: 5px;
}
.permissions-control .generic-permissions-summary-row .people > a:first-of-type {
  margin-right: 8px;
}
.permissions-control .generic-permissions-summary-row .people > a:first-of-type:after {
  content: attr(data-owner-label);
  color: #333;
  font-size: 11px;
  margin-left: 4px;
}
.permissions-control .people .user-photo {
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  height: 100%;
  width: 100%;
  display: inline-block;
}
.permissions-control .people .user-photo.no-img {
  display: inline-block;
  border: none;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  font-size: 13px;
  font-weight: 500;
  line-height: 32px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: white;
  background-color: #657b87;
}
.permissions-control .people .user .removal-button {
  position: absolute;
  top: 20px;
  right: 0;
  font-size: 1.3em;
  color: #e85531;
  background-color: #d0d7db;
  display: none;
  padding: 2px;
  border-radius: 50%;
}
.permissions-control .advanced-permissions-row .people .user .removal-button {
  font-size: 0.8em;
}
.permissions-control .edit-mode .people .user .removal-button {
  display: inline-block;
}
.custom-edit-mode.disabled {
  opacity: 0.5;
}
.custom-edit-mode.enabled {
  opacity: 1;
}
.permissions-control .people a.delete-all {
  display: none;
}
.owner-selection,
.owner-selection #object-owner,
.owner-selection #object-owner-documents {
  width: 100%;
}
.permissions-override .permissions-control .generic-permissions-summary-row {
  padding-bottom: 0px;
}
.no-panel .panel,
.no-panel .panel .panel {
  border: none;
  box-shadow: none !important;
}
#task-permission-details .permissions-row,
.participants-permission .permissions-row {
  border-radius: 2px;
  background-color: #ebedf0;
  padding: 15px 10px;
  margin-left: 0;
}
.step-4 .new-task-card .people > a.more-users,
.participants-permission .people > a.more-users {
  float: left;
  margin-left: 0;
  margin-right: 0;
  display: none;
}
.step-4 .new-task-card .summary-row,
.participants-permission .summary-row,
.step-5 .new-task-card .confirm-row {
  display: inline-block;
  position: relative;
  width: 100%;
  background-color: transparent;
  padding-left: 15px;
  padding-right: 12px;
  padding-bottom: 17px;
  margin-bottom: 0;
}
.step-4 .new-task-card .summary-row .people,
.participants-permission .summary-row .people {
  padding-top: 19px;
  margin-left: 1px;
}
@media (min-width: 768px) {
  .step-4 .new-task-card .summary-row .people,
  .participants-permission .summary-row .people {
    padding-top: 17px;
    margin-left: 2px;
  }
}
.step-4 .new-task-card .summary-row .people a:first-of-type,
.participants-permission .summary-row .people a:first-of-type {
  margin-right: 11px;
}
.step-4 .new-task-card .permissions-title,
.participants-permission .permissions-title {
  font-size: 12px;
  font-weight: 500;
  color: #657b87;
}
.step-4 .new-task-card .permissions-title a,
.participants-permission .permissions-title a {
  margin-right: 3px;
  display: inline-block;
}
.step-4 .new-task-card .permissions-title i,
.participants-permission .permissions-title i {
  font-size: 12px;
  color: #657b87;
}
.step-4 .new-task-card .task-permissions-users .btn-link i,
.participants-permission .task-permissions-users .btn-link i {
  font-size: 12px;
  color: #657b87;
  margin-left: 0;
  position: relative;
  top: -2px;
}
.step-4 .new-task-card .people,
.participants-permission .people {
  display: inline-block;
  width: calc(100% + 6px);
  padding-top: 27px;
  margin-left: -1px;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .step-4 .new-task-card .people,
  .participants-permission .people {
    padding-top: 9px;
    margin-bottom: 4px;
  }
}
.step-4 .new-task-card .people > a.user,
.participants-permission .people > a.user,
.step-5 .new-task-card .confirm-row > a.user > img.user-photo {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  float: left;
  vertical-align: top;
  margin-left: 0;
  margin-right: 11px;
  margin-bottom: 5px;
}
.step-4 .new-task-card .people > a.user:first-of-type,
.participants-permission .people > a.user:first-of-type,
.step-5 .new-task-card .confirm-row > a.user > img.user-photo:first-of-type {
  margin-left: 0;
}
.step-4 .new-task-card .people .user-photo,
.participants-permission .people .user-photo {
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  height: 100%;
  width: 100%;
  display: inline-block;
}
.step-4 .new-task-card .people .user-photo.no-img,
.participants-permission .people .user-photo.no-img {
  display: inline-block;
  border: none;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  font-size: 13px;
  font-weight: 500;
  line-height: 32px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: white;
  background-color: #657b87;
}
.step-4 .new-task-card .owner-container,
.participants-permission .owner-container {
  position: absolute;
  top: 31px;
  left: 16px;
  width: 36px;
  height: 36px;
}
@media (min-width: 768px) {
  .step-4 .new-task-card .owner-container,
  .participants-permission .owner-container {
    top: 29px;
    left: 18px;
    margin-bottom: 8px;
  }
}
.step-4 .new-task-card .owner-container::before,
.participants-permission .owner-container::before {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  border: 2px solid #f0ab3c;
  border-radius: 100%;
  top: -16px;
  left: -4px;
  background-color: transparent;
}
@media (min-width: 768px) {
  .step-4 .new-task-card .owner-container,
  .participants-permission .owner-container {
    left: 17px;
  }
}
.step-4 .new-task-card .owner-container span,
.participants-permission .owner-container span {
  position: relative;
  display: inline-block;
  width: 40px;
  left: -4px;
  margin-top: 25px;
  right: 0;
  display: block;
  font-size: 11px;
  font-weight: 500;
  text-align: center;
  color: #213241;
}
.step-4 .new-task-card .people a.owner-container .owner-photo,
.participants-permission .people a.owner-container .owner-photo {
  width: 32px;
  height: 32px;
}
.step-4 .new-task-card #task-permission-details .permissions-row,
.participants-permission #task-permission-details .permissions-row {
  display: inline-block;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 4px;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .step-4 .new-task-card #task-permission-details .permissions-row,
  .participants-permission #task-permission-details .permissions-row {
    padding-top: 11px;
    padding-left: 11px;
    padding-bottom: 1px;
  }
}
.step-4 .new-task-card #task-permission-details .permissions-row .task-permissions-users,
.participants-permission #task-permission-details .permissions-row .task-permissions-users {
  position: relative;
  top: -3px;
}
.step-4 .new-task-card #task-permission-details .people,
.participants-permission #task-permission-details .people {
  padding-top: 15px;
  padding-left: 6px;
}
@media (min-width: 768px) {
  .step-4 .new-task-card #task-permission-details .people,
  .participants-permission #task-permission-details .people {
    padding-top: 16px;
    padding-left: 5px;
  }
}
.step-4 .new-task-card #task-permission-details .people > a.user,
.participants-permission #task-permission-details .people > a.user {
  width: 32px;
  height: 32px;
  margin-right: 11px;
}
.step-4 .new-task-card #task-permission-details .people > a.user:first-of-type,
.participants-permission #task-permission-details .people > a.user:first-of-type {
  margin-left: 0;
}
@media (min-width: 768px) {
  .step-4 .new-task-card #task-permission-details,
  .participants-permission #task-permission-details {
    padding-left: 11px;
  }
}
.step-4 .new-task-card #task-permission-details .form-group,
.participants-permission #task-permission-details .form-group,
#generic-permission-details .form-group {
  margin-left: 3px !important;
}
@media (min-width: 768px) {
  .step-4 .new-task-card #task-permission-details .form-group,
  .participants-permission #task-permission-details .form-group,
  #generic-permission-details .form-group {
    margin-top: 10px !important;
    margin-left: 0 !important;
  }
}
#generic-permission-details label {
  margin-bottom: 3px;
}
#generic-permission-details label.radio-inline {
  margin-top: 4px;
}
@media (min-width: 768px) {
  #generic-permission-details .form-group.owner-selection {
    margin-bottom: 15px;
    display: inline-block;
  }
}
.step-4 .new-task-card #task-permission-details .form-group label,
.participants-permission #task-permission-details .form-group label,
#generic-permission-details .form-group label,
#document-details-modal #document-permission-details .form-group label {
  font-size: 12px;
  font-weight: 500;
  display: block;
  color: #657b87;
}
#generic-permission-details .form-group > label {
  margin-bottom: 0;
}
.step-4 .new-task-card #task-permission-details .form-group .radio-inline,
.participants-permission #task-permission-details .form-group .radio-inline,
#generic-permission-details .form-group .radio-inline,
#document-details-modal #document-permission-details .form-group .radio-inline {
  display: inline-block;
  width: 100%;
  padding-left: 22px;
  margin-top: 8px;
  margin-bottom: 4px;
  margin-left: 0;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal;
  color: #657b87;
}
@media (min-width: 768px) {
  .step-4 .new-task-card #task-permission-details .form-group .radio-inline,
  .participants-permission #task-permission-details .form-group .radio-inline,
  #generic-permission-details .form-group .radio-inline,
  #document-details-modal #document-permission-details .form-group .radio-inline {
    width: auto;
    margin-top: 4px;
    margin-right: 17px;
  }
}
.step-4 .new-task-card #task-permission-details .form-group .radio-inline .choice .choice,
.participants-permission #task-permission-details .form-group .radio-inline .choice .choice {
  margin-top: -1px;
}
#generic-permission-details .form-group .radio-inline .choice .choice {
  margin-top: 2px;
}
.step-4 .new-task-card #task-permission-details .form-group .radio-inline .choice span,
.participants-permission #task-permission-details .form-group .radio-inline .choice span,
#generic-permission-details .form-group .radio-inline .choice span {
  width: 16px;
  height: 16px;
  border-radius: 22px;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
  background-color: white;
  /*border: solid 1px #dcdfe5;*/
}
.step-4 .new-task-card #task-permission-details .form-group .radio-inline .choice span.checked,
.participants-permission #task-permission-details .form-group .radio-inline .choice span.checked,
#genericp-permission-details .form-group .radio-inline .choice span.check {
  box-shadow: none;
}
.step-4 .new-task-card #task-permission-details .form-group .radio-inline .choice span::after,
.participants-permission #task-permission-details.form-group .radio-inline .choice span::after,
#generic-permission-details .form-group .radio-inline .choice span::after {
  top: 1px;
  left: 1px;
  border: 6px solid;
  border-color: #2db370;
}
.step-4 .new-task-card #task-permission-details .form-group .radio-inline .choice span.checked::after,
.participants-permission #task-permission-details .form-group .radio-inline .choice span.checked::after,
#generic-permission-details .form-group .radio-inline .choice span.checked::after {
  opacity: 1;
}
.policy-category .policy-subcategories {
  margin-left: 30px;
}
.policy-category .policy-subcategory {
  margin-bottom: 15px;
}
.policy-category .policy-subcategory .form-group {
  margin-left: 20px;
}
.time-details {
  display: inline-block;
  margin-left: 10px;
}
.time-details input[type=number] {
  display: inline-block;
  width: 90px;
}
.data-retention-preview ul {
  margin-bottom: 25px;
}
.data-retention-preview ul li {
  list-style-type: none;
}
.half-width-container .select2-container {
  width: 50% !important;
  display: block;
}
#restrict-upload-container.half-width-container .select2-container {
  display: inline-block;
  margin-right: 15px;
}
@media (max-width: 768px) {
  #restrict-upload-container.half-width-container .select2-container {
    display: block;
    margin-bottom: 15px;
  }
}
#viewer-permissions-table {
  width: 500px;
}
#viewer-permissions-table thead .fa {
  margin-right: 5px;
}
#viewer-permissions-table th:first-child,
#viewer-permissions-table td:first-child {
  border-right: 1px solid #bbb;
}
#viewer-permissions-table .file-permission-item input {
  margin-top: -3px;
  margin-right: 5px;
  vertical-align: middle;
  cursor: pointer;
}
#viewer-permissions-table .file-permission-item label {
  cursor: pointer;
}
#viewer-permissions-table .file-permission-item.disabled {
  opacity: 0.7;
}
#viewer-permissions-table .file-permission-item.disabled label,
#viewer-permissions-table .file-permission-item.disabled input {
  cursor: default;
}
#doc-retention-tags-table {
  border: 1px solid #C0CACF;
  margin-bottom: 15px;
}
.last-updated {
  position: absolute;
  right: 20px;
  top: 5px;
  z-index: 10;
}
.security-settings-content .panel-body h3 {
  margin-top: 0px;
}
.security-settings-content .panel-body h3.inner-header {
  margin-top: 30px;
}
.security-settings-content .panel-body .form-group label:first-child {
  font-weight: normal;
}
.security-settings-content .short-input {
  width: 200px;
  display: inline-block;
  margin-right: 10px;
}
.security-settings-content .account-reset-option {
  display: inline-block;
  margin-right: 20px;
}
#edit-event-modal .date {
  display: inline-block;
  margin-right: 10px;
}
#edit-event-modal .date-options label span {
  margin-left: 75px;
}
#edit-event-modal .edit-event-dates-list div a {
  color: #657b87;
}
#edit-event-modal .edit-event-dates-list .event-date {
  display: inline-block;
  width: 100px;
  margin-right: 15px;
}
#edit-event-modal .edit-event-dates-list .event-name-modifier {
  display: inline-block;
  width: 200px;
  margin-right: 15px;
}
#edit-event-modal .date-options input.date {
  width: 100px;
}
#edit-event-modal .date-options .name-modifier {
  display: inline-block;
  width: 200px;
  margin-right: 10px;
}
.schedule-panel .fc-event-container .fc-event.schedule-event {
  color: white;
  background-color: #2eb872;
  border: solid 1px #2eb872;
}
.schedule-panel .fc-event-container .fc-event.schedule-event .fc-content .fc-title {
  color: #FFF;
}
.fc-event.schedule-occurrence {
  background-color: #FDEEEA;
  border: solid 1px #e85531;
}
#agenda-templates-wrapper .task-block .panel {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
}
#agenda-templates-wrapper .task-detailing {
  display: inline-block;
  margin-top: 0;
  margin-left: 0 !important;
}
#agenda-templates-wrapper .task-detailing > span {
  display: block;
}
ol.agenda-template-items li {
  list-style-type: none;
}
.agenda-template-item {
  margin-top: 1rem !important;
}
.agenda-template-item table {
  width: 100%;
}
.agenda-template-item td {
  text-align: center;
}
#table-workspaces .sub-group-toggle {
  cursor: pointer;
}
#table-workspaces ul li a.disabled {
  opacity: 0.75;
  cursor: default;
}
#workspace-group-admins-container {
  display: none;
}
.select2-selection--multiple [title="You"].select2-selection__choice .select2-selection__choice__remove::after {
  display: none !important;
}
table.dataTable.select-rows tbody tr.selected,
#workspace-groups-admin table.dataTable tbody tr.selected {
  background: #eae8e8;
}
table.dataTable.select-rows tbody td.select-checkbox,
#workspace-groups-admin table.dataTable tbody td.select-checkbox,
table.dataTable.select-rows thead th.select-checkbox,
#workspace-groups-admin table.dataTable thead th.select-checkbox {
  position: relative;
  cursor: pointer;
}
table.dataTable.select-rows tbody td.select-checkbox:before,
#workspace-groups-admin table.dataTable tbody td.select-checkbox:before,
table.dataTable.select-rows thead th.select-checkbox:before,
#workspace-groups-admin table.dataTable thead th.select-checkbox:before {
  content: ' ';
  margin-top: -1px;
  border: 1px solid black;
  border-radius: 3px;
}
table.dataTable.select-rows tbody td.select-checkbox:before,
#workspace-groups-admin table.dataTable tbody td.select-checkbox:before,
table.dataTable.select-rows tbody td.select-checkbox:after,
#workspace-groups-admin table.dataTable tbody td.select-checkbox:after,
table.dataTable.select-rows thead th.select-checkbox:before,
#workspace-groups-admin table.dataTable thead th.select-checkbox:before,
table.dataTable.select-rows thead th.select-checkbox:after,
#workspace-groups-admin table.dataTable thead th.select-checkbox:after {
  display: block;
  position: absolute;
  top: 1.2em;
  left: 50%;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
}
table.dataTable.select-rows tbody tr.selected td.select-checkbox:after,
#workspace-groups-admin table.dataTable tbody tr.selected td.select-checkbox:after,
table.dataTable.select-rows thead th.selected.select-checkbox:after,
#workspace-groups-admin table.dataTable thead th.selected.select-checkbox:after {
  content: '\2714';
  margin-top: -6px;
  margin-left: 1px;
  text-align: center;
}
table.dataTable.select-rows tbody tr.selected td.select-checkbox:after,
#workspace-groups-admin table.dataTable tbody tr.selected td.select-checkbox:after {
  margin-top: -6px;
}
table.dataTable.select-rows thead th.selected.select-checkbox:after,
#workspace-groups-admin table.dataTable thead th.selected.select-checkbox:after {
  margin-top: -3px;
}
#groups-config .groups-config-buttons {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}
#workflow-bpmn-view {
  height: 600px;
  margin-top: 5px;
  border: 2px solid #d0d7db;
  background: white;
  cursor: grab;
}
#workflow-bpmn-view.mousedown {
  cursor: grabbing;
}
.workflow-visualize-container .workflow-visualize-title {
  text-align: center;
  font-size: 24px;
}
.workflow-visualize-container .workflow-visualize-description {
  text-align: center;
  margin-top: 10px;
}
.visualizer-container {
  position: relative;
}
#workflow-zoom-controls {
  display: flex;
  flex-direction: column;
  width: 50px;
  justify-content: space-between;
  height: 130px;
  position: absolute;
  left: -52px;
  top: 0px;
}
#workflow-zoom-controls .btn.btn-default {
  background-color: #657b87;
  color: white;
}
@media (max-width: 900px) {
  #workflow-bpmn-view {
    margin-top: 5px;
  }
  #workflow-zoom-controls {
    flex-direction: row;
    width: 155px;
    justify-content: space-between;
    height: 40px;
    position: static;
    left: 0;
    top: 0;
    margin-top: 5px;
  }
}
.process-checkbox-visual a {
  color: #3f4d54;
}
.workflow-build-container .draft-task-highlight .djs-visual rect,
.process-model-visual .draft-task-highlight .djs-visual rect {
  stroke: #f0ab3c !important;
}
.workflow-build-container .auto-complete-task-highlight:not(.draft-task-highlight) .djs-visual rect,
.process-model-visual .auto-complete-task-highlight:not(.draft-task-highlight) .djs-visual rect {
  stroke: #722EB8 !important;
}
.workflow-build-container .draft-task-highlight.auto-complete-task-highlight .djs-visual rect,
.process-model-visual .draft-task-highlight.auto-complete-task-highlight .djs-visual rect {
  stroke: #722EB8 !important;
  stroke-dasharray: 2;
}
.process-model-visual .zoomer {
  width: 300px;
  height: auto;
  padding: 15px;
  border-radius: 15px;
  background-color: white;
  position: fixed;
  display: none;
  border: 1px solid #d0d7db;
}
.process-model-visual .good-task-highlight:not(.djs-connection) .djs-visual > :nth-child(1) {
  fill: #2eb872 !important;
}
.process-model-visual .overdue-task-highlight:not(.djs-connection) .djs-visual > :nth-child(1) {
  fill: #e85531 !important;
}
.process-model-visual .due-soon-task-highlight:not(.djs-connection) .djs-visual > :nth-child(1) {
  fill: #edd432 !important;
}
.process-model-visual .good-two-weeks-task-highlight:not(.djs-connection) .djs-visual > :nth-child(1) {
  fill: #51C6F0 !important;
}
.process-model-visual .good-task-highlight text,
.process-model-visual .overdue-task-highlight text,
.process-model-visual .good-two-weeks-task-highlight text {
  fill: white !important;
}
.process-model-visual .not-possible-task-highlight:not(.djs-connection) .djs-visual > :nth-child(1) {
  fill: #e8e8e8 !important;
}
.process-model-visual .not-started-task-highlight:not(.djs-connection) .djs-visual > :nth-child(1) {
  fill: #d0d7db !important;
}
.process-summary .image-wrapper {
  text-align: center;
  height: 80px;
}
.process-summary .image-wrapper .client-image {
  max-height: 60px;
}
.process-summary .image-wrapper .user-image {
  height: 60px;
  width: 60px;
  margin: 0px;
}
#create-visual-template {
  margin: 0 auto;
  width: 190px;
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
}
.modal-header .modal-header-nav {
  width: 95%;
}
.modal-header .modal-header-nav a {
  color: #657b87;
  width: 25px;
  margin-top: 5px;
}
.modal-header .modal-header-nav .modal-title {
  text-align: center;
}
#workflow-header-container {
  display: flex;
  justify-content: space-between;
  align-content: center;
  width: 100%;
  flex-wrap: wrap;
  gap: 1rem;
}
.workflow-title-edit {
  vertical-align: top;
  cursor: pointer;
  padding-left: 5px;
  font-size: 12px;
  margin-top: 7px;
}
#edit-bpmn-task .note-editor .note-editable {
  min-height: 100px;
}
#switch-template-builder-container {
  margin-left: auto;
}
#switch-template-builder-container a {
  color: #3f4d54;
}
#switch-template-builder-container a .fa {
  font-size: 11px;
}
@media (max-width: 768px) {
  #switch-template-builder-container {
    position: static;
    text-align: right;
    margin-bottom: 5px;
  }
}
.publish-warning {
  color: red;
  display: none;
}
.publish-warning.shown {
  display: block;
}
#builder-mobile-warning {
  background-color: #f0ab3c;
  color: white;
  text-align: center;
  display: none;
  border-radius: 3px;
  padding: 3px;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  #builder-mobile-warning {
    display: block;
  }
}
.wf-bold {
  font-weight: bold;
}
.help-component {
  display: flex;
}
.help-component .help-component-icon {
  flex-basis: 25%;
  text-align: center;
  margin-right: 10px;
}
.help-component .help-component-icon .bpmn-icon {
  font-size: 25px;
}
.help-component .help-component-description {
  flex-basis: 75%;
}
@media (max-width: 768px) {
  .djs-popup {
    display: none !important;
  }
}
.datatable-workflows.dataTable td.child .dtr-data {
  overflow: visible;
}
.progress-table-wrapper {
  padding-top: 85px;
  overflow: auto;
  position: relative;
}
.progress-table-wrapper hr {
  position: absolute;
  top: 109px;
  width: 95%;
  border-top: 1px solid #bbb;
}
.progress-table-wrapper .progress-table-container {
  width: max-content;
}
.progress-table .workflow-column {
  min-width: 200px;
}
.progress-table .task-label {
  width: 20px;
  position: relative;
}
.progress-table .task-label .tooltip {
  width: 200px;
}
.progress-table .task-label .label-container {
  position: absolute;
  white-space: nowrap;
  transform: rotate(-35deg);
  top: -42px;
  left: 37px;
  text-align: left;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 8px;
}
.progress-table .task-label .label-container .label-container-inner,
.progress-table .task-label .label-container .label-container-inner p {
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px;
}
.progress-table .progress-cell {
  color: #fff;
  border: 1px solid #fff;
  font-size: 20px;
  position: relative;
  cursor: pointer;
}
.progress-table .progress-cell.start-cell {
  border: none;
}
.progress-table .progress-cell.status-progress {
  background-color: #51C6F0;
}
.progress-table .progress-cell.status-completed,
.progress-table .progress-cell.color-completed {
  background-color: #2eb872;
}
.progress-table .progress-cell.status-not-start,
.progress-table .progress-cell.color-not-start {
  background-color: #d0d7db;
}
.progress-table .progress-cell.status-preparing {
  border: 3px solid #f0ab3c;
  background-color: #51C6F0;
}
.progress-table .progress-cell.auto-complete {
  border: 3px solid #722EB8;
  background-color: #51C6F0;
}
.progress-table .progress-cell.auto-complete.status-completed {
  background-color: #2eb872;
}
.progress-table .progress-cell.auto-complete.status-preparing {
  box-shadow: inset 0 0 0 1px #f0ab3c;
  border: dashed 3px #722EB8;
}
.progress-table .progress-cell.status-due-soon,
.progress-table .progress-cell.color-due-soon {
  background-color: #edd432;
}
.progress-table .progress-cell.status-good.two-weeks,
.progress-table .progress-cell.color-good.two-weeks {
  background-color: #51C6F0;
}
.progress-table .progress-cell.status-overdue,
.progress-table .progress-cell.status-forced,
.progress-table .progress-cell.status-removed,
.progress-table .progress-cell.color-overdue {
  background-color: #e85531;
}
.progress-table .progress-cell.not-possible {
  background-color: #e8e8e8;
}
.progress-table .progress-cell.status-test {
  border-left: 3px solid #2e4e99;
}
.progress-table .progress-cell .progress-task-user {
  position: absolute;
  bottom: 3px;
  right: 3px;
  font-size: 12px;
}
.progress-table .workflow-label-cell {
  padding-top: 5px;
  padding-bottom: 5px;
}
.progress-table .workflow-label-cell .label-line {
  font-weight: 500;
}
.progress-table .workflow-label-cell .label-line a {
  color: #333;
}
.progress-table .workflow-label-cell .label-line a:hover {
  text-decoration: underline;
}
.progress-table .workflow-label-cell .info-line {
  color: #3f4d54;
}
#workflow-progress-container {
  margin-top: 25px;
  padding-bottom: 25px;
}
.workflow-progress-container h3 {
  margin-bottom: -50px;
}
.page-container .page-content .client-has-invoicing-based,
.page-container .page-content .client-is-study-based,
.page-container .page-content .workflow-trigger-based {
  display: none;
}
.workflow-trigger-label.meeting-tag-event-offset .meeting-tag-event-list,
.workflow-trigger-label.meeting-tag-event .meeting-tag-event-list {
  display: list-item;
}
.workflow-trigger-label.client-has-invoicing .client-has-invoicing-list,
.workflow-trigger-label.client-is-study .client-is-study-list {
  display: list-item;
}
.process-name {
  width: 200px;
}
.process-description {
  width: 350px;
}
.deployed-workflow-switch {
  margin-top: 6px;
  margin-right: 45px;
}
#timeline-form .start-workflow-people {
  width: 275px;
}
#timeline-form .start-process-details tbody tr td {
  padding: 6px;
}
#timeline-form .start-process-details tbody tr td.progress-cell {
  padding: 10px 20px;
}
#timeline-form input.default-due-input[type="number"] {
  padding: 2px;
  width: 40px;
  height: 22px;
}
#timeline-form .default-due-days {
  margin-left: 5px;
  float: left;
}
#timeline-form #tasks_wrapper {
  padding: 0;
  margin: 0;
}
.start-workflow-wrapper .checker {
  float: left;
  width: 30px;
  margin: auto;
}
.start-workflow-wrapper .checker + label {
  width: calc(100% - 85px);
  margin-top: 0px;
}
#task-tags ol.sort-list.not-grouped > li {
  border-right: thin solid #ddd;
}
.draggable_field .ck.ck-editor {
  display: block;
  max-width: 640px;
}
.draggable_field .draggable_field_icon .fa,
.draggable_field .draggable_field_icon .fas,
.draggable_field .draggable_field_icon .far {
  font-size: 20px;
  line-height: 1em;
  color: #000;
  width: 20px;
}
.survey_vote_results {
  margin-top: 1em;
  clear: both;
}
.question_info {
  clear: both;
}
.question_info .question-type-select,
.question_info .required-question {
  padding-left: 70px;
}
.question_info .question_info_available_answers {
  margin-top: 15px;
  padding-left: 55px;
}
.question_info .add-question-button {
  padding-left: 12px;
  margin-top: 5px;
}
.question_info_available_answers {
  margin-bottom: 20px;
}
.survey-rich-text {
  min-height: 90px;
}
.survey_vote_results_question_title {
  font-weight: bold;
}
.survey_vote_results_question_vote {
  font-style: italic;
  font-weight: normal;
  clear: both;
}
.client_user_survey_response {
  margin-bottom: 1em;
}
#survey-edit-form .question_info {
  margin-top: 15px;
}
#survey-edit-form .question_info .draggable_field_icon,
#survey-edit-form .question_info_available_answers_inner .draggable_field_icon {
  margin-top: 8px;
}
#survey-edit-form .question_info .question_label,
#survey-edit-form .question_info_available_answers_inner .question_label {
  height: auto;
}
#survey-edit-form .question_info .available-answer-container,
#survey-edit-form .question_info_available_answers_inner .available-answer-container {
  width: 80%;
  position: relative;
}
#survey-edit-form .question_info .date-picker,
#survey-edit-form .question_info_available_answers_inner .date-picker {
  font-size: 20px;
  position: absolute;
  top: 10px;
  right: 30px;
  cursor: pointer;
}
#survey-edit-form .question_info_available_answers .form-control {
  width: calc(100% - 60px);
}
#survey-edit-form .question-group {
  margin-top: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 5px;
}
#survey-edit-form .question-group .question-group-label-edit {
  height: auto;
}
#survey-edit-form .question-group .question-skips-modal {
  display: none !important;
}
#survey-edit-form .question-group ol:empty:before {
  content: "Drop questions here to add columns to this list";
  color: #3f4d54;
  font-style: italic;
}
#survey-edit-form ol {
  list-style-type: integer;
  border: 1px solid transparent;
  padding-left: 0px;
  font-size: 15px;
  margin-left: 15px;
}
#survey-edit-form ol li ol {
  min-height: 40px;
  width: 100%;
}
#survey-edit-form ol li ol:hover {
  border: thin dotted #657b87;
}
#survey-edit-form ol li {
  font-size: unset;
}
#survey-edit-form ol li.placeholder {
  position: relative;
  /** More li styles **/
}
#survey-edit-form ol li.placeholder:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  margin-top: -5px;
  left: -5px;
  top: -4px;
  border: 5px solid transparent;
  border-left-color: red;
  border-right: none;
}
#survey-edit-form ol > .note-editor {
  box-shadow: none;
  width: calc(100% - 60px);
}
#survey-edit-form label {
  margin-top: 5px;
}
#survey-edit-form .advanced-options {
  margin-top: 15px;
  padding-left: 70px;
}
#survey-edit-form .advanced-options .expand-item,
#survey-edit-form .advanced-options .minimize-item {
  color: #3f4d54;
  width: 100%;
}
#survey-edit-form .advanced-options .fa {
  font-size: 20px;
  vertical-align: text-top;
}
#survey-edit-form .advanced-options .maxi-min {
  width: 100%;
}
#survey-edit-form .dragged-over-item {
  border: thin dotted #657b87;
  background-color: #edf0f2;
}
.survey-title {
  font-size: 15px;
  margin-bottom: 10px;
}
.survey-title.shave-truncate {
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.survey-skip-required {
  position: absolute;
  right: 0;
  top: 0;
}
.survey-page .survey-group-title {
  padding-bottom: 10px;
  padding-top: 15px;
}
.survey-page .survey-list-add {
  margin: 10px 0 10px;
}
.survey-page .survey-group-wrapper {
  margin-left: 20px;
}
.survey-page .dataTable {
  padding-bottom: 0px;
}
.surveys .survey_vote_my_answers,
.modal-survey-response .survey_vote_my_answers {
  width: 100%;
}
.surveys .dataTables_wrapper,
.modal-survey-response .dataTables_wrapper {
  width: 100%;
  margin: 0;
}
.surveys .dataTables_wrapper .survey-group-table,
.modal-survey-response .dataTables_wrapper .survey-group-table {
  padding-bottom: 0px;
  width: 100%;
}
.surveys .dataTables_wrapper .survey-group-table .dataTables_info,
.modal-survey-response .dataTables_wrapper .survey-group-table .dataTables_info {
  display: none;
}
.surveys .dataTables_wrapper .survey-group-table .dataTables_paginate,
.modal-survey-response .dataTables_wrapper .survey-group-table .dataTables_paginate {
  display: none;
}
.survey-print-header {
  background-color: white;
}
.survey-response-header,
.survey-response-footer {
  margin: 20px 0 20px 0;
}
.survey-response-header .font-bold,
.survey-response-footer .font-bold {
  width: 120px;
  display: block;
  float: left;
}
.survey-response-header input,
.survey-response-footer input {
  width: 600px;
  border: none;
  margin-top: 1px;
}
.survey-response-footer {
  background-color: white;
}
.survey-questions .question-disabled table,
.survey-questions .question-disabled .survey-group-title,
.survey-questions .question-disabled .survey-question-label,
.survey-questions .question-disabled .survey-available-answers-container {
  opacity: 0.5;
}
.survey-questions .question-disabled .disabled-tooltip {
  z-index: 200;
  position: absolute;
  top: 17px;
  left: -25px;
  font-size: 16px;
  cursor: pointer;
}
.survey-questions .question-disabled-cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
.prefill-select {
  width: 400px;
}
body.multi-modal-overlay .modal-backdrop {
  visibility: hidden !important;
}
body.multi-modal-overlay .modal.in {
  background-color: rgba(0, 0, 0, 0.5);
}
.survey-row:fullscreen {
  background-color: white;
  padding: 0px;
}
@media (min-width: 768px) {
  .survey-row:fullscreen {
    border: none;
    padding: 50px !important;
    overflow-y: scroll;
  }
}
.select-many-select-container {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: 10px 0;
}
.select-many-select-container select {
  width: 40%;
}
.matched-question {
  margin-left: 25px;
}
.survey-confirm-table {
  margin: 15px 0;
}
.survey-confirm-table .dataTables_wrapper {
  margin: 15px 0 25px 0;
}
.survey-confirm-table .question-label-column {
  width: 350px;
}
.survey-confirm-table .confirm-datatable.dataTable > thead > tr > th {
  white-space: normal;
}
.survey-confirm-table .list-table-column {
  padding: 0;
}
.survey-group-container {
  position: relative;
}
#survey-list-buttons .btn {
  top: -5px;
}
.survey-search-advanced-options .form-group {
  margin-bottom: 10px;
}
.survey-search-advanced-options button {
  margin-top: 15px;
}
#survey-template-selector-container {
  display: none;
  width: 75%;
  margin-left: 30px;
  margin: 20px;
}
.template-picker-container {
  display: none;
  margin: 20px;
  margin-left: 30px;
}
.template-picker-container label {
  vertical-align: top;
  margin-bottom: 10px;
  margin-left: 5px;
}
.template-picker-container label,
.template-picker-container input {
  cursor: pointer;
}
.has-template-picker .template-picker-container {
  display: block;
}
.has-template-picker #survey-edit-form {
  display: none;
}
.new-task-card .question-type-select label.display-block {
  display: block;
  margin-bottom: 10px;
}
.new-task-card .question-type-select label.radio-inline {
  padding-left: 16px;
  margin-right: 16px;
}
.kpi .survey-questions .round-button.right {
  position: static;
  margin: 0;
}
.form-submission-message {
  display: none;
  text-align: center;
  font-weight: 500;
  margin-top: 25px;
}
.survey-questions.questions-block-config textarea {
  min-height: 85px;
}
.edit-response-info-container {
  text-align: center;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
.meeting-schedule-options {
  margin-left: 70px;
}
.meeting-schedule-options .meeting-schedule-duration {
  width: 50% !important;
  display: inline-block;
  margin-right: 15px;
}
.meeting-schedule-options .select2 {
  width: 50% !important;
  margin-right: 15px;
}
.meeting-schedule-options .meeting-schedule-quick-label {
  vertical-align: top;
  margin-left: 10px;
}
.meeting-schedule-options .meeting-schedule-quick-label,
.meeting-schedule-options .meeting-schedule-quick {
  cursor: pointer;
}
.survey-meeting-table-container {
  overflow: visible;
}
.survey-meeting-table-container h3 {
  margin-top: 20px;
  margin-bottom: 0px;
}
.survey-meeting-table-container .table > thead > tr > th {
  padding-top: 2px;
}
.survey-meetings-table {
  text-align: center;
  margin: 0 auto;
}
.survey-meetings-table thead tr {
  display: block;
}
.survey-meetings-table tbody {
  display: block;
  max-height: 300px;
  overflow: auto;
}
.survey-meetings-table .survey-meetings-users-column {
  width: 180px;
}
.survey-meetings-table .survey-meetings-column {
  width: 100px;
}
.survey-meetings-table td {
  border-right: 2px solid #C0CACF;
  padding: 10px;
}
.survey-meetings-table .survey-meetings-table-break td {
  border-bottom: 2px solid #C0CACF;
}
.survey-meetings-table .checkbox {
  margin-left: auto;
  margin-right: auto;
  width: 25px;
}
.survey-meetings-table .fa-check {
  color: #2eb872;
}
.survey-meetings-table .fa-times {
  color: #e85531;
}
.survey-meetings-table .fa-question-square {
  color: #C0CACF;
}
.survey-meetings-table tbody .fa,
.survey-meetings-table tbody .far {
  font-size: 25px;
}
.survey-meetings-table .summary-section {
  font-size: 15px;
  margin-top: 5px;
}
.survey-meetings-table .user-info-container {
  display: flex;
  align-items: center;
}
.survey-meetings-table .user-info-container .user-photo-container {
  flex: 0 0 40px;
}
.survey-meetings-table .user-info-container .user-name-container {
  text-align: left;
  margin-left: 10px;
}
.inline-survey-responses {
  margin-left: 10px;
  width: 100%;
}
.inline-survey-responses .client_user_survey_response .client_user_survey_response_question {
  width: 100%;
  margin-top: 5px;
}
.inline-survey-responses .client_user_survey_response .client_user_survey_response_answer {
  margin-left: 15px;
}
.inline-survey-responses .client_user_survey_response .client_user_survey_response_question_context {
  float: right;
}
.client_user_survey_response .client_user_survey_response_answer .attachment-link-container {
  display: flex;
  justify-content: space-between;
}
.client_user_survey_response .client_user_survey_response_answer .attachment-link-container .document-menu {
  margin-left: auto;
}
.survey-form .select2-selection--single .select2-selection__arrow:after {
  z-index: 2;
  position: absolute;
  pointer-events: none;
  right: 8px;
  content: '\e9c5';
  color: #657b87;
  font-family: 'icomoon';
  display: block;
  font-size: 22px;
  width: 16px;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.survey-form .select2-selection:not(.select2-selection--multiple) {
  height: 36px;
}
.survey-form .select2-selection {
  width: 100%;
  -webkit-appearance: none;
  padding-left: 0;
  padding-top: 6px;
  padding-bottom: 7px;
  border-radius: 2px;
  background-color: white;
  border: solid 1px rgba(101, 123, 135, 0.3);
  color: #657b87;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
  font-size: 13px;
  color: #191d1f;
}
.survey-form .select2-selection:hover,
.survey-form .select2-selection:focus {
  border: solid 1px rgba(101, 123, 135, 0.3);
  color: #657b87;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.16);
}
.survey-form .select2-container--default.select2-container--focus .select2-selection--multiple,
.survey-form .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]),
.survey-form .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]) {
  border-bottom: solid 1px rgba(101, 123, 135, 0.3);
  box-shadow: 0 1px 6px 0 rgba(101, 123, 135, 0.12), inset 0 0 8px 0 rgba(101, 123, 135, 0.3);
}
.survey-form .select2-container .select2-selection--single .select2-selection__rendered {
  padding-top: 3px;
  padding-left: 11px;
}
.select2-container--default .select2-results__option {
  margin: 0;
  border-radius: 2px;
  padding: 12px 50px 13px 12px;
  border-bottom: solid 1px #EDEFF1;
  color: #3f4d54;
  position: relative;
}
.survey-form .select2-selection--multiple {
  width: 100%;
  display: inline-block;
  padding: 4px 8px;
}
@media (min-width: 768px) {
  .survey-form .select2-selection--multiple {
    padding: 4px 11px;
  }
}
.survey-form .select2-selection--multiple .select2-selection__rendered {
  float: left;
}
.survey-form .select2-selection--multiple .select2-selection__choice {
  padding: 6px 9px 4px 11px;
  margin-right: 8px;
}
.survey-form .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice {
  background-color: #F6F7F8;
  border: none;
  border-radius: 2px;
}
.survey-form .select2-selection--multiple .select2-selection__choice .user-photo {
  margin-right: 6px;
  position: relative;
  top: -1px;
}
.survey-form .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  margin-left: 9px;
}
.admin-panel a {
  color: #3f4d54;
  font-size: 16px;
  padding: 20px;
  display: block;
}
.admin-panel a i {
  font-size: 24px;
  margin-right: 8px;
  float: left;
  padding-bottom: 1px;
}
.roles-config .role-item {
  margin-right: 5px;
  border-right: 1px solid #ddd;
}
.roles-config.roles-no-access {
  margin-bottom: 0px;
}
.roles-config #client-roles-items {
  position: relative;
}
.roles-config #client-roles-items .role-label-container {
  display: inline-block;
  width: 35%;
}
.roles-config #client-roles-items .role-info-container {
  display: flex;
  position: absolute;
  justify-content: space-between;
  left: 45%;
  width: 54%;
  margin-top: -25px;
}
.roles-config #client-roles-items .role-info-container .roles-allow-multiple {
  margin-top: -8px;
}
.roles-config #client-roles-items .dropdown-menu li {
  margin-bottom: 0px;
}
.roles-config #client-roles-items .dropdown-menu li a i {
  margin-top: 3px;
}
.roles-config #client-roles-items .dropdown-item-disabled {
  opacity: 0.5;
}
.roles-config #client-roles-items .dropdown-item-disabled a {
  cursor: default;
}
.roles-config .roles-header .roles-header-label {
  width: 45%;
  padding-left: 20px;
}
.roles-config .roles-header .roles-header-info {
  display: inline-flex;
  justify-content: space-between;
  width: 54%;
}
.roles-config .roles-allow-multiple {
  width: 105px;
}
.roles-config .roles-group {
  width: 150px;
}
.roles-config .roles-members {
  width: 100px;
}
.roles-config .roles-workflows {
  width: 105px;
}
.roles-config .roles-actions {
  width: 50px;
}
.role-filter a {
  color: white;
}
#add-new-role-group-button {
  position: absolute;
  top: 10px;
  right: 15px;
}
.admin-buttons-top {
  position: absolute;
  right: 20px;
  top: 15px;
}
.signature-requested {
  opacity: 0.5;
}
#users .fa-check {
  color: #2eb872;
}
#users .fa-times {
  color: #e85531;
}
.client-create-container .template-item-container {
  overflow: auto;
}
.workspace-approvals .workflow-detail-table {
  display: none;
}
.workspace-approvals .workflow-detail-table td {
  width: 20%;
}
.workspace-approvals .workflow-detail-table td.task-title {
  width: 30%;
}
.workspace-approvals .workflow-detail-table td.trigger-description {
  width: 30%;
}
.workspace-approvals .color-block {
  padding: 10px;
}
.workspace-approvals .color-text {
  text-align: center;
  margin: auto;
  display: block;
  width: 126px;
}
.workspace-approvals .workflow-details {
  margin-top: 20px;
  border-bottom: thin solid #dcdfe5;
  break-inside: avoid;
}
@media print {
  .workspace-approvals a i.far {
    display: none;
  }
  .workspace-approvals input[type='submit'],
  .workspace-approvals button {
    display: none;
  }
  .workspace-approvals .workflow-detail-table {
    display: block;
  }
  .workspace-approvals .hide-print {
    display: none;
  }
}
.workspace-approvals .btn-success {
  color: white;
  background-color: #5cb85c !important;
}
.workspace-approvals .btn-error {
  color: white;
  background-color: #d9534f !important;
}
.toggle-chevron {
  color: #3f4d54;
  font-weight: bold;
}
.template-selector {
  border: thin solid #C0CACF;
  text-align: center;
  height: 120px;
  margin-left: 5px;
  color: #3f4d54;
}
.template-selector .fa-check {
  position: absolute;
  display: none;
  right: 20px;
  bottom: 10px;
}
.template-selector.selected {
  border: thin solid #2eb872;
}
.template-selector.selected .fa-check {
  color: #2eb872;
  display: block;
}
.template-selector .template-snap {
  height: 60px;
  margin: 10px auto 12px auto;
  padding-top: 10px;
  width: 90%;
  display: block;
}
.success-check {
  color: #2eb872;
  display: block;
  position: absolute;
  right: 50px;
  bottom: 50px;
}
#workflow-bpmn-build {
  height: 600px;
  margin-top: 25px;
  border: 2px solid #d0d7db;
  background: white;
  cursor: grab;
}
#workflow-bpmn-build .djs-palette {
  display: none;
}
#workflow-bpmn-build .djs-context-pad .bpmn-icon-gateway-none,
#workflow-bpmn-build .djs-context-pad .bpmn-icon-end-event-none,
#workflow-bpmn-build .djs-context-pad .bpmn-icon-text-annotation,
#workflow-bpmn-build .djs-context-pad .bpmn-icon-screw-wrench {
  display: none;
}
#workflow-bpmn-build .djs-bendpoint {
  display: none;
}
#workflow-bpmn-build .inclusive-gateway .djs-context-pad .bpmn-icon-intermediate-event-none,
#workflow-bpmn-build .intermediate-throw-event .djs-context-pad .bpmn-icon-intermediate-event-none,
#workflow-bpmn-build .start-event .djs-context-pad .bpmn-icon-intermediate-event-none,
#workflow-bpmn-build .inclusive-gateway .djs-context-pad .bpmn-icon-end-event-none,
#workflow-bpmn-build .intermediate-throw-event .djs-context-pad .bpmn-icon-end-event-none,
#workflow-bpmn-build .start-event .djs-context-pad .bpmn-icon-end-event-none {
  display: none;
}
#workflow-bpmn-build .start-event .djs-context-pad .bpmn-icon-screw-wrench,
#workflow-bpmn-build .intermediate-throw-event .djs-context-pad .bpmn-icon-screw-wrench,
#workflow-bpmn-build .user-task .djs-context-pad .bpmn-icon-screw-wrench,
#workflow-bpmn-build .inclusive-gateway .djs-context-pad .bpmn-icon-screw-wrench,
#workflow-bpmn-build .sequence-flow.conditional-flow .djs-context-pad .bpmn-icon-screw-wrench,
#workflow-bpmn-build .task .djs-context-pad .bpmn-icon-screw-wrench {
  display: block;
}
#workflow-bpmn-build .event-full .djs-context-pad .bpmn-icon-task,
#workflow-bpmn-build .event-full .djs-context-pad .bpmn-icon-connection-multi {
  display: none;
}
#workflow-bpmn-build .user-task .djs-context-pad .bpmn-icon-task,
#workflow-bpmn-build .task .djs-context-pad .bpmn-icon-task {
  display: none;
}
#workflow-bpmn-build .user-task .djs-context-pad .bpmn-icon-gateway-none,
#workflow-bpmn-build .task .djs-context-pad .bpmn-icon-gateway-none {
  display: block;
}
#workflow-bpmn-build .task-has-conditional .djs-context-pad .bpmn-icon-gateway-none {
  display: none;
}
#workflow-bpmn-build.mousedown {
  cursor: grabbing;
}
.workflow-build-container {
  position: relative;
}
.workflow-build-container .workflow-build-title {
  text-align: center;
  font-size: 24px;
}
.workflow-build-container .workflow-build-description {
  text-align: center;
  margin-top: 10px;
}
#workflow-build-zoom-controls {
  display: flex;
  flex-direction: column;
  width: 50px;
  justify-content: space-between;
  height: 180px;
  position: absolute;
  left: -52px;
}
#workflow-build-zoom-controls .btn.btn-default {
  background-color: #657b87;
  color: white;
}
#workflow-build-controls {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 10px;
  z-index: 100;
  background: #EDF0F2;
  border: 1px solid #c5c5c5;
}
#workflow-build-controls .entry {
  height: 40px;
  width: 30px;
  font-size: 30px;
  cursor: pointer;
}
#workflow-title-container {
  text-align: center;
}
#workflow-title-container #workflow-title-display {
  font-size: 25px;
}
#workflow-title-container #workflow-edit {
  vertical-align: top;
  cursor: pointer;
  padding-left: 5px;
}
#workflow-form .btn {
  margin-top: 10px;
}
@media (max-width: 900px) {
  #workflow-bpmn-build {
    margin-top: 5px;
  }
  #workflow-build-zoom-controls {
    flex-direction: row;
    width: 200px;
    justify-content: space-between;
    height: 40px;
    position: static;
    left: 0;
    top: 0;
    margin-top: 5px;
  }
  #workflow-build-controls {
    top: 55px;
  }
}
.label-block-overlay {
  height: 45px;
  width: 85px;
  opacity: 0;
}
.modal-dialog .event-trigger-options,
.modal-dialog .repeatable-trigger-options,
.modal-dialog .trigger-options {
  display: none;
}
.djs-context-pad {
  z-index: 10;
}
#outcomes .outcome {
  margin: 10px 0;
}
#outcomes .outcome .fa {
  cursor: pointer;
  color: #657b87;
}
#outcomes .outcome .outcome-label {
  margin: 0 10px;
  display: inline-block;
  width: 60%;
}
.checklist-item.not-possible {
  opacity: 0.5;
}
.faded .djs-visual path {
  stroke: #C0CACF !important;
}
#report-select-wrapper {
  text-align: center;
  border-bottom: 1px solid #dcdfe5;
  padding-bottom: 15px;
  margin-bottom: 0;
}
#report-select-wrapper #report-select-container {
  width: 250px;
  display: inline-block;
}
#report-select-wrapper label {
  font-size: 16px;
  vertical-align: middle;
}
.report-filters .select2-selection--multiple {
  width: 100%;
  display: inline-block;
  padding: 4px 8px;
}
@media (min-width: 768px) {
  .report-filters .select2-selection--multiple {
    padding: 4px 11px;
  }
}
.report-filters .select2-selection--multiple .select2-selection__rendered {
  float: left;
}
.report-filters .select2-selection--multiple .select2-selection__choice {
  padding: 6px 9px 4px 11px;
  margin-right: 8px;
}
.report-filters .select2-selection--multiple li.select2-search.select2-search--inline {
  width: 100% !important;
}
.report-filters .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice {
  background-color: #F6F7F8;
  border: none;
  border-radius: 2px;
}
.report-filters .select2-selection--multiple .select2-selection__choice .user-photo {
  margin-right: 6px;
  position: relative;
  top: -1px;
}
.report-filters .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  margin-left: 9px;
}
.report-filters.panel {
  margin-top: 20px;
}
.report-filters.panel .filter-search-buttons {
  margin-bottom: 0px;
}
.report-empty {
  text-align: center;
  margin-top: 20px;
  font-size: 18px;
  color: #657b87;
}
.date-select-custom {
  margin-top: 15px;
}
#workspaces_documents-wrapper td {
  word-break: break-word;
}
.checkbox-group-container .checkbox-group-item {
  margin-left: 20px;
}
.checkbox-group-container .checkbox-group-item,
.checkbox-group-container .checkbox-group {
  margin-top: 3px;
}
.checkbox-group-container .checkbox-group {
  margin-top: 15px;
}
.checkbox-group-container input,
.checkbox-group-container label {
  cursor: pointer;
}
.report-buttons-top {
  position: absolute;
  right: 20px;
  top: 20px;
}
@media (max-width: 992px) {
  .report-buttons-top {
    position: static;
    text-align: center;
    margin-top: 10px;
  }
}
.filter-line-item-container {
  margin-left: 25px;
}
.filter-line-item-container .filter-line-item {
  margin-bottom: 10px;
}
.filter-line-item-container .filter-line-item > div {
  display: inline-block;
}
.filter-line-item-container .filter-line-item .item-name {
  margin: 0 15px;
  font-weight: bold;
}
.filter-line-item-container .filter-line-item .item-check {
  margin-right: 10px;
}
.filter-line-item-container .filter-line-item .item-check input {
  vertical-align: middle;
  cursor: pointer;
  margin-top: 0px;
  margin-right: 3px;
}
.filter-line-item-container .filter-line-item .item-check label {
  cursor: pointer;
}
.export-type-select {
  width: 200px;
  display: inline-block;
}
.load-report-select-container {
  display: inline-block;
}
@media (max-width: 480px) {
  .filter-search-buttons {
    text-align: center;
    width: 100%;
  }
  .filter-search-buttons .reset-button {
    display: block;
    margin: 0 auto;
  }
  .filter-export {
    text-align: center;
    width: 100%;
    margin-left: 0 !important;
  }
  .filter-export .export-button {
    margin-top: 10px;
  }
}
.dataTables_processing {
  display: block;
  height: 75%;
  top: 110px;
  background: rgba(255, 255, 255, 0.8);
  line-height: 40px;
}
.dataTables_processing .fa {
  font-size: 40px;
}
.dataTables_processing .proccessing-message {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
.management-container #management-table td {
  vertical-align: top;
}
.management-container #management-table .empty-user-cell {
  border-top: none;
}
.management-container #management-table .client-image-wrapper {
  margin-top: 10px;
  max-width: 125px;
}
.management-container #management-table .management-report-row {
  width: 165px;
  height: 35px;
}
.management-container #management-table .management-report-row.management-report-row-workflow {
  width: 275px;
}
.management-container #management-table .management-report-row .management-report-row-label {
  display: inline-block;
  width: 125px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.management-container #management-table .management-report-row .management-report-row-count-icon,
.management-container #management-table .management-report-row .management-report-row-count {
  vertical-align: top;
  display: inline-block;
  text-align: right;
}
.management-container #management-table .management-report-row .management-report-row-count {
  width: 40px;
}
.management-container #management-table .management-report-row .management-report-row-count-icon {
  width: 50px;
}
.management-container #management-table .management-report-row .management-report-row-count-icon i {
  margin-left: 5px;
  font-size: 15px;
}
.management-container #management-table .management-report-row .okay-icon {
  color: #2eb872;
}
.management-container #management-table .management-report-row .warn-icon {
  color: #f0ab3c;
}
.management-container #management-table .management-report-row .fail-icon {
  color: #e85531;
}
.management-container .member-name {
  margin-top: 10px;
  text-align: center;
}
.table .sub-total {
  display: none;
}
.table > tfoot > tr > td.sub-total,
.table > tbody > tr > td.sub-total {
  font-weight: bold;
  border-top: 1px solid #2e4e99;
  border-bottom: 1px solid #2e4e99;
}
.workflow-inner-report-filter {
  width: 135px;
  margin-left: 30px;
  float: left;
  height: 150px;
}
.workflow-inner-report-filter .date {
  width: 100px;
}
.workflow-inner-report-filter > label {
  font-weight: bold;
  height: 20px;
  display: block;
}
.workflow-inner-report-filter > label.weight-normal {
  font-weight: normal;
}
.workflow-data-view-table-wrapper {
  overflow-x: scroll;
}
.workflow-data-view-table-wrapper > table {
  margin-top: 75px;
}
.workflow-data-view-table-wrapper > table > tbody > tr > td[data-filter] {
  min-width: 60px;
  text-align: center;
  padding: 5px;
}
.workflow-data-view-table-wrapper .workflow-data-task-table {
  height: 100%;
  top: 0px;
}
.workflow-data-view-table-wrapper .status-square-completed {
  color: #2eb872;
}
.workflow-data-view-table-wrapper .status-square-overdue {
  color: #e85531;
}
.workflow-data-view-table-wrapper .status-square-due-soon {
  color: #edd432;
}
.table > tbody > tr > td.align-top,
.align-top {
  vertical-align: top;
}
.signer-icon {
  width: 20px;
  height: 20px;
  margin-left: 1px;
  border-radius: 5px;
  float: left;
  border: 2px solid transparent;
  overflow: hidden;
  color: white;
  text-align: center;
}
.signer-icon.signed {
  background-color: #2eb872;
}
.signer-icon.await {
  border: 2px solid #2eb872;
  color: #2eb872;
  background-color: transparent;
}
.signer-icon.delete {
  background-color: #e85531;
}
.signer-icon.decline {
  background-color: #e85531;
}
.signer-icon.not-sent {
  background-color: #e8e8e8;
}
.signer-icon.none {
  border: 2px solid transparent;
  color: #3f4d54;
}
.signer-icon.waiting {
  background-color: transparent;
  border: 2px solid #e8e8e8;
  color: #3f4d54;
}
.signer-icon.burned {
  border: 2px solid #e85531;
}
.signer-icon i {
  padding-top: 2px;
}
.member-integrations .integration-item {
  border-radius: 2px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
  border: solid 1px #dcdfe5;
  padding: 20px;
  height: 225px;
  position: relative;
}
.member-integrations .integration-item.integration-small {
  height: 200px;
}
.member-integrations .integration-item .integration-title {
  font-size: 22px;
  margin-bottom: 15px;
}
.member-integrations .integration-item .integration-image {
  height: 40px;
  margin-bottom: 15px;
}
.member-integrations .integration-item .integration-image.zoom {
  height: 30px;
  margin-top: 5px;
  margin-bottom: 20px;
}
.member-integrations .integration-item .integration-image.ms-office {
  height: 75px;
  margin-top: -20px;
  margin-bottom: 0px;
  margin-left: -15px;
}
.member-integrations .integration-item.square-image .integration-image {
  height: 100px;
  display: inline-block;
  width: 20%;
  vertical-align: top;
  margin-right: 40px;
}
.member-integrations .integration-item.square-image .integration-description {
  display: inline-block;
  width: 65%;
}
.member-integrations .integration-item .integration-buttons {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
}
.member-integrations .integration-item .integration-active {
  top: 10px;
  right: 20px;
  position: absolute;
  font-size: 25px;
  color: #2eb872;
}
.user-setup-content .panel-body h3 {
  margin-top: 0px;
}
.terms-label {
  vertical-align: text-bottom;
}
.required-items-container {
  margin-left: 40px;
}
.required-item {
  margin-top: 15px;
  margin-bottom: 15px;
}
.required-item button {
  width: 140px;
}
.required-item .required-item-complete {
  width: 30px;
  display: inline-block;
  font-size: 18px;
  vertical-align: middle;
}
.required-item .required-item-complete.required-item-complete-terms {
  line-height: 120px;
  vertical-align: bottom;
}
.required-item .required-item-label {
  width: 300px;
  display: inline-block;
  text-align: left;
}
.required-item .required-item-label.required-item-label-terms {
  line-height: 68px;
  vertical-align: bottom;
}
.required-item .required-item-action {
  width: 100px;
  display: inline-block;
}
.required-item .required-item-action.required-item-action-terms {
  width: 400px;
  overflow-y: scroll;
  max-height: 120px;
}
.required-item .required-item-action .action-message {
  overflow: visible;
  white-space: nowrap;
  font-size: 12px;
  font-weight: bold;
}
.replace-user .permissions-details {
  width: 80%;
  margin: auto;
}
.replace-user .permissions-details hr {
  margin-top: 15px;
}
.replace-user .replace-block .fas {
  margin-top: 4px;
}
.payment-options {
  text-align: center;
}
.payment-options .payment-option {
  display: inline-block;
  width: 300px;
  border: 2px solid #ccc;
  border-radius: 2px;
  text-align: center;
}
.payment-options .payment-option .payment-option-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 5px;
}
.payment-options .payment-option .payment-option-icon {
  font-size: 40px;
}
.payment-options .payment-option .payment-option-footer {
  height: 40px;
  line-height: 40px;
  border-top: 2px solid #ddd;
}
.payment-options .payment-option.selected {
  border-color: #2eb872;
}
.payment-options .payment-option.selected .payment-option-footer {
  color: #2eb872;
  border-color: #2eb872;
}
#invoice-edit .form-group-flex .flex-radio-option label {
  display: -webkit-box;
  display: flex;
  font-size: 13px;
  font-weight: normal;
  line-height: inherit;
}
#invoice-edit .form-group.half-group {
  width: 50%;
}
#invoice-edit .tax-percent {
  position: absolute;
  right: -15px;
  top: 30px;
  font-size: 17px;
}
#invoice-edit .form-group-range input {
  display: inline-block;
  width: 20%;
}
#invoice-edit .daterangepicker {
  margin-top: 65px;
}
#invoice-edit .invoice-summary .invoice-summary-header {
  margin-bottom: 20px;
  display: -webkit-box;
  display: flex;
}
#invoice-edit .invoice-summary .invoice-summary-header .header-info {
  width: 50%;
  margin-right: 5%;
}
#invoice-edit .invoice-summary .invoice-summary-header .header-invoice-data {
  width: 45%;
}
#invoice-edit .invoice-summary .invoice-summary-header .header-invoice-data .invoice-data-item {
  position: relative;
  margin-bottom: 5px;
}
#invoice-edit .invoice-summary .invoice-summary-header .header-invoice-data .invoice-data-item .daterangepicker {
  margin-top: 0px;
}
#invoice-edit .invoice-summary .invoice-summary-header .header-invoice-data .invoice-data-item label {
  line-height: 36px;
  margin-right: 15px;
}
#invoice-edit .invoice-summary .invoice-summary-header .header-invoice-data .invoice-data-item input.form-control,
#invoice-edit .invoice-summary .invoice-summary-header .header-invoice-data .invoice-data-item select.form-control {
  width: 135px;
  float: right;
}
#invoice-edit .invoice-summary .invoice-summary-body {
  margin-left: 10px;
  margin-right: 10px;
}
#invoice-edit .invoice-summary .invoice-summary-footer {
  display: -webkit-box;
  display: flex;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid;
}
#invoice-edit .invoice-summary .invoice-summary-footer .footer-notes {
  width: 60%;
  margin-right: 5%;
}
#invoice-edit .invoice-summary .invoice-summary-footer .footer-costs {
  width: 35%;
  margin-right: 40px;
}
#invoice-edit .invoice-summary .line-items-headers {
  border-bottom: 1px solid #CCC;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
#invoice-edit .invoice-summary .line-items-headers,
#invoice-edit .invoice-summary .line-item {
  display: -webkit-box;
  display: flex;
}
#invoice-edit .invoice-summary .line-item {
  margin-top: 10px;
  line-height: 36px;
  position: relative;
}
#invoice-edit .invoice-summary .line-item .grip-icon {
  position: absolute;
  left: -20px;
  cursor: pointer;
}
#invoice-edit .invoice-summary .line-item .delete-icon {
  position: absolute;
  right: -20px;
  cursor: pointer;
}
#invoice-edit .invoice-summary .line-item-description {
  width: 40%;
}
#invoice-edit .invoice-summary .line-item-date {
  width: 20%;
  padding-left: 5px;
}
#invoice-edit .invoice-summary .line-item-hours {
  width: 15%;
}
#invoice-edit .invoice-summary .line-item-rate {
  width: 15%;
}
#invoice-edit .invoice-summary .line-item-amount {
  width: 10%;
}
#invoice-edit .cost-item {
  margin-bottom: 5px;
}
#invoice-edit .cost-item div {
  display: inline-block;
}
#invoice-edit .cost-item .cost-item-cost {
  float: right;
}
#invoice-edit .cost-item.cost-total {
  border-top: 1px solid;
  padding-top: 5px;
}
#invoice-edit .add-line-item-button {
  margin-left: -20px;
  margin-top: 10px;
}
#invoice-edit .invoice-summary.preview-mode .invoice-preview-header {
  display: flex;
  display: -webkit-box;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid black;
}
#invoice-edit .invoice-summary.preview-mode .invoice-preview-header .invoice-preview-header-left {
  width: 80%;
}
#invoice-edit .invoice-summary.preview-mode .invoice-preview-header .invoice-preview-header-left .invoice-preview-title {
  font-size: 30px;
}
#invoice-edit .invoice-summary.preview-mode .invoice-preview-header .invoice-preview-header-right {
  width: 20%;
}
#invoice-edit .invoice-summary.preview-mode .delete-icon,
#invoice-edit .invoice-summary.preview-mode .grip-icon {
  display: none;
}
#invoice-edit .invoice-summary.preview-mode label {
  white-space: nowrap;
}
#invoice-edit .invoice-summary.preview-mode textarea,
#invoice-edit .invoice-summary.preview-mode input,
#invoice-edit .invoice-summary.preview-mode select {
  border: none;
  box-shadow: none;
  padding-left: 0;
}
#invoice-edit .invoice-summary.preview-mode select {
  -webkit-appearance: none;
  appearance: none;
}
#invoice-edit .invoice-summary.preview-mode #invoice-due {
  text-align: right;
}
#invoice-edit .invoice-summary.preview-mode .line-items-headers {
  border-top: 1px solid white;
  border-bottom: 1px solid #CCC;
}
#invoice-edit .invoice-summary.preview-mode .footer-costs {
  padding-right: 40px;
}
#invoice-edit #invoice-preview-container iframe {
  width: 100%;
  height: 550px;
}
.skeleton {
  position: relative;
  overflow: hidden;
}
.skeleton.skeleton-text {
  border-radius: 4px;
}
.skeleton::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite linear;
  z-index: 1;
}
.skeleton > * {
  visibility: hidden;
}
@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.card.select-client {
  color: #3f4d54;
}
.card.select-client a,
.card.select-client a:hover {
  color: #3f4d54;
}
.project-manager #process-list .fa-trash-alt,
.project-manager #process-list .fa-pencil {
  font-size: 16px;
  margin-right: 5px;
  margin-top: 2px;
}
.project-manager .member-list .fa-trash-alt {
  font-size: 16px;
  margin-right: 5px;
  margin-top: 2px;
}
.project-manager #schedule-dirty-notice {
  padding: 8px;
  color: #FF9800;
}
.project-manager .generated-schedule {
  padding-left: 20px;
}
.project-manager #meeting-list {
  margin-bottom: 10px;
}
.project-manager .meeting-wrapper {
  display: flex;
  align-items: center;
  margin-top: 10px;
  gap: 8px;
}
.project-manager .meeting-wrapper .fa-trash-alt {
  font-size: 20px;
}
.project-manager .meeting-wrapper input.date {
  display: inline-block;
}
.project-manager .meeting-wrapper .org-flag {
  display: none;
}
.project-manager .meeting-wrapper.organizational .org-flag {
  display: inline;
}
.project-manager .meeting-wrapper .manual-flag {
  display: none;
}
.project-manager .meeting-wrapper.manually-added .manual-flag {
  display: inline;
}
.grid-report .table td,
.grid-report .table th {
  padding: 5px;
}
.grid-report .table th,
.grid-report .table td[type='bold'] {
  font-weight: bold;
}
.grid-report .table .spacer-row {
  border: none;
  border-top: thin solid #ddd;
  height: 40px;
}
.grid-report .table .spacer-row td {
  border: none;
}
.grid-report .table .spacer-row + tr,
.grid-report .table .spacer-row + tr td {
  border-top: none;
}
.grid-report .label-column {
  width: 160px;
  overflow: hidden;
  font-weight: bold;
}
.grid-report .grid-table-legend {
  margin-bottom: 25px;
}
.grid-report .grid-table-legend .color-title {
  float: left;
  margin-left: 5px;
  margin-bottom: 15px;
}
.grid-report .grid-table-legend .grid-report-color {
  float: left;
  width: 12px;
  height: 12px;
  display: block;
  margin-left: 25px;
  margin-top: 4px;
  border: thin solid #657b87;
}
.project-breakdown {
  padding-bottom: 10px;
}
.project-breakdown hr {
  margin-left: -20px;
  width: calc(100% + 40px);
  border-top-color: #2e4e99;
}
.project-breakdown .date-switcher {
  font-size: 20px;
  width: 100%;
}
.project-breakdown .date-switcher a {
  color: #3f4d54;
}
.project-breakdown .date-switcher .month-title {
  width: 160px;
  display: inline-block;
  text-align: center;
}
.project-breakdown .date-switcher .white {
  color: white;
}
.project-breakdown .title {
  width: 80%;
  float: left;
}
.project-breakdown h4 {
  padding-bottom: 0px;
  margin-bottom: -10px;
}
.project-breakdown .hours {
  width: 20%;
  float: right;
}
.project-breakdown .process-group {
  border-top: thin solid #657b87;
  margin-top: 3px;
}
.clickable {
  cursor: pointer;
}