/**********************************************************************/
/* ICONS
/**********************************************************************/
#admin-menu a.agile { background-image: url(../images/agile.png);}
.icon-fullscreen { background-image:  url(../images/fullscreen.png); }

/**********************************************************************/
/* FULLSCREEN
/**********************************************************************/
@font-face {
    font-family: 'Material Design Icons';
    src: url('/material_design/fonts/materialdesignicons-webfont.ttf')
}
@font-face {
    font-family: 'Nexa Bold';
    src: url('/themes/vnc_responsive/fonts/Nexa Bold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope-Bold';
    src: url('../fonts/Manrope-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Manrope-Light';
    src: url('../fonts/Manrope-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/themes/vnc_responsive/fonts/SourceSansPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html.agile-board-fullscreen {
  overflow: hidden;
}

html.agile-board-fullscreen div.agile-board {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 20;
  background: white;
  overflow-y:scroll;
}

html.agile-board-fullscreen table.list.issues-board {
  min-height: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
}

html.agile-board-fullscreen .icon-fullscreen {
  position: fixed;
  right: 5px;
  top: 5px;
  z-index: 21;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
}

div.agile-board.autoscroll {
  overflow-x: hidden;
  overflow-y: hidden;
  /*width: calc(100% + 10px);*/
  margin-bottom: 0px !important;
  bottom: 0px !important;
  overflow: initial !important;
}
div.agile-board .container-fixed {
  overflow-x: scroll;
  /*margin-top: 8px;*/
  background: var(--neutral_10);
  overflow: initial !important;
}
#dashboards #agile-board-container .container-fixed { overflow: hidden; }

div.agile-board .board-headers {
  min-height: 36px;
  position: sticky;
  top: 0px;
  height: 80px;
  z-index: 2;
}

/**********************************************************************/
/* BOARD SETTINGS
/**********************************************************************/
table.options tr > td {
  white-space: nowrap;
}

.card-fields label.floating, .board-columns label.floating {
  text-align: left;
  width: 200px;
  float: left;
  display: flex;
  white-space: normal;
  word-break: break-word;
  align-items: center;
}

.board-columns label.floating {
  width: auto;
}

#board-columns .board-columns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

#board-columns label.floating {
  width: 250px;
}

.controller-agile_queries .board-columns label.floating {
  width: auto !important;
  margin-right: 8px;
}

/* Agile board changes for stycky headers */

body:is(.controller-agile_achievements, .controller-agile_boards) #sidebar {
  width: 25vw;
}

body:is(.controller-agile_achievements, .controller-agile_boards) #wrapper4 {
  display: flex;
  flex-direction: row;
}


/**********************************************************************/
/* PLANNING BOARD
/**********************************************************************/
table.versions-planning-board {
  border-spacing: 10px;
  width: 100%;
}

table.versions-planning-board td.issue-version-col {
  vertical-align: top;
  height: 400px;
}

table.list.versions-planning-board input#search.autocomplete {
  width: 100%;
  padding-left: 24px !important;
  background: url(/themes/vnc_responsive/icon/product/search.svg) no-repeat 4px 50%;
  background-size: 18px;
}

table.list.versions-planning-board tbody tr,
table.list.versions-planning-board tbody tr:hover {background-color: white;}
table.list.versions-planning-board .header-hours {
  float: right;
  vertical-align: baseline;
  height: 26px;
  line-height: 26px;
}

.versions-planning-board .issue-card {
  padding: 4px 8px;
}

.versions-planning-board .issue-card a,
.versions-planning-board .issue-card {
  font-family: "Manrope";
  font-size: 14px;
}

.versions-planning-board .issue-card .hours {
  color: var(--neutral_A600);
  font-family: "Manrope";
  font-size: 12px;
  margin-right: 4px;
}

/**********************************************************************/
/* AGILE BOARD
/**********************************************************************/
table.list.issues-board.columns-count-1 { max-width: 100%; width: 480px;  }
table.list.issues-board.columns-count-2 { max-width: 100%; width: 960px;  }
table.list.issues-board.columns-count-3 { max-width: 100%; width: 1440px; }

table.list.issues-board th {
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 260px;
  background-color: var(--white);
}

table.list.issues-board tbody tr,
table.list.issues-board tbody tr:hover {background-color: white;}

.assignable-user.draggable-active {
  padding: 5px;
  border: 1px solid #D5D5D5;
  background-color: #ffffdd;
}

table.issues-board td.issue-status-col.closed {background-color: #FAFAFA;}

.closed-issue-card div:not(.fields),
.closed-issue-card div.project > *:not(.description-popup),
.issue-card.meta-entry.closed-issue-card td:not(.issue-stamp-row),
.issue-card.user-application.closed-issue-card td:not(.issue-stamp-row){
    opacity: 0.5;
}

.closed-issue-card div.project,
.closed-issue-card div.description-popup {
  opacity: 1;
}

table.issues-board tr.group.swimlane {height: 30px;}
table.issues-board tr.group.swimlane td {border-top: 0px;}

table.issues-board tbody td,
table.issues-board tbody tr.issue:hover td {border: 0px;}


table.issues-board > tbody > tr > td.issue-status-col {
  height: 196px;
  min-width: 260px;
  background: var(--neutral_30);
}

table.issues-board > tbody > tr > td {
  max-width: 200px;
  min-width: 200px;
  vertical-align: top;
  border: none;
}

table.issues-board.minimize-closed td.issue-status-col.closed .issue-card {
  width: 10px;
  float: left;
}
table.issues-board.minimize-closed td.issue-status-col.closed .issue-card span.fields {display: none;}

/**********************************************************************/
/* ISSUE  NEW AGILE CARD
/**********************************************************************/
.issue-card-new .select2-container {
    width: 100%;
}

.issue-card-new .select2-container .select2-choice {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--black);
    outline: none;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 0px;
    background: url(../images/chevron-down.png) no-repeat right;
    -webkit-appearance: none;
    appearance: none;
    padding-bottom: 1px;
    padding-left: 2px !important;
    background-size: 0;
}
.issue-card-new .select2-container .select2-choice span {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    color: var(--black);
    white-space: normal;
    width: calc(100% - 16px);
    word-break: break-all;
}
.issue-card-new .select2-container .select2-choice div {
    display: block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: unset;
    border-left: none;
    filter: none;
}
.issue-card-new .select2-container .select2-choice div b {
    display: block;
    width: 100%;
    background: url(../images/chevron-down.png) no-repeat right;
}
.issue-card-new .select2-container .select2-choice {
  height: unset;
  line-height: 16px;
  padding-left: 6px;
}
.issue-card-new .select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0);
    box-shadow: 0 0 5px rgba(0,0,0,0);
}

.issue-card-new .select2-default {
  color: var(--neutral_600) !important;
}
/**********************************************************************/
/* ISSUE CARD
/**********************************************************************/
.issue-card {
  margin: 12px 8px;
  word-wrap: break-word;
  text-align: left;
  white-space: normal;
  cursor: pointer;
  border-radius: 4px;
  position: relative;
  box-shadow: var(--shadow_small);
  background: var(--white);
}

.issue-card .error {
  box-shadow: 0px 0 0 1px var(--red_600);
  border-radius: 4px;
  margin: 1px !important;
}

.issue-card .error.hover {
  box-shadow: 0px 0 0 1px var(--red_600);
  border-radius: 4px;
  border: 0px solid var(--neutral_30) !important;
}

.issue-card.add_comment {
  box-shadow: 0 4px 6px 0 rgba(7, 29, 51, 0.2), 0 1px 2px 0 rgba(7, 29, 51, 0.1);
}
.issue-card > * {
  font-family: 'Manrope-SemiBold', sans-serif;
  color: var(--neutral_A200);
  font-size: 9px;
}
.issue-card > .tooltip { padding: 0; }
.issue-card:hover {
  box-shadow: var(--shadow_header);
}
.issue-card .fields {
  padding: 8px;
  position: relative;
}

.issue-card.float-left {float: left;}
.issue-card.closed-issue {width: auto;}
.issue-card .tip{ position: fixed; margin-left: -180px; margin-top: 20px;}
.issue-card .tip table {
  table-layout: fixed;
  width: 100%;
}
.issue-card .attributes,
.issue-card .thumbnail {
  height: 145px;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  margin: 5px;
}
.issue-card .checkbox {display: none;}
.issue-card .avatar {float: left; margin-right: 5px;}
.issue-card p.name {font-weight: bold;}
.issue-card > .project {
  border-radius: 5px 5px 0% 0%;
  text-align: unset;
  position: relative;
  margin: var(--padding_n) var(--padding_m) var(--padding_n) var(--padding_n);
  display: flex;
  height: 60px !important;
}

.issue-card > .issue-card__header {
  position: relative;
  display: flex;
  max-height: 48px;
  gap: 8px;
  min-height: 48px;
  padding: 6px 8px 6px 6px;
  flex: 1;
  border-radius: 4px 0px 0px 0px;
}
.issue-card > .project::after,
.issue-card > .issue-card__header::after {
  content: "";
  display: block;
  width: calc(100% - 20px);
  left: 11px;
  height: 1px;
  background-color: var(--neutral_300);
  position: absolute;
  bottom: 0;
}

.issue-card__header .assigned { position: relative; }

.issue-card .tracker-and-id {
  width: 99%;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: left;
  color: #317bbc;
}
.issue-card .hours {
  width: 26px;
  height: 9px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.5;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral_600);
}
.issue-card .hidden-values .description, .issue-card .hidden-values .last_comment {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow-y: hidden;
  width: calc(100% - 18px);
}
.issue-card .description, .issue-card .last_comment {
  font-family: 'Manrope';
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  color: var(--black);
  font-weight: 500;
  letter-spacing: -0.22px;
}
.issue-card .label {
  font-family: 'Manrope-Bold';
  font-size: 12px;
  color: var(--black);
  line-height: 16px;
}

.issue-card .tags-select-box .label {
  margin-right: 4px;
}
.issue-card select {
  max-width: calc(100% - 35px);
}

.issue-card .row-wrapper {
  display: flex;
  box-sizing: content-box;
  height: 16px;
  column-gap: 6px;
  line-height: 16px;
}

.issue-card .row-wrapper > .row-wrapper__item {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1 1;
}

.issue-card .row-wrapper > .row-wrapper__item > .icon {
  min-width: 16px;
  height: 16px;
  background-color: #606B76;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  padding: 0;
}

.issue-card .row-wrapper > .row-wrapper__item:hover .icon {
  background-color: var(--blue_500);
}

.issue-card .row-wrapper > .row-wrapper__item:hover .field-value:not(.priority) {
  color: var(--blue_500);
}

.user-admin-icon {
  mask: url(/themes/vnc_responsive/icon/product/admin_new_02.svg);
  -webkit-mask: url(/themes/vnc_responsive/icon/product/admin_new_02.svg);
}
.user-icon {
  mask: url(/themes/vnc_responsive/icon/product/user_new.svg);
  -webkit-mask: url(/themes/vnc_responsive/icon/product/user_new.svg);
}
.project-icon {
  mask: url(/themes/vnc_responsive/icon/product/folder_open_agile.svg);
  -webkit-mask: url(/themes/vnc_responsive/icon/product/folder_open_agile.svg);
}
.flag-icon {
  mask: url(/themes/vnc_responsive/icon/product/flag.svg);
  -webkit-mask: url(/themes/vnc_responsive/icon/product/flag.svg);
}
.version-icon {
  mask: url(/themes/vnc_responsive/icon/product/refresh_card.svg);
  -webkit-mask: url(/themes/vnc_responsive/icon/product/refresh_card.svg);
}
.date-icon {
  mask: url(/themes/vnc_responsive/icon/product/date_new.svg);
  -webkit-mask: url(/themes/vnc_responsive/icon/product/date_new.svg);
}
.date-icon {
  mask: url(/themes/vnc_responsive/icon/product/date_new.svg);
  -webkit-mask: url(/themes/vnc_responsive/icon/product/date_new.svg);
}
.product-time-icon {
  mask: url(/themes/vnc_responsive/icon/product/time_new.svg);
  -webkit-mask: url(/themes/vnc_responsive/icon/product/time_new.svg);
}
.product-timer-icon {
  mask: url(/themes/vnc_responsive/icon/product/timer_new.svg);
  -webkit-mask: url(/themes/vnc_responsive/icon/product/timer_new.svg);
}
.product-time-spent-icon {
  mask: url(/themes/vnc_responsive/icon/product/time_spent_new.svg);
  -webkit-mask: url(/themes/vnc_responsive/icon/product/time_spent_new.svg);
}

.issue-card .row-wrapper > .row-wrapper__item > .field-value {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
          line-clamp: 1;
  -webkit-box-orient: vertical;

  font-family: 'Manrope';
  font-size: 11px;
  font-weight: 600;
  color: #434b53;
  word-break: break-all;
  margin: 0;
  width: auto !important;
}
.issue-card .row-wrapper > .row-wrapper__item > .field-value:not(.priority) {
  border-bottom: 1px dotted gray;
}

.issue-card .row-wrapper > .row-wrapper__item > .priority {
  box-sizing: border-box;
  max-height: 20px;
  padding: 4px;
  border-radius: 2px;
  color: var(--white);
  display: flex;
  align-items: center;
  background-image: url(/themes/vnc_responsive/icon/product/arrow_down_new.svg);
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: calc(100% - 4px) 50%;
  width: 100% !important;
  overflow: visible;
}

.issue-card .row-wrapper:not(:first-of-type) {
  margin-top: 10px;
}

.issue-card .row-wrapper.due_date{
  margin-top: 18px;
}

.issue-card .row-wrapper td {
  padding-left: 4px;
}
.issue-card .row-wrapper.additional-padding {
  margin-top: 12px;
}
body#contains-agile-board.collapsed .issue-card:not(.custom-state) .row-wrapper.additional-padding,
.issue-card.collapsed .row-wrapper.additional-padding,
.collapsed .issue-card:not(.custom-state) .row-wrapper.additional-padding {
  margin-top: 20px;
}
.issue-card .row-wrapper .field-value,
.issue-card .row-wrapper .field-value span,
.issue-card .row-wrapper .field-value span a,
.issue-card .row-wrapper .field-value > a,
.field-value.due_date input.hasDatepicker {
  font-family: 'Manrope';
  font-size: 11px;
  font-weight: 600;
  color: var(--neutral_A200);
  line-height: 16px;
  vertical-align: middle;
}

.issue-card .row-wrapper .field-value.target-version span {
  overflow: hidden;
}

.issue-card .row-wrapper .field-value span.select2-chosen {
  line-height: 16px;
}

.issue-card .row-wrapper .field-value.priority span.select2-chosen {
  line-height: 20px;
}

.issue-card .row-wrapper .field-value.tracker,
.issue-card .row-wrapper .field-value.target-version > span {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  border-top: none;
  box-sizing: border-box;
  display: -webkit-inline-box;
  word-break: break-all;
  height: 18px;
  width: auto;
}
.issue-card .row-wrapper .field-value:not(.priority) span,
.issue-card .row-wrapper .field-value span a,
.issue-card .row-wrapper .field-value > a,
#content .agile-board .issue-card .add,
.field-value.due_date input.hasDatepicker {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: var(--neutral_500);
  text-underline-offset: 2px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  border-top: none;
  box-sizing: border-box;
  display: -webkit-inline-box;
  word-break: break-all;
  height: 16px;
  width: auto;
}

#content .agile-board .issue-card .add,
#content .agile-board .issue-card .flex-contaner .field-value a,
#content .agile-board .issue-card .dates .field-value a {
  width: auto;
}

.issue-card .row-wrapper .field-value.status span a {
  width: auto;
  margin-right: 4px;
}

.issue-card .select2-container {
  background: none;
  padding-right: 0px !important;
  border: none !important;
  margin: 0px;
}

.issue-card .row-wrapper .field-value .select2-container a {
  width: 100%;
  padding-left: 0px;
}

.issue-card .row-wrapper .field-value.tracker {
  display: inline-block;
  width: auto !important;
  max-width: calc(100% - 20px) !important;
}

.issue-card.issue-card-priority-5 .row-wrapper .field-value.status {
  padding-right: 20px;
}

.issue-card .row-wrapper .field-value.due_date {
  display: inline-block;
}

.row-wrapper.hide-collapsed.due_date .robot_field_error {
    top: 5px;
}

span.field-with-icon.robot_field_error .due_date a {
    line-height: 11px;
}

.field-wrapper {
  width: auto;
  padding: 4px 0px;
  margin: 0px !important;
}

.issue-card .row-wrapper .field-value.in-status {
  font-family: 'Manrope-SemiBold', sans-serif;
  font-size: 10px;
  display: block;
  line-height: 16px;
  height: 16px;
  margin-left: 20px;
  width: fit-content !important;
  margin-top: -4px;
}

.issue-card .row-wrapper .field-value.in-status.pulser {
  color: var(--red_400);
}

.issue-card .row-wrapper .field-value.in-status.pulser:after {
  display: none;
}

/* Agile card icons */

.issue-card .row-wrapper .project_field.title {
  mask: url(/themes/vnc_responsive/icon/product/folder_open_agile.svg);
  -webkit-mask: url(/themes/vnc_responsive/icon/product/folder_open_agile.svg);
}

.issue-card .row-wrapper .tracker_field.title {
  mask: url(/themes/vnc_responsive/icon/product/admin_new_02.svg);
  -webkit-mask: url(/themes/vnc_responsive/icon/product/admin_new_02.svg);
}

.issue-card .row-wrapper .field_fixed_version.title {
  mask: url(/themes/vnc_responsive/icon/product/refresh_card.svg);
  -webkit-mask: url(/themes/vnc_responsive/icon/product/refresh_card.svg);
}

.issue-card .row-wrapper .field_estimated_hours.title {
  mask: url(/themes/vnc_responsive/icon/product/time_new.svg);
  -webkit-mask: url(/themes/vnc_responsive/icon/product/time_new.svg);
}

.issue-card .row-wrapper .field_spent_hours.title {
  mask: url(/themes/vnc_responsive/icon/product/timer_new.svg);
  -webkit-mask: url(/themes/vnc_responsive/icon/product/timer_new.svg);
}

.issue-card .row-wrapper .field_ota.title {
  mask: url(/themes/vnc_responsive/icon/product/time_spent_new.svg);
  -webkit-mask: url(/themes/vnc_responsive/icon/product/time_spent_new.svg);
}

.issue-card .row-wrapper .label.due_date {
  mask: url(/themes/vnc_responsive/icon/product/date_new.svg);
  -webkit-mask: url(/themes/vnc_responsive/icon/product/date_new.svg);
}

.issue-card .row-wrapper .label.id {
  mask: url(/themes/vnc_responsive/icon/product/remark-new.svg);
  -webkit-mask: url(/themes/vnc_responsive/icon/product/remark-new.svg);
}

.issue-card .row-wrapper .assigned_to.title {
  mask: url(/themes/vnc_responsive/icon/product/user_new.svg);
  -webkit-mask: url(/themes/vnc_responsive/icon/product/user_new.svg);
}

.issue-card .row-wrapper .status_field.title {
  mask: url(/themes/vnc_responsive/icon/product/flag.svg);
  -webkit-mask: url(/themes/vnc_responsive/icon/product/flag.svg);
}

.issue-card .row-wrapper .flex-contaner .pulser .title {
  mask: url(/themes/vnc_responsive/icon/product/error-outline.svg);
  -webkit-mask: url(/themes/vnc_responsive/icon/product/error-outline.svg);
  background-color: #E65747;
}

.issue-card .display-tags-box .label {
  mask: url(/themes/vnc_responsive/icon/product/hashtag-new.svg);
  -webkit-mask: url(/themes/vnc_responsive/icon/product/hashtag-new.svg);
  pointer-events: none;
  font-size: 12px !important;
}

/* Agile card icons end */

.issue-card .row-wrapper .flex-contaner .title {
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}

.issue-card .row-wrapper .title,
.issue-card .row-wrapper .due_date.label,
.issue-card .row-wrapper .id.label,
.issue-card .display-tags-box .label {
  padding-left: 20px;
  background-size: 16px !important;
  background-position: left !important;
  background-repeat: no-repeat !important;
  background-color: #606B76;
  mask-size: 16px !important;
  -webkit-mask-size: 16px !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-repeat: no-repeat !important;
  width: auto;
  margin-right: 0;
}

.issue-card .row-wrapper .field-with-icon:hover .title,
.issue-card .row-wrapper .field-with-icon:hover .due_date.label,
.issue-card .row-wrapper .field-with-icon:hover .id.label,
.issue-card .display-tags-box .field-with-icon:hover .label {
  background-color: var(--blue_500);
}

.issue-card .info {
  padding-top: 6px;
  position: relative;
}
.issue-card .info.description {
  word-break: break-word;
  width: 100%;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  max-width: 100%;
  box-sizing: border-box;
  display: -webkit-box;
  margin: 0px auto;
  overflow: hidden;
  border-top: none;
  padding: 0px;
}

.issue-card .info.description h3,
.issue-card .info.description h2,
.issue-card .info.description h1 {
    font-family: 'Manrope';
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: 0;
}
.issue-card .info.description h2 {
    font-size: 15px;
    line-height: 17px;
}
.issue-card .info.description h3 {
    font-size: 14px;
    line-height: 16px;
}

.issue-card .info.description > p a > img,
.issue-card .info.description > p a[href^="/attachments"],
.issue-card .info.description > p a[href^="/attachments"] + br { display: none; }
.agile-card-bottom { padding-top: 10px; }
body#contains-agile-board.collapsed .issue-card:not(.custom-state) .info.description,
.issue-card.collapsed .info.description,
.collapsed .issue-card:not(.custom-state) .info.description {
  margin-top: 0px;
  padding-top: 0px;
}
.issue-card.add_comment .description-box,
.row-wrapper:empty {
  display: none;
}
.issue-card .empty-value {
  font-family: 'Manrope';
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: -0.24px;
  color: var(--neutral_500);
}
.issue-card table.progress {
  float: none;
  margin-top: 5px;
}
.issue-card table.progress td {
  height: 5px;
  padding: 0px;
}
.issue-card li.task-closed {
  text-decoration: line-through;
  color: #999;
}
.issue-card div.sub-issues {
  border-top: 1px solid #d5d5d5;
  padding-top: 5px;
  margin-top: 5px;
  font-size: 90%;
}
.issue-card div.sub-issues ul {
  margin: 1px 0px 5px 0px;
  padding-left: 30px;
}
.issue-card .issue-id.without-tracker {
  float: right;
}
.issue-card.context-menu-selection p.project {
  color: black;
}
.issue-card.context-menu-selection .attributes,
.issue-card.context-menu-selection em.info {
  color: white;
}
.issues-board td.issue-status-col.closed .issue-card {
  background-color: #EDEDED;
}
.issue-card.ui-sortable-helper {
  -moz-transform: rotate(5deg); /* Для Firefox */
  -ms-transform: rotate(5deg); /* Для IE */
  -webkit-transform: rotate(5deg); /* Для Safari, Chrome, iOS */
  -o-transform: rotate(5deg); /* Для Opera */
  transform: rotate(5deg);
  box-shadow: var(--shadow_popup);
  -moz-box-shadow: var(--shadow_popup);
  -webkit-box-shadow: var(--shadow_popup);
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.issues-board td.issue-status-col.droppable-hover, .issues-board td.issue-status-col .issue-card.droppable-hover {
  border-style: dotted;
  background-color: #E9F8FD;
}
.issue-card.bk-red {background-color: #FFE2E3; border-color: rgb(255, 201, 201);}
.issue-card.bk-green {background-color: #DFFFCC; border-color: rgb(190, 239, 190);}
.issue-card.bk-blue {background-color: #DCE7FF; border-color: rgb(189, 189, 233);}
.issue-card.bk-turquoise {background-color: #C4FDFF; border-color: rgb(151, 222, 214);}
.issue-card.bk-lightgreen {background-color: #D2FFEF; border-color: rgb(184, 228, 226);}
.issue-card.bk-yellow {background-color: #FFFD9C; border-color: rgb(234, 234, 94);}
.issue-card.bk-orange {background-color: #FFDBBA; border-color: rgb(255, 202, 105);}
.issue-card.bk-purple {background-color: #EFDFFC; border-color: rgb(233, 186, 233);}
.issue-card.bk-gray {background-color: #e1e1e1; border-color: rgb(198, 198, 198);}

div.issue.details.br-red div.subject div > h3::before, div.issue.details.bk-red div.subject div > h3::before, a.issue.bk-red::before, a.issue.br-red::before {content: "\25CF  "; color: red;}
div.issue.details.br-green div.subject div > h3::before, div.issue.details.bk-green div.subject div > h3::before, a.issue.bk-green::before, a.issue.br-green::before {content: "\25CF  "; color: green;}
div.issue.details.br-blue div.subject div > h3::before, div.issue.details.bk-blue div.subject div > h3::before, a.issue.bk-blue::before, a.issue.br-blue::before {content: "\25CF  "; color: blue;}
div.issue.details.br-turquoise div.subject div > h3::before, div.issue.details.bk-turquoise div.subject div > h3::before, a.issue.bk-turquoise::before, a.issue.br-turquoise::before {content: "\25CF  "; color: turquoise;}
div.issue.details.br-lightgreen div.subject div > h3::before, div.issue.details.bk-lightgreen div.subject div > h3::before, a.issue.bk-lightgreen::before, a.issue.br-lightgreen::before {content: "\25CF  "; color: lightgreen;}
div.issue.details.br-yellow div.subject div > h3::before, div.issue.details.bk-yellow div.subject div > h3::before, a.issue.bk-yellow::before, a.issue.br-yellow::before {content: "\25CF  "; color: yellow;}
div.issue.details.br-orange div.subject div > h3::before, div.issue.details.bk-orange div.subject div > h3::before, a.issue.bk-orange::before, a.issue.br-orange::before {content: "\25CF  "; color: orange;}
div.issue.details.br-purple div.subject div > h3::before, div.issue.details.bk-purple div.subject div > h3::before, a.issue.bk-purple::before, a.issue.br-purple::before {content: "\25CF  "; color: purple;}
div.issue.details.br-gray div.subject div > h3::before, div.issue.details.bk-gray div.subject div > h3::before, a.issue.bk-gray::before, a.issue.br-gray::before {content: "\25CF  "; color: gray;}

table.list.issues tr.issue:not(.context-menu-selection).bk-red td.id a {background-color: #FFE2E3; padding: 2px; border: 1px solid #DDD;}
table.list.issues tr.issue:not(.context-menu-selection).bk-green td.id a {background-color: #DFFFCC; padding: 2px; border: 1px solid #DDD;}
table.list.issues tr.issue:not(.context-menu-selection).bk-blue td.id a {background-color: #DCE7FF; padding: 2px; border: 1px solid #DDD;}
table.list.issues tr.issue:not(.context-menu-selection).bk-turquoise td.id a {background-color: #C4FDFF; padding: 2px; border: 1px solid #DDD;}
table.list.issues tr.issue:not(.context-menu-selection).bk-lightgreen td.id a {background-color: #D2FFEF; padding: 2px; border: 1px solid #DDD;}
table.list.issues tr.issue:not(.context-menu-selection).bk-yellow td.id a {background-color: #FFFD9C; padding: 2px; border: 1px solid #DDD;}
table.list.issues tr.issue:not(.context-menu-selection).bk-orange td.id a {background-color: #FFDBBA; padding: 2px; border: 1px solid #DDD;}
table.list.issues tr.issue:not(.context-menu-selection).bk-purple td.id a {background-color: #EFDFFC; padding: 2px; border: 1px solid #DDD;}
table.list.issues tr.issue:not(.context-menu-selection).bk-gray td.id a {background-color: #e1e1e1; padding: 2px; border: 1px solid #DDD;}

.issue-card.br-red {border-left: 5px solid red;}
.issue-card.br-green {border-left: 5px solid green;}
.issue-card.br-blue {border-left: 5px solid blue;}
.issue-card.br-turquoise {border-left: 5px solid turquoise;}
.issue-card.br-lightgreen {border-left: 5px solid lightgreen;}
.issue-card.br-yellow {border-left: 5px solid yellow;}
.issue-card.br-orange {border-left: 5px solid orange;}
.issue-card.br-purple {border-left: 5px solid purple;}
.issue-card.br-gray {border-left: 5px solid gray;}

table.list.issues tr.issue.br-red, .issue-card.br-red {border-left: 5px solid red;}
table.list.issues tr.issue.br-green, .issue-card.br-green {border-left: 5px solid green;}
table.list.issues tr.issue.br-blue, .issue-card.br-blue {border-left: 5px solid blue;}
table.list.issues tr.issue.br-turquoise, .issue-card.br-turquoise {border-left: 5px solid turquoise;}
table.list.issues tr.issue.br-lightgreen, .issue-card.br-lightgreen {border-left: 5px solid lightgreen;}
table.list.issues tr.issue.br-yellow, .issue-card.br-yellow {border-left: 5px solid yellow;}
table.list.issues tr.issue.br-orange, .issue-card.br-orange {border-left: 5px solid orange;}
table.list.issues tr.issue.br-purple, .issue-card.br-purple {border-left: 5px solid purple;}
table.list.issues tr.issue.br-gray, .issue-card.br-gray {border-left: 5px solid gray;}

.issue-card.user-application .description {
  word-break: break-word;
}
.issue-card.user-application {
  background: #F2F5F7;
}

.issue-card.meta-entry .row-wrapper .field-value.priority > a,
.issue-card.meta-entry .row-wrapper .field-value.priority,
.issue-card .row-wrapper .field-value.priority > span a,
.issue-card .row-wrapper .custom-field.priority > span a {
    padding: 0px 4px;
    height: 20px;
    border-radius: 2px;
    font-family: 'Manrope';
    font-size: 11px !important;
    color: var(--white) !important;
    line-height: 20px;
    background-image: url(/themes/vnc_responsive/icon/product/arrow_down_new.svg);
    background-size: 12px;
    padding-right: 0px;
    background-repeat: no-repeat;
    background-position: calc(100% - 4px) 50%;
    text-decoration: none;
    display: block;
    margin: unset;
    width: 100% !important;
    box-sizing: border-box;
    font-weight: 600;
}
.issue-card .row-wrapper .custom-field.priority {
  display: none;
}
body#contains-agile-board.custom_state .issue-card .row-wrapper:not(.collapsed) .custom-field.priority,
.issue-card.custom-state .row-wrapper .custom-field.priority,
.custom_state .issue-card .row-wrapper:not(.collapsed) .custom-field.priority {
  width: 100px;
  display: inline-block;
}
body#contains-agile-board.custom_state .issue-card:not(.collapsed) .row-wrapper,
body#contains-agile-board.custom_state .issue-card:not(.collapsed) .hide-custom-state,
.issue-card.custom-state .row-wrapper,
.issue-card.custom-state .hide-custom-state,
.custom_state .issue-card:not(.collapsed) .row-wrapper,
.custom_state .issue-card:not(.collapsed) .hide-custom-state {
  display: none;
}
body#contains-agile-board.custom_state .issue-card:not(.collapsed) .row-wrapper.custom-fields,
.issue-card.custom-state .row-wrapper.custom-fields,
.custom_state .issue-card:not(.collapsed) .row-wrapper.custom-fields {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.issue-card .row-wrapper .field-value.priority > span a .select2-chosen,
.issue-card .row-wrapper .custom-field.priority > span a .select2-chosen {
  color: var(--white);
}
body#contains-agile-board.collapsed .issue-card[data-type="Issue"]:not(.custom-state) .fields,
body#contains-agile-board.custom_state .issue-card[data-type="Issue"]:not(.collapsed) .fields,
.issue-card[data-type="Issue"].collapsed .fields,
.issue-card[data-type="Issue"].custom-state .fields,
.collapsed .issue-card[data-type="Issue"]:not(.custom-state) .fields,
.custom_state .issue-card[data-type="Issue"]:not(.collapsed) .fields {
  border-radius: 0 0 0 5px;
  margin-top: -1px;
  padding-left: 3px;
  padding-top: 8px;
  padding-bottom: 20px;
}
body#contains-agile-board.custom_state .issue-card[data-type="Issue"]:not(.collapsed) .fields,
.issue-card[data-type="Issue"].custom-state  .fields,
.custom_state .issue-card[data-type="Issue"]:not(.collapsed) .fields {
  padding-bottom: 24px;
}
body#contains-agile-board.collapsed .issue-card.issue-card-priority-5[data-type="Issue"] .fields,
body#contains-agile-board.custom_state .issue-card.issue-card-priority-5[data-type="Issue"] .fields,
.issue-card.issue-card-priority-5 > .project,
.issue-card.issue-card-priority-5[data-type="Issue"].collapsed .fields,
.issue-card.issue-card-priority-5[data-type="Issue"].custom-state .fields,
.issue-card.issue-card-priority-5 .issue-card__header,
.collapsed .issue-card.issue-card-priority-5[data-type="Issue"] .fields,
.custom_state .issue-card.issue-card-priority-5[data-type="Issue"] .fields,
.issue-card__header {
  border-left: 5px solid var(--red_600);
}
body#contains-agile-board.collapsed .issue-card.issue-card-priority-4[data-type="Issue"] .fields,
body#contains-agile-board.custom_state .issue-card.issue-card-priority-4[data-type="Issue"] .fields,
.issue-card.issue-card-priority-4 > .project,
.issue-card.issue-card-priority-4[data-type="Issue"].collapsed .fields,
.issue-card.issue-card-priority-4[data-type="Issue"].custom-state .fields,
.issue-card.issue-card-priority-4 .issue-card__header,
.collapsed .issue-card.issue-card-priority-4[data-type="Issue"] .fields,
.custom_state .issue-card.issue-card-priority-4[data-type="Issue"] .fields {
  border-left: 5px solid var(--red_400);
}
body#contains-agile-board.collapsed .issue-card.issue-card-priority-3[data-type="Issue"] .fields,
body#contains-agile-board.custom_state .issue-card.issue-card-priority-3[data-type="Issue"] .fields,
.issue-card.issue-card-priority-3 > .project,
.issue-card.issue-card-priority-3[data-type="Issue"].collapsed .fields,
.issue-card.issue-card-priority-3[data-type="Issue"].custom-state .fields,
.issue-card.issue-card-priority-3 .issue-card__header,
.collapsed .issue-card.issue-card-priority-3[data-type="Issue"] .fields,
.custom_state .issue-card.issue-card-priority-3[data-type="Issue"] .fields {
  border-left: 5px solid var(--yellow_800);
}
body#contains-agile-board.collapsed .issue-card.issue-card-priority-2[data-type="Issue"] .fields,
body#contains-agile-board.custom_state .issue-card.issue-card-priority-2[data-type="Issue"] .fields,
.issue-card.issue-card-priority-2 > .project,
.issue-card.issue-card-priority-2[data-type="Issue"].collapsed .fields,
.issue-card.issue-card-priority-2[data-type="Issue"].custom-state .fields,
.issue-card.issue-card-priority-2 .issue-card__header,
.collapsed .issue-card.issue-card-priority-2[data-type="Issue"] .fields,
.custom_state .issue-card.issue-card-priority-2[data-type="Issue"] .fields {
  border-left: 5px solid var(--blue_400);
}
body#contains-agile-board.collapsed .issue-card.issue-card-priority-1[data-type="Issue"] .fields,
body#contains-agile-board.custom_state .issue-card.issue-card-priority-1[data-type="Issue"] .fields,
.issue-card.issue-card-priority-1 > .project,
.issue-card.issue-card-priority-1[data-type="Issue"].collapsed .fields,
.issue-card.issue-card-priority-1[data-type="Issue"].custom-state .fields,
.issue-card.issue-card-priority-1 .issue-card__header,
.collapsed .issue-card.issue-card-priority-1[data-type="Issue"] .fields,
.custom_state .issue-card.issue-card-priority-1[data-type="Issue"] .fields {
  border-left: 5px solid var(--neutral_600);
}

.issue-card-priority-5 .field-value.priority { background-color: var(--red_600);    }
.issue-card-priority-4 .field-value.priority { background-color: var(--red_400);    }
.issue-card-priority-3 .field-value.priority { background-color: var(--yellow_800); }
.issue-card-priority-2 .field-value.priority { background-color: var(--blue_400);   }
.issue-card-priority-1 .field-value.priority { background-color: var(--neutral_600);}

div.action-icons { margin-top: 10px; }

.issue-card.context-menu-selection a,
.issue-card.context-menu-selection a:hover {
  color: unset !important;
}

.issue-card.meta-entry .attributes-table .description,
.issue-card.user-application .priority .applicant_value,
.issue-card.meta-entry .attributes-table .description {
  font-size: 10px !important;
  background: none;
  border: none;
  vertical-align: middle;
  word-break: break-word;
  line-height: 12px !important;
  color: var(--neutral_A200) !important;
}

.issue-card .field-value {
  width: 100% !important;
  font-size: 9px;
  word-break: break-word;
  position: relative;
}

.issue-card.issue-card-priority-5 .field-value.priority:before {
  content: '';
  display: inline-block;
  background: url(/themes/vnc_responsive/icon/product/badge-ticket-fired.svg);
  width: 12px;
  height: 12px;
  background-size: 12px;
  background-repeat: no-repeat;
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
}

.issue-card .field-value.issue_id a,
.issue-card .field-value.legacy_id a {
  text-decoration: none !important;
}

.agile-board .issue-card.user-application a {
  color: var(--black) !important;
}

.issue-card.score-9 { background: #efebf8; }
.issue-card.score-8 { background: #e8f4fe; }
.issue-card.score-7 { background: #e9f8fb; }
.issue-card.score-6 { background: #e8f4f3; }
.issue-card.score-5 { background: #f3f9ec; }
.issue-card.score-4 { background: #fff9e9; }
.issue-card.score-3 { background: #ffebe9; }
.issue-card.score-2 { background: #f5f5f5; }
.issue-card.score-1 { background: #eff2f3; }

.issue-card.score-9 .project { background: #673ab7; }
.issue-card.score-8 .project { background: #2196f3; }
.issue-card.score-7 .project { background: #00bcd4; }
.issue-card.score-6 .project { background: #009688; }
.issue-card.score-5 .project { background: #8bc34a; }
.issue-card.score-4 .project { background: #fec12d; }
.issue-card.score-3 .project { background: #f7412d; }
.issue-card.score-2 .project { background: #9e9e9e; }
.issue-card.score-1 .project { background: #607d8b; }

.issue-card.closed-issue-card.score-9 .project { background: rgba(103, 58, 183, 0.5); }
.issue-card.closed-issue-card.score-8 .project { background: rgba(33, 150, 243, 0.5); }
.issue-card.closed-issue-card.score-7 .project { background: rgba(0, 188, 212, 0.5);  }
.issue-card.closed-issue-card.score-6 .project { background: rgba(0, 150, 136, 0.5);  }
.issue-card.closed-issue-card.score-5 .project { background: rgba(139, 195, 74, 0.5); }
.issue-card.closed-issue-card.score-4 .project { background: rgba(254, 193, 45, 0.5); }
.issue-card.closed-issue-card.score-3 .project { background: rgba(247, 65, 45, 0.5);  }
.issue-card.closed-issue-card.score-2 .project { background: rgba(158, 158, 158, 0.5);}
.issue-card.closed-issue-card.score-1 .project { background: rgba(96, 125, 139, 0.5); }

.issue-card.score-9 .issue-card-type .mdi:before,
.issue-card.score-9 .assigned_to {
  color: #673ab7 !important;
}
.issue-card.score-8 .issue-card-type .mdi:before,
.issue-card.score-8 .assigned_to {
  color: #2196f3 !important;
}
.issue-card.score-7 .issue-card-type .mdi:before,
.issue-card.score-7 .assigned_to {
  color: #00bcd4 !important;
}
.issue-card.score-6 .issue-card-type .mdi:before,
.issue-card.score-6 .assigned_to {
  color: #009688 !important;
}
.issue-card.score-5 .issue-card-type .mdi:before,
.issue-card.score-5 .assigned_to {
  color: #8bc34a !important;
}
.issue-card.score-4 .issue-card-type .mdi:before,
.issue-card.score-4 .assigned_to {
  color: #fec12d !important;
}
.issue-card.score-3 .issue-card-type .mdi:before,
.issue-card.score-3 .assigned_to {
  color: #f7412d !important;
}
.issue-card.score-2 .issue-card-type .mdi:before,
.issue-card.score-2 .assigned_to {
  color: #9e9e9e !important;
}
.issue-card.score-1 .issue-card-type .mdi:before,
.issue-card.score-1 .assigned_to {
  color: #607d8b !important;
}

.issue-card div.action-icons .mdi {
  padding: 3px 5px;
  font-size: 14px;
  border-radius: 20%;
  color: var(--white) !important;
  margin: 0px 2px;
}
.comment-form textarea {
  border: 1px solid var(--neutral_300);
  border-radius: 4px;
  width: 100%;
  height: 160px;
  resize: vertical;
  min-height: 78px;
  padding: 8px;
  font-family: 'Manrope';
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.24px;
  color: var(--black);
}
.issue-card .comment-icon-area {
  display: none;
  float: right;
}
.issue-card:hover .comment-icon-area {
  display: block;
}
table.my-capacity-details .under-booked { color: var(--green_500);  }
table.my-capacity-details .in-tolerance { color: var(--yellow_500); }
table.my-capacity-details .over-booked  { color: var(--red_500);    }

.issue-card .attributes-table {
  width: 100%;
  font-size: 12px;
}
.issue-card .attributes-table tr {
  background: transparent !important;
}
.issue-card .attributes-table td {
  text-align: left;
  padding-left: 0px;
  height: 16px;
  line-height: 16px;
  align-items: center;
  overflow: hidden;
}
/*.column-header-capacity tr {
  background: transparent !important;
}*/
.column-header-capacity {
  left: 0px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  margin-top: 4px;
  margin-bottom: 8px;
}

.column-header-capacity td.hcapacity,
.column-header-capacity td.hlogged,
.column-header-capacity td.hota {
  font-family: 'Manrope-Bold';
  font-size: 10px;
  font-weight: bold !important;
  font-stretch: normal;
  font-style: normal;
  color: var(--black);
  padding: 0px;
  line-height: 14px;
  height: 14px;
  display: none;
}
.column-header-capacity td.hcapacity,
.column-header-capacity td.vcapacity {
  text-align: left;
}

.column-header-capacity td.hlogged,
.column-header-capacity td.vlogged {
  text-align: center;
}

.column-header-capacity td.hota,
.column-header-capacity td.vota {
  text-align: right;
}

.column-header-capacity td.vcapacity, .column-header-capacity td.vlogged, .column-header-capacity td.vota {
  padding: 0px;
  line-height: 12px;
  height: 12px;
}
.my-achievements .board-headers .time-distibution > *,
.column-header-capacity td.vcapacity span,
.column-header-capacity td.vlogged span,
.column-header-capacity td.vota span{
  display: inline-flex;
  font-family: 'Manrope-Bold';
  font-size: 11px;
  font-weight: 600;
  color: var(--neutral_A200);
  line-height: 16px;
  height: 16px;
  text-decoration-style: dotted;
  text-decoration-color: var(--neutral_500);
  text-decoration-line: underline;
  text-underline-offset: 4px;
}
.column-header-capacity td.vlogged span,
.column-header-capacity td.vcapacity span {
  cursor: pointer;
}

table.list.issues-board > thead > tr > th[data-column-id='open'] div {
  font-family: 'Manrope-Bold';
  font-size: 11px;
  font-weight: 600;
  color: var(--neutral_A200);
  white-space: normal;
}

.column-header-capacity td, .column-header-capacity tr:hover td {
  border: 0px !important;
}
table.list.issues-board > thead > tr > th,
.container-fixed .board-headers > tr > th {
  padding: 12px 16px 4px 16px;
  font-family: 'Manrope';
  font-size: 10px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  color: var(--neutral_A200);
  box-shadow: inset 1px 0 1px 0px var(--neutral_100);
  border: 0px;
  line-height: 18px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  text-align: left;
  box-sizing: border-box;
  vertical-align: top;
}

table.list.issues-board > thead > tr > th[data-column-id="overdue"],
.container-fixed .board-headers > tr > th[data-column-id="overdue"],
table.list.issues-board > thead > tr > th[data-column-id="open"],
.container-fixed .board-headers > tr > th[data-column-id="open"] {
  background: repeating-linear-gradient(-45deg, var(--neutral_100) 0px, var(--neutral_100) 4px, #fafbfc 4px, #fafbfc 8px);
  position: relative;
}

table.list.issues-board > thead > tr > th bold,
.container-fixed .board-headers > tr > th bold {
  font-size: 14px;
  color: var(--black);
  margin-right: 4px;
  font-family: 'Manrope';
  font-weight: bold;
  line-height: 22px;
  height: 22px;
  display: inline-block;
}

table.list.issues-board > thead > tr > th[data-column-id='open'] {
  position: relative;
}

table.list.issues-board > thead > tr > th[data-column-id='open'] bold {
  margin-bottom: 4px;
  display: block;
}

table.list.issues-board > thead > tr > th .main-header-information {
  align-items: middle;
}

table.list.issues-board > thead > tr > th span.date,
.container-fixed .board-headers > tr > th span.date {
  font-family: 'Manrope';
  font-size: 11px;
  font-weight: 600;
  line-height: 22px;
  height: 22px;
  color: var(--neutral_A200);
  display: inline-block;
}
.controller-agile_boards.action-index .modal,
.controller-agile_my_dashboard .modal {
  padding: 0px;
}

.controller-agile_boards.action-index .modal .box,
.controller-agile_my_dashboard .modal .box {
  background-color: var(--white);
  margin-bottom: 0px;
}
.modal .issue-heading {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: var(--black);
  margin-bottom: 30px;
}
.controller-agile_boards.action-index .modal .field-label {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral_600);
}
.controller-agile_boards.action-index .modal .form-buttons,
.controller-agile_my_dashboard .modal .form-buttons{
  text-align: right;
  margin: 10px;
}

#stats {
  width: 48%;
  display: inline-block;
}

.issue-card .pulser:before {
  font-family: "Material Design Icons";
  content: "\f5d6";
  font-size: 12px;
  color: #e65747;
  vertical-align: middle;
  margin-right: 2px;
}

.issue-card .in-status.pulser:before,
.issue-card .flex-contaner > div.pulser:before {
  display: none;
}

.issue-card .estimated_hours.pulser:after {
  margin-left: 0px;
}

.list.issues-board .group,
.list.issues-board .group:hover {
  background: #607D8B !important;
  left: 7px;
}

.list.issues-board .group .group-capacity-wrapper,
.list.issues-board .group .group-capacity-wrapper * {
  font-family: 'Manrope-Bold';
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  color: var(--white);
  text-align: left;
}

.list.issues-board .group .name a {
  font-family: 'Manrope-Bold';
  font-size: 14px;
  color: var(--white);
  max-width: 124px;
  overflow: hidden;
  display: inline-block;
  height: 24px;
  vertical-align: middle;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
  white-space: nowrap;
}

.list.issues-board .group tr:hover td {
  border: none;
  background-color: #607D8B;
}
table.list.issues-board tbody tr.group:hover {
  background-color: #607D8B !important;
}
table.issues-board tbody tr.group:hover td {
  border: none;
}
.list.issues-board .group .totals {
  color: var(--white);
  font-family: 'Manrope-Bold';
  float: right;
  margin-right: 4px;
  line-height: 24px;
  font-size: 12px;
}

.list.issues-board tr.group span.count {
  border-radius: 3px;
  margin-left: 4px;
  font-weight: bold;
  position: relative;
  display: inline-block;
  height: 14px;
  line-height: 14px;
  border-radius: 2px;
  border: solid 1px var(--neutral_300);
  background-color: var(--white);
  box-sizing: border-box;
  font-family: 'Manrope';
  font-size: 11px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 14px;
  color: var(--neutral_A200);
  padding: 0px 4px;
  margin-left: 4px;
  float: right;
  margin-top: 2px;
  margin-left: 4px;
}

.list.issues-board tr.group .group-capacity-wrapper[data-date="open"] span.count,
.list.issues-board tr.group .group-capacity-wrapper[data-date="overdue"] span.count {
  margin-top: 5px;
  display: inline-block;
}

.list.issues-board tr.open span.expander {
  background-image: url('/themes/vnc_responsive/icon/product/arrow-drop-down.svg');
  filter: brightness(0) invert(100%);
  background-size: 22px;
}

.list.issues-board tr span.expander {
  background-image: url('/themes/vnc_responsive/icon/product/arrow-drop-up.svg');
  background-repeat: no-repeat;
  filter: brightness(0) invert(100%);
  background-size: 22px;
  display: inline-block;
  height: 24px;
  width: 24px;
  box-sizing: border-box;
  vertical-align: middle;
  margin-left: -8px;
}

.list.issues-board .ui-sortable-handle .vcapacity, .list.issues-board .ui-sortable-handle .vlogged, .list.issues-board .ui-sortable-handle .vota {
  font-size: 11px;
}

span.agile-issues-count {
  font-weight: bold;
  position: relative;
  display: inline-block;
  height: 14px;
  border-radius: 2px;
  border: solid 1px var(--neutral_300);
  background-color: var(--white);
  box-sizing: border-box;
  font-family: 'Manrope';
  font-size: 11px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 14px;
  color: var(--neutral_A200);
  padding: 0px 4px;
  margin: 3px 0 0 4px;
  float: right;
}

.board-headers > tr > th[data-column-id='open'] span.agile-issues-count,
table.list.issues-board > thead > tr > th[data-column-id='open'] span.agile-issues-count {
  position: absolute;
  top: 14px;
  right: 14px;
}

.group span.agile-issues-count {
  float: unset;
}

.overdue-capacity-container .group-capacity-wrapper,
.open-capacity-container .group-capacity-wrapper {
  display: inline;
  box-sizing: border-box;
  float: right;
}

.list.issues-board .group.open {
  position: sticky;
  top: 79px;
  height: 52px;
  z-index: 1;
}

.list.issues-board .group.open:first-child {
  top: 67px;
}

.overdue-capacity-container > .count {
  display: none !important;
}

div.issue-title {
  text-align: center;
  color: #317BBC;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 30px;
}

.controller-agile_boards.action-index .modal .issue-heading {
  font-family: 'Source Sans Pro', sans-serif;
}
.controller-agile_boards.action-index .modal .field-label {
  font-family: 'Source Sans Pro', sans-serif;
}

.group-bar {
  background: #EFEFEF;
  padding-right: 30px !important;
}

table.list.issues-board tbody tr:hover td,
table.list.issues-board tbody tr td {
  border: none;
  padding: 0px;
}

.horizontal-line {
  width: 90%;
  position: relative;
  border: 1px solid #ddd;
  left: 5%;
}

div.issue-title a:hover {
  text-decoration: none;
  color: #317BBC;
}

.journal .details {
  color: #575757;
}

.user-data .mdi {
  margin: 2px 5px 0px 1px;
  position: relative;
  top: 1px;
}

.controller-agile_boards .edit_user .box.tabular input[type="text"],
.controller-agile_boards .edit_user .box.tabular input[type="date"],
#new_time_entry .box.tabular .log_time_container input[type="date"] {
  outline: none;
  border: none;
  border-bottom: 1px solid var(--neutral_600) !important;
  border-radius: 0px;
  background: none;
}

.controller-agile_boards #ajax-modal .edit_user {
  font-size: 16px;
}

.controller-agile_boards #ajax-modal .edit_user h3 {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.11;
  letter-spacing: normal;
}

.controller-agile_boards #ajax-modal .date.hasDatepicker {
  width: 100%;
}

.controller-agile_boards #ajax-modal #user_user_availabilities_attributes_0_availability {
  width: 100%;
}

.controller-agile_boards.action-index .modal .form-buttons .submit.capacities,
.controller-agile_my_dashboard .modal .form-buttons .submit.capacities {
  margin-left: 60px;
}

.controller-agile_boards.action-index .modal hr,
.controller-agile_my_dashboard .modal hr {
  width: 97%;
}

.controller-agile_boards.action-index .modal .availabilities-box .splitcontentleft {
  margin-right: 10px !important;
}

.controller-agile_boards.action-index .modal .availabilities-box .mdi.mdi-delete {
  font-family: Material-Design-Icons;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #797979;
}

.controller-agile_boards #ajax-modal .edit_user h3.configured_capacities_title {
  margin: 29px 0px 18px 0px;
}

.controller-agile_boards.action-index .modal .date-input {
  position: relative;
}

.controller-agile_boards.action-index .modal .date-input input {
  box-sizing: border-box;
}

#new_time_entry .box.tabular .log_time_container #time_entry_hours,
#new_time_entry .box.tabular .log_time_container #time_entry_comments,
.controller-agile_boards .edit_time_entry .box.tabular #time_entry_comments {
  width: 100%;
  max-width: 97%;
}

#new_time_entry .box.tabular select,
.edit_time_entry .box.tabular select {
  padding-left: 16px !important;
}

input.empty-value[type="text"] {
  border: none !important;
  border-bottom: 1px solid red !important;
}

.controller-agile_boards #ajax-modal #new_time_entry,
.controller-agile_boards #ajax-modal .edit_time_entry {
  font-size: 16px;
}

.controller-agile_boards #ajax-modal #new_time_entry .calendar-field,
.controller-agile_boards #ajax-modal .edit_time_entry .calendar-field {
  position: relative;
}

.controller-agile_boards #ajax-modal #new_time_entry .progress-value,
.controller-agile_boards #ajax-modal .edit_time_entry .progress-value {
  float: right;
  color: var(--neutral_600);
  font-size: 14px;
  padding-right: 10px;
  margin-top: 8px;
}

.controller-agile_boards #ajax-modal #new_time_entry .done-ratio-description,
.controller-agile_boards #ajax-modal .edit_time_entry .done-ratio-description {
  font-size: 11px;
  color: var(--neutral_600);
}

#ajax-modal .edit_time_entry .issue-heading {
  font-family: 'Manrope';
  font-size: 16px;
  font-weight: bold;
  color: var(--neutral_800);
}

#ajax-modal .edit_time_entry .issue-heading a {
  color: var(--blue_600);
}

#ajax-modal #new_time_entry .box.tabular .log_time_container #issue_ota[disabled='disabled'] {
  color: var(--neutral_600);
  border: none !important;
  font-size: 14px;
}

.controller-agile_boards #ajax-modal .edit_time_entry span.update-ota {
  margin-left: -55px;
  cursor: pointer;
  font-family: 'Manrope' !important;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #317bbc;
  margin-top: 44px;
  position: relative;
  top: 12px;
}

.clickable-progress, .progress-agile {
  /*BG*/
  position: relative;
  width: 75%;
  display: inline-block;
  cursor: pointer;
  height: 12px;
  border: 1px solid var(--neutral_300);
  vertical-align: middle;
  border-radius: 10px;
  background: var(--white);
}

.agile-board-container-body .progress-agile {
  margin-top: 0px;
}

.hidden-values .attributes-table {
  padding-top: 4px;
}

.clickable-progress::-webkit-progress-bar, .progress-agile::-webkit-progress-bar {
  /*Chrome-Safari BG*/
  background: var(--white);
  border-radius: 10px;
}

.clickable-progress::-webkit-progress-value, .progress-agile::-webkit-progress-value {
  /*Chrome-Safari value*/
  background: var(--green_500);
  border-radius: 4px 0px 0px 4px;
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5);
}

.clickable-progress::-moz-progress-bar, .progress-agile::-moz-progress-bar {
  /*Firefox value*/
  background: var(--green_500);
  border-radius: 4px 0px 0px 4px;
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5);
}

.clickable-progress::-ms-fill, .progress-agile::-ms-fill {
  /*IE-MS value*/
  background: var(--green_500);
  border-radius: 4px 0px 0px 4px;
  box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.5);
}

.agile-progress-bar {
  height: 6px;
  background: var(--white);
  display: flex;
  border-radius: 6px;
  border-left: 1px solid  var(--neutral_300);
  margin: 8px 0px 4px 0px;
  width: 100%;
}

.agile-progress-bar .done {
  height: 6px;
  background: var(--green_500);
  flex: 0 auto;
  border-radius: 6px 0px 0px 6px;
}

.agile-progress-bar .overbooked {
  height: 6px;
  flex: 0 auto;
  background: var(--red_400);
  border-radius: 6px 0px 0px 6px;
}

.agile-progress-bar .remained {
  height: 6px;
  background: var(--white);
  box-sizing: border-box;
  border: 1px solid  var(--neutral_300);
  border-left: none;
  flex: 1 auto;
  border-radius: 0px 6px 6px 0px;
}

.board-headers .agile-progress-bar,
.board-headers .agile-progress-bar .done,
.board-headers .agile-progress-bar .remained {
  height: 8px;
  margin: 0px;
}

.board-headers .agile-progress-bar {
  width: 100%;
  border-radius: 8px;
  margin-bottom: 8px;
  box-sizing: border-box;
}

.agile-progress-bar .done {
  border-radius: 8px 0px 0px 8px;
}

.agile-progress-bar .remained {
  border-radius: 0px 8px 8px 0px;
}

.agile-progress-bar.completed .done {
  border-radius: 8px;
}

.agile-progress-bar.completed .remained {
  display: none;
}

.controller-agile_boards table.list tr.group > td,
.controller-agile_boards table.list tr.group:hover > td {
  vertical-align: bottom;
  position: relative;
  color: var(--white);
  background: #7a858f;
  padding: var(--padding_s) var(--padding_l) !important;
  box-sizing: border-box;
}

.controller-agile_boards .list.issues-board tr.group .overdue-capacity-container,
.controller-agile_boards .list.issues-board tr.group .open-capacity-container {
  vertical-align: middle !important;
}

.controller-agile_boards table.list .container-with-position .toggle-all {
  float: left;
  display: inline-block;
  position: relative;
  margin-right: 0px;
  margin-left: -4px;
  width: 18px;
  height: 24px;
  background: url(/themes/vnc_responsive/icon/product/arrow-code-new.svg) 50% no-repeat;
  transform: rotate(90deg);
  background-size: 18px;
  filter: brightness(0) invert(100);
}

.controller-agile_boards table.list .container-with-position .toggle-all:hover {
  opacity: 0.5;
}

.list.issues-board tr.group .container-with-position:not(.not-date-columns) > .count,
.list.issues-board tr.group .container-with-position:not(.not-date-columns) > .totals {
  display: none;
}

.list.issues-board tr.group .container-with-position.not-date-columns > .count {
  margin-top: 5px;
}

.list.issues-board tr.group .overdue-capacity-container.container-with-position > .count,
.list.issues-board tr.group .overdue-capacity-container.container-with-position > .totals,
.list.issues-board tr.group .open-capacity-container.container-with-position > .totals {
  display: inline-block;
}

.controller-agile_boards #query_form_content .board-columns {
  width: 150px;
  width: auto;
  display: inline-grid;
  vertical-align: top;
}

.controller-agile_boards #query_form_content .board-columns > span,
#open-tickets-selection > span {
  font-family: 'SourceSansPro', sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #606b76;
}

.controller-agile_boards #content #query_form_content {
  padding-top: 6px;
}

.controller-agile_achievements #content #query_form_content {
  margin-top: 10px;
}

#query_form + #agile-board-container {
  padding-top: var(--padding_m);
}

.issue-card .tooltip .tip a {
  color: rgba(1, 42, 67, 1.0) !important;
}

.issue-card .tooltip .tip a:hover {
  text-decoration: none;
}
.issue-card .tooltip .tip pre {
  max-width: 100%;
  word-break: break-word;
  white-space: pre-wrap;
}

#new_time_entry .box.tabular .log_time_container .time_entry_activity,
#new_time_entry .box.tabular .log_time_container .time_entry_issue_status {
  padding-bottom: 1px;
  vertical-align: bottom;
}

#ajax-modal #new_time_entry .box.tabular .log_time_container #time_entry_spent_on,
#ajax-modal #new_time_entry .box.tabular .log_time_container #time_entry_hours,
#ajax-modal #new_time_entry .box.tabular .log_time_container #issue_ota,
#ajax-modal #new_time_entry .box.tabular .log_time_container #issue_status_id {
  width: 210px;
}

.controller-agile_boards.action-index .modal .calendar-field img.ui-datepicker-trigger {
  content: url('../images/calendar-blank.png');
  position: absolute;
  top: 6px;
  left: 170px;
}

.modal #new_time_entry .box.tabular .log_time_container .time_entry_issue_progress {
  vertical-align: bottom;
}

.controller-agile_boards.action-index .modal tr.empty-line {
  height: 20px;
}

.controller-agile_boards #query_form_with_buttons #query_form_content #stats legend {
  padding-left: 8px;
}

.controller-agile_boards #query_form_with_buttons #query_form_content .add-filter label {
  vertical-align: bottom;
}

.fixed {
  position: fixed;
  top: 68px;
  z-index: 106;
  padding: 0px 14px;
  display: table;
  width: 100%;
}
.group {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.clone.fixed,
.fixed.removed,
.group.hiden-group:not(.clone),
.group.fixed:not(.clone) {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1);
}

.clone.fixed {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1);
}
.controller-agile_boards .fixed {
  margin-left: 0px;
  padding-left: 0px;
  border-top: 5px solid var(--white);
}

.issue-card .project .display-status.closed {
  content: url('../images/plus.png');
}

.issue-card .project .display-status {
  content: url('../images/minus.png');
  display: inline;
  height: 8px;
  float: right;
  padding: 13px 10px;
}

.issue-card .project .mdi.mdi-dots-vertical,
.issue-card .project .kebub-menu {
  display: inline;
  font-size: 14px;
  color: var(--neutral_600) !important;
  position: absolute;
  bottom: 21px;
  right: -12px;
  padding: 7px 4px;
}

.issue-card .project .mdi.mdi-dots-vertical:hover,
.issue-card .project .kebub-menu:hover {
  color: var(--neutral_800) !important;
}

.issue-card .project .mdi.mdi-dots-vertical:before {
  height: 18px;
  width: 18px;
  font-size: 18px !important;
}

#query_form_content .collapse-button,
.controller-agile_achievements .display-status-all,
.controller-agile_boards .display-status-all {
  float: right;
  top: 0px;
  margin-top: 0px;
}

.controller-agile_achievements .display-status-all > span,
.controller-agile_boards .display-status-all > span {
  cursor: pointer;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -0.12px;
  color: var(--neutral_600);
  width: 32px;
  font-size: 0px;
  height: 32px;
  text-align: center;
  vertical-align: middle;
  border-radius: 4px;
  line-height: 32px;
  margin-right: 4px;
  display: inline-block;
}

.controller-agile_boards .display-status-all > span:before {
  font-size: 18px;
}

.controller-agile_achievements .display-status-all > span:hover,
.controller-agile_boards .display-status-all > span:hover {
  background-color: var(--neutral_30);
  color: var(--blue_500);
}

.display-status-all.custom_state > span.custom-state,
.display-status-all.collapsed > span.collapsed,
.display-status-all > span.expand {
  color: var(--blue_600);
  background-color: var(--neutral_30);
}

.display-status-all.custom_state > span.expand,
.display-status-all.collapsed > span.expand {
  color: var(--neutral_600);
  background-color: transparent;
}

.controller-agile_boards .issue-card div.tooltip:hover span.tip {
  display: block;
  position: absolute;
  left: 160px;
  top: 14px;
  background-color: rgb(255, 255, 255);
  padding: 10px;
  width: 270px;
  font-size: 0.8em;
  color: rgb(80, 80, 80);
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.controller-agile_boards .issue-card .project img,
.controller-agile_achievements .issue-card .project img,
.controller-agile_my_dashboard .issue-card .project img,
#new_agile_card .header img,
#new_agile_card .ticket-owner img {
  border-radius: 50%;
  margin: 0px 8px 0px -4px;
  border: none;
  background: none;
  vertical-align: unset;
  float: left;
  display: block;
  opacity: 1;
}

#meta_task_relations .title .description-popup img,
.issue-card .project .description-popup img {
  border-radius: 0px !important;
  width: 100% !important;
  object-fit: contain;
  height: auto !important;
}

.issue-card .project .assigned,
.issue-card .project .tooltip {
  display: inline;
  position: relative;
  top: 8px;
  left: 8px;
}

.controller-agile_boards .issue-card .project .name,
.controller-agile_my_dashboard .issue-card .project .name {
  width: calc(100% - 56px);
  margin: 8px 0px 6px 8px !important;
  overflow: hidden;
  height: 48px;
  line-height: 16px;
}

.issue-card > .issue-card__header > .header__title a,
.controller-agile_boards .issue-card .project .name a,
.controller-agile_achievements .issue-card .project .name,
.controller-agile_my_dashboard .issue-card .project .name,
.controller-agile_boards .issue-card.context-menu-selection .project .name a {
  font-family: 'Manrope', sans-serif;
  font-weight: bold;
  color: var(--black) !important;
  text-align: left;
  height: 48px;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  height: auto;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  border-top: none;
  max-width: 100%;
  box-sizing: border-box;
  display: -webkit-box;
  margin-left: 0;
}

.issue-card > .issue-card__header > .header__title a:hover,
.controller-agile_boards .issue-card .project .name a:hover,
.controller-agile_my_dashboard .issue-card .project .name a:hover {
  text-decoration: underline;
  text-decoration-color: var(--black);
  text-underline-offset: 1px;
  text-decoration-style: inherit;
}

#new_agile_card .ticket-owner {
  padding: 8px;
  font-size: 12px;
  color: var(--black);
}

#new_agile_card .ticket-owner > div {
  margin: 5px 0px 0px 40px;
}

#new_agile_card .ticket-owner img {
  margin: 0px 8px 0px 0px;
}

.controller-agile_boards .issue-card .info.description.cut,
.controller-agile_achievements .issue-card .info.description.cut,
.controller-agile_my_dashboard .issue-card .info.description.cut {
  display: block;
  display: -webkit-box;
  max-width: 100%;
  max-height: 35px;
  margin: 0 auto;
  font-size: 11px;
  line-height: 1;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  border-top: none;
}


.controller-agile_boards .issue-card.closed .info.last_comment,
.controller-agile_achievements .issue-card.closed .info.last_comment,
.controller-agile_my_dashboard .issue-card.closed .info.last_comment {
  border-top: none;
}

.controller-agile_boards .issue-card.closed .comment-area,
.controller-agile_achievements .issue-card.closed .comment-area,
.controller-agile_my_dashboard .issue-card.closed .comment-area {
  border-bottom: 1px solid #d5d5d5;
}

.controller-agile_boards .issue-card .progress,
.controller-agile_achievements .issue-card .progress,
.controller-agile_my_dashboard .issue-card .progress {
  width: 100%;
}

.controller-agile_boards .issue-card .hidden-values,
.controller-agile_achievements .issue-card .hidden-values .attributes-table td,
.controller-agile_my_dashboard .issue-card .hidden-values .attributes-table td {
  padding: 0px;
}
body#contains-agile-board.collapsed .hide-collapsed,
.issue-card.collapsed  .hide-collapsed,
.collapsed .issue-card:not(.custom-state) .hide-collapsed {
  display: none;
}

.issue-card .show-collapsed {
  display: none;
}
body#contains-agile-board.collapsed .show-collapsed,
.issue-card.collapsed .show-collapsed,
.collapsed .issue-card:not(.custom-state) .show-collapsed {
  display: block;
}

body#contains-agile-board.custom_state .issue-card:not(.collapsed) .additional-padding + .custom-fields,
.custom_state .issue-card:not(.collapsed) .additional-padding + .custom-fields {
  margin-top: 20px;
}

.controller-agile_boards .issue-card .progress-agile,
.controller-agile_achievements .progress-agile,
.controller-agile_my_dashboard .progress-agile {
  /*BG*/
  height: 8px;
  border-radius: 10px;
  background: #d4dce1;
}

.controller-agile_boards .issue-card .progress-agile::-webkit-progress-bar,
.controller-agile_achievements .progress-agile::-webkit-progress-bar,
.controller-agile_my_dashboard .progress-agile::-webkit-progress-bar {
  /*Chrome-Safari BG*/
  background: #d4dce1;
}

html, body, html * {
  font-family: 'Sourse Sans Pro', sans-serif;
}

.controller-agile_boards a.manage_my_capacity {
  cursor: pointer !important;
  border-radius: 20px !important;
  padding: 5px 10px !important;
  background: #31b515 !important;
  text-transform: uppercase !important;
  font-family: 'Source Sans Pro', sans-serif !important;
  font-size: 12px !important;
  font-weight: bold !important;
  letter-spacing: -0.12px !important;
  color: var(--white) !important;
  text-align: right;
}

.my-achievements {
  background-color: var(--white);
  font-family: 'Source Sans Pro', sans-serif;
}

.my-achievements .title {
  font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.24px;
  text-align: center;
  color: #317bbc;
  text-transform: uppercase;
  margin-bottom: 15px;
  padding-top: 30px;
}

.my-achievements div.show-details {
  text-align: center;
  margin-bottom: 10px;
  display: flex;
  vertical-align: bottom;
  color: var(--neutral_600);
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  left: 45%;
  position: relative;
  max-width: 40%;
}

.my-achievements #achievements_select_option {
  background-color: var(--white);
  outline: none;
  border: none;
  border-bottom: 1px solid var(--neutral_600) !important;
  border-radius: 0px;
  margin-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--black);
}

.my-achievements select#achievements_select_option {
  background: url('../images/chevron-down.png') no-repeat right;
  -webkit-appearance: none;
  appearance: none;
  padding-right: 1.5rem;
}

.my-achievements #congratulations {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.11;
  letter-spacing: normal;
  text-align: left;
  color: var(--black);
  text-align: center;
  margin: 15px 0px;
}

.my-achievements .values-box {
  display: block;
}

.my-achievements .trophy {
  min-width: 120px;
  width: 100%;
  height: 90%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.my-achievements .trophy.gold   { background-image: url('../images/cup-gold.png');  }
.my-achievements .trophy.silver { background-image: url('../images/cup-silver.png');}
.my-achievements .trophy.bronze { background-image: url('../images/cup-bronze.png');}
.my-achievements .trophy.red    { background-image: url('../images/cup-lemon.png'); }
.achievements-container > div {
  display: inline-block;
  vertical-align: top;
  margin: 0px 5px;
}

.achievements-container > .global_trophy {
  flex: 0 1 200px;
  position: relative;
}

.achievements-container > .global_trophy .tip p { margin-block-start: 16px; }

.my-achievements .tickets-info__wrapper {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: var(--neutral_600);
  flex: 0 1 180px;
}

.my-achievements .tickets-info__header {
  font-family: 'Manrope';
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.my-achievements .tickets-info__title,
.my-achievements .won-trophy-title,
.my-achievements .capacity-gauge__title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.57;
  color: var(--black);
  padding: 0;
  margin: 0;
}
ul.google-visualization-tooltip-item-list {
  margin-top: -20px;
}

.my-achievements .stacked-column-chart .capacity-gauge__title { position: absolute; z-index: 1; }

.my-achievements .tickets-info__counter {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #434b53;
  font-size: 9px;
  font-weight: 600;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border: solid 1px #dadee2;
  background-color: var(--white);
}

.my-achievements ul.tickets-info__items {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.my-achievements ul.tickets-info__items > li {
  font-size: 11px;
  line-height: 1.27;
  letter-spacing: -0.44px;
  color: #434b53;
  font-family: 'Manrope';
  font-stretch: normal;
  font-style: normal;
}

.my-achievements ul.tickets-info__items > li > strong {
  font-weight: 500;
}

.my-achievements .week-capacity-details-column {
  margin: 0 32px 0 0;
  padding: 0;
}

.my-achievements .capacity-gauge__wrapper {
  display: flex;
  gap: 16px;
}
.my-achievements .capacity-gauge__title {
  margin-bottom: 7px;
}
.chart-legends__item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 0;
}
.chart-legends__item .item__marker {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--black);
}
.chart-legends__item .item__value {
  font-family: 'Manrope';
  font-size: 12px;
  font-weight: bold;
  color: #434b53;
}


.my-achievements .stacked-column-chart {
  display: inline-block;
  width: 260px;
  position: relative;
  z-index: 1;
}

.my-achievements .stacked-column-chart #stacked-column-chart {
  transform: translateY(-0px) translateX(-30px);
}

.list.issues-board thead {
  border-bottom: 8px solid var(--white);
  box-shadow: inset 0 1px 0 0 var(--neutral_200);
}

.agile-board-container-body .list.issues-board thead {
  margin-top: 12px;
}

.list.issues-board > tbody {
  /*border-top: 1px solid var(--neutral_200);*/
  border-top: 24px solid var(--white);
  margin-top: 0px;
}

.list.issues-board {
  border-collapse: collapse;
  overflow-y: visible;
  min-height: 100vh;
  background: var(--neutral_20);
}

.list.issues-board.grouped {
  min-height: 0px;
}

.controller-agile_achievements .issue-status-col:before {
  display: inline-block;
}

.controller-agile_achievements .issue-status-col {
  text-align: center;
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.controller-agile_achievements .list.issues-board table.column-header-capacity {
  border-spacing: 0px;
}

.controller-agile_achievements .list.issues-board table.column-header-capacity .vcapacity, .controller-agile_achievements .list.issues-board table.column-header-capacity .vlogged {
  font-weight: bold !important;;
}

.controller-agile_achievements .header__title {
    max-width: 156px !important;;
}

.issue-card .trophy-status {
  z-index: 1;
  display: inline;
  top: 0px;
  right: -8px;
  position: absolute;
}
.hover-popup {
    height: auto;
    max-height: 200px;
    overflow: scroll;
}

.controller-agile_achievements .issue-card .trophy-status.gold, .tooltip.gold,
.controller-agile_achievements .issue-card .trophy-status.silver, .tooltip.silver,
.controller-agile_achievements .issue-card .trophy-status.bronze, .tooltip.bronze,
.controller-agile_achievements .issue-card .trophy-status.red, .tooltip.red  {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 48px;
  width: 48px;
}

.controller-agile_achievements .issue-card .trophy-status.gold, .tooltip.gold     { background-image: url('../images/medal-gold.png');   }
.controller-agile_achievements .issue-card .trophy-status.silver, .tooltip.silver { background-image: url('../images/medal-sliver.png'); }
.controller-agile_achievements .issue-card .trophy-status.bronze, .tooltip.bronze { background-image: url('../images/medal-bronze.png'); }
.controller-agile_achievements .issue-card .trophy-status.red, .tooltip.red       { background-image: url('../images/medal-lemon.png');        }

.controller-agile_achievements .issue-card.issue-card-gold .project .name { color: var(--black); }

.controller-agile_achievements .issue-card .fields .label,
.controller-agile_boards .issue-card .fields .label {
  font-size: 8px;
}

.issue-card.issue-card-gold .field-value.status, .issue-card.issue-card-gold .field-value.estimated_hours, .issue-card.issue-card-gold .field-value.spent_hours {
  background: #eeda93;
  padding: 3px;
  border-radius: 4px;
}
.issue-card.issue-card-silver .field-value.status, .issue-card.issue-card-silver .field-value.estimated_hours, .issue-card.issue-card-silver .field-value.spent_hours {
  background: #adadad;
  padding: 3px;
  border-radius: 4px;
  color: var(--white);
}
.issue-card.issue-card-bronze .field-value.status, .issue-card.issue-card-bronze .field-value.estimated_hours, .issue-card.issue-card-bronze .field-value.spent_hours {
  background: #c77b6d;
  padding: 3px;
  border-radius: 4px;
  color: var(--white);
}
.issue-card.issue-card-red .field-value.status,
.issue-card.issue-card-red .field-value.estimated_hours,
.issue-card.issue-card-red .field-value.spent_hours {
  background: #f44336;
  padding: 3px;
  border-radius: 4px;
  color: var(--white);
}

.progress-agile.red::-webkit-progress-value {
  /*Chrome-Safari value*/
  background: #f44336;
}

.progress-agile.red::-moz-progress-bar {
  /*Firefox value*/
  background: #f44336;
}

.progress-agile.red::-ms-fill {
  /*IE-MS value*/
  background: #f44336;
}

.controller-agile_achievements .issue-card a {
  word-break: break-word;
}

#my-achievements-box .agile-board {
  margin-left: -2px;
  margin-right: -2px;
}

.controller-agile_boards .tooltip .tip img {
  width: 100%;
  border-radius: unset;
}

.controller-agile_boards .issue-card .fields .tooltip {
  margin-top: 10px;
  opacity: 1;
}

#content #context-menu ul.tagit li.tagit-new input.ui-widget-content.ui-autocomplete-input:hover,
#content .issue-card .comment-area .comment-form textarea:hover,
.issue-card ul.tagit li.tagit-new input.ui-widget-content.ui-autocomplete-input:hover,
#ajax-modal #issue-form .jstEditor textarea:hover {
  border-bottom: 3px solid var(--blue_500) !important;
}

#content #context-menu ul.tagit li.tagit-new input.ui-widget-content.ui-autocomplete-input:focus,
#content .issue-card .comment-area .comment-form textarea:focus,
.issue-card ul.tagit li.tagit-new input.ui-widget-content.ui-autocomplete-input:focus,
#ajax-modal #issue-form .jstEditor textarea:focus {
  border-bottom: 3px solid var(--blue_600) !important;
}

.issue-card ul.tagit li.tagit-new input.ui-widget-content.ui-autocomplete-input,
.issue-card ul.tagit li.tagit-new input.ui-widget-content.ui-autocomplete-input:hover,
.issue-card ul.tagit li.tagit-new input.ui-widget-content.ui-autocomplete-input:focus {
  line-height: 32px !important;
}

.controller-agile_boards .issue-card .comment-area .comment-form .textoverlay-wrapper{
  width: 100%;
  box-sizing: border-box;
}
html body#contains-agile-board .issue-card .comment-area .comment-form .cancel-comment-button,
html body#contains-agile-board .issue-card .comment-area .comment-form .send-comment-button,
html body#contains-agile-board .issue-card .comment-area .comment-form .cancel-comment-button,
html body#contains-agile-board .issue-card .comment-area .comment-form .send-comment-button,
html body#contains-agile-board .issue-card .tags-box .close_tags,
html body#contains-agile-board .issue-card .tags-box .save_tags,
html body#contains-agile-board .issue-card .attachments .buttons .send-attachments,
html body#contains-agile-board .issue-card .attachments .buttons .cancel-attachments {
  float: right;
  padding: 0 20px !important;
  height: 20px !important;
  margin-left: 8px;
  border-radius: 4px !important;
  line-height: 20px !important;
  text-transform: capitalize !important;
}

#content .issue-card .comment-area .comment-form .button-loading.cancel-comment-button,
#content .issue-card .comment-area .comment-form .button-loading.send-comment-button,
#content .issue-card .comment-area .comment-form .button-loading.cancel-comment-button,
#content .issue-card .comment-area .comment-form .button-loading.send-comment-button,
#content .issue-card .tags-box .button-loading.close_tags,
#content .issue-card .tags-box .button-loading.save_tags,
#content .issue-card .attachments .buttons .button-loading.send-attachments,
#content .issue-card .attachments .buttons .button-loading.cancel-attachments {
  padding: 0px !important;
}

#content .issue-card .attachments .buttons .send-attachments {
  margin-right: 0;
}

#content .issue-card .attachments .buttons .cancel-attachments {
  color: var(--blue_600) !important;
}

#content .issue-card .attachments .buttons {
  display: block;
  height: 20px;
  margin-bottom: 0px;
}

html body#contains-agile-board .issue-card .attachments .buttons,
html body#contains-agile-board .issue-card .attachments .attachments_fields,
html body#contains-agile-board .issue-card .attachments .max-size-attachment {
  display: none;
}

html body#contains-agile-board .issue-card .attachments.show-attachments .buttons,
html body#contains-agile-board .issue-card .attachments.show-attachments .attachments_fields {
  display: block;
}

a.send-comment-button, a.cancel-comment-button {
  text-decoration: none;
  margin: 0px 5px;
  font-size: 12px;
  font-weight: bold;
}

a.send-comment-button, a.send-comment-button:hover {
  color: #29B6F6;
  border: none;
  background: none;
}

a.cancel-comment-button, a.cancel-comment-button:hover {
  color: #005782;
}

.agile_card_type {
  background-image: url(/themes/vnc_responsive/icon/product/ticket-immediate.svg);
  height: 16px;
  width: 16px;
  display: inline-block;
  background-size: 16px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
  left: -4px;
  top: 20px;
  position: absolute;
}

.meta-entry .agile_card_type { background-image: url(/themes/vnc_responsive/icon/product/task-new-white.svg); background-size: 14px; }

#last_2_weeks_trophies, #my_capacity,
#tickets_per_day {
  width: 100%;
  border-radius: 6px 6px 6px 6px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.42);
  margin: 10px auto;
}
.emptySpace {
  border: medium dotted #607d8b;
  width: 50%;
  height: 350px;
}

.controller-agile_my_dashboard .my-dashboard-container .my-dashboard-container-header,
.manage-my-capacities-container .manage-my-capacities-header,
.agile-board-container .agile-board-container-header,
.open-incidents-container .open-incidents-container-header,
.open-tasks-container .open-tasks-container-header,
.tasks-per-day-container .tasks-per-day-container-header,
.last-month-achievements-container .last-month-achievements-container-header,
.meta-roadmaps-container .meta-roadmaps-container-header {
  display: flex;
  justify-content: space-between;
  background-color: var(--neutral_800);
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
  height: 40px;
  letter-spacing: -0.16px;
  text-align: center;
  color: var(--white);
  border-radius: 8px 8px 0px 0px;
  text-transform: capitalize;
  padding: 0 var(--padding_l);
}

.controller-agile_my_dashboard .my-dashboard-container .my-dashboard-container-body,
.manage-my-capacities-container .manage-my-capacities-body,
.controller-agile_my_dashboard .agile-board-container .agile-board-container-body,
.controller-agile_my_dashboard .open-incidents-container .open-incidents-container-body,
.controller-agile_my_dashboard .open-tasks-container .open-tasks-container-body,
.controller-agile_my_dashboard .tasks-per-day-container .tasks-per-day-container-body,
.last-month-achievements-container .last-month-achievements-container-body,
.meta-roadmaps-container .meta-roadmaps-container-body {
  height: 100px;
  background-color: var(--white);
  border-radius: 0px 0px 8px 8px;
  padding: 14px 20px 10px 20px;
}

.my-dashboard-container-body .trophy-per-day, .my-dashboard-container-body .trophy-per-day .date {
  text-align: center;
}

.my-dashboard-container-body .trophy-per-day .date {
  margin-bottom: 8px;
}

.my-dashboard-container-body .trophy-per-day .day-of-week {
  font-size: 14px;
  font-weight: bold;
  color: var(--black);
  text-transform: uppercase;
}

.my-dashboard-container-body .trophy-per-day .month-and-day {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: var(--neutral_600);
}

.my-dashboard-container-body .trophy-per-day .trophy-cup {
  margin: auto;
  height: 60px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
}

.my-dashboard-container-body .trophy-per-day .trophy-cup.gold {
  background-image: url('../images/Gold goblet 60x60.png');
}

.my-dashboard-container-body .trophy-per-day .trophy-cup.silver {
  background-image: url('../images/Silver goblet 60x60.png');
}

.my-dashboard-container-body .trophy-per-day .trophy-cup.bronze {
  background-image: url('../images/Bronz goblet 60x60.png');
}

.my-dashboard-container-body .trophy-per-day .trophy-cup.red {
  background-image: url('../images/lemon@3x.png');
}

.my-dashboard-container .my-dashboard-container-body {
  display: flex;
  flex-wrap: wrap;
}

.configure-capacity .field-label {
  margin-bottom: 10px;
}

.manage-my-capacities-container .manage-my-capacities-body {
  height: auto;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  line-height: 50px;
  letter-spacing: -0.16px;
  text-align: left;
  color: var(--black);
}

.manage-my-capacities-container .manage-my-capacities-body .field-label {
  font-family: 'Source Sans Pro', sans-serif;;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--black);
  background: var(--white);
  position: absolute;
  line-height: 12px;
  text-transform: uppercase;
  top: -6px;
  left: 10px;
  padding: 0 2px;
}

.manage-my-capacities-container .manage-my-capacities-body input[type="text"],
.manage-my-capacities-container .manage-my-capacities-body input[type="date"] {
  outline: none;
  border: none;
  border-bottom: 2px solid #f7f7f7;
  border-radius: 0px;
  padding: 0px;
}

.manage-my-capacities-container .manage-my-capacities-body input[type="text"]:focus,
.manage-my-capacities-container .manage-my-capacities-body input[type="date"]:focus {
  border-bottom: 1px solid #094974;
}

.manage-my-capacities-container .submit.capacities:disabled,
.manage-my-capacities-container .submit.capacities.disabled{
  opacity: 0.6;
  pointer-events: none;
  cursor: not-allowed;
}

.manage-my-capacities-body .configure-capacity {
  padding: 0px 20px;
  vertical-align: top;
  border-left: solid 1px #d5d5d5;
  flex-grow: 1;
  overflow-y: auto;
  line-height: normal;
  display: flex;
  flex-wrap: wrap;
  width: 350px;
  align-self: flex-start;
  min-height: 364px;
}

.manage-my-capacities-body .configure-capacity > div { flex: 1; }

.configure-capacity-title { padding: 18px 0; }

.manage-my-capacities-body .configure-capacity img.ui-datepicker-trigger {
  position: relative;
  margin-left: -20px;
}

.manage-my-capacities-body .configured-capacities .view-all {
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
  color: #317bbc;
  padding-left: 10px;
  text-decoration: underline;
}

.general-capacity, .configure-capacity {
  position: relative;
}

#agile_board,
#monthly_achievements,
#incidents,
#vnctasks,
#my_team_meta_roadmaps {
  width: 49.3%;
  border-radius: 6px 6px 6px 6px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.42);
  margin: 10px 0;
}

#agile_board {
  min-width: 658px;
}

#last_2_weeks_trophies.hide, #my_capacity.hide,
#tickets_per_day.hide,
#agile_board.hide,
#monthly_achievements.hide,
#incidents.hide,
#vnctasks.hide,
#my_team_meta_roadmaps.hide {
  box-shadow: unset;
}

.controller-agile_my_dashboard .agile-board-container .agile-board-container-body {
  height: 600px;
  padding: 0px;
}

.controller-agile_my_dashboard .agile-board-container .list.issues-board {
  border: none;
  min-height: unset;
}
.controller-agile_my_dashboard .agile-board-container .agile-board-container-body tbody.agile-board-columns {
  overflow-y: auto;
  height: 470px;
  display: block;
}

.agile-board-container-body thead, .agile-board-container-body tbody.agile-board-columns tr {
  display:table;
  width:100%;
  table-layout:fixed;
}

.agile-board-container-header text {
  left: 50%;
  transform: translate(-50%, 0%);
  position: relative;
}

.agile-board-container-body .hcapacity,
.agile-board-container-body .hlogged,
.agile-board-container-body .hota {
  font-family: 'Source Sans Pro', sans-serif;;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: var(--black);
  padding: 1px 5px !important;
}

.column-header-capacity {
  border-spacing: 0px;
}

.agile-board-link a {
  background-color: #8F9CAC;
  border-radius: 10px;
  padding: 0px 10px;
  font-size: 10px;
  color: #d7d7d7;
  display: inline-block;
  font-weight: bold;
  margin-left: 10px;
  height: 16px;
  line-height: 16px !important;
}


.new-agile-card {
  float: right;
  cursor: pointer;
  border-radius: 20px;
  padding: 6px 20px;
  background: var(--white);
  top: 6px;
  margin-top: 0px;
  position: absolute;
  right: 200px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.12px;
  text-align: left;
}

.controller-agile_boards #content p.buttons a.new-agile-card {
  color: #607d8b;
  margin: 0px 15px;
  float: right;
  cursor: pointer;
  border-radius: 20px;
  padding: 6px 20px;
  background: var(--white);
  top: 6px;
  position: absolute;
  right: 200px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.12px;
  text-align: left;
}

.issue-card.issue-card-new {
  background: var(--white);
}

.issue-card.issue-card-new .add_attachment-button {
  display: block;
  text-align: left;
  font-family: Manrope;
  font-size: 12px;
  font-weight: bold;
  color: #317bbc;
  margin-top: 10px;
}

.issue-card.issue-card-new .header {
  font-family: 'Manrope';
  font-size: 14px;
  font-weight: bold;
  line-height: 1.14;
  color: var(--black);
  padding: 10px;
  border-bottom: 1px solid var(--neutral_600);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px 5px;
  position: relative;
}

.issue-card.issue-card-new .header .open-overlay {
  opacity: 0;
  width: 30px;
}

.issue-card.issue-card-new .fields {
  background: var(--white);
}

.controller-agile_boards .issue-card.issue-card-new input[type="text"],
.controller-agile_boards .issue-card.issue-card-new input[type="date"],
#new_agile_card input[type="number"] {
  outline: none;
  border: none;
  background: var(--white);
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 0px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: left;
  color: var(--black);
  padding: 5px 0px 2px 2px !important;
  width: calc(100% - 5px);
}

.issue-card.issue-card-new input#issue_subject {
  width: calc(100% - 5px);
  outline: none;
  border: none;
  background: var(--white);
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 0px;
  font-size: 12px;
}

.issue-card.issue-card-new input#issue_subject:focus {
  border-bottom: 1px solid #317bbc;
}

.issue-card.issue-card-new textarea {
  outline: none;
  border: none;
  background: var(--white);
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 0px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: left;
  color: var(--black);
  width: calc(100% - 5px);
  min-height: 56px;
  resize: vertical;
}

#new_agile_card .select2-search-choice-close {
  display: none;
}

.issue-card.issue-card-new textarea:focus {
  outline: none;
  border: none;
  background: var(--white);
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 0px;
}

.issue-card.issue-card-new select {
  width: 100%;
  max-width: unset;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  text-align: left;
  color: var(--black);
  outline: none;
  border: none;
  background: var(--white);
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 0px;
  background: url(../images/chevron-down.png) no-repeat right;
  -webkit-appearance: none;
  appearance: none;
  padding-right: 1.4rem;
  padding-bottom: 1px;
  margin-right: 5px;
  float: left;
  background-size: 16px;
}

.issue-card.issue-card-new select.list_cf {
    color: var(--neutral_600);
}

.issue-card.issue-card-new select.list_cf option {
    color: var(--black);
}

.issue-card.issue-card-new select.list_cf option:first-child {
    display: none;
}

.issue-card.issue-card-new select#issue_done_ratio {
  width: 100%;
}

.issue-card.issue-card-new input#estimated_hours {
  outline: none;
  border: none;
  background: var(--white);
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 0px;
}

.controller-agile_boards .issue-card.issue-card-new img.ui-datepicker-trigger {
  position: relative;
  top: 4px;
  height: 14px;
  width: 14px;
  margin-left: -14px;
}

.issue-card.issue-card-new .new_agile_card_table {
  max-width: 94%;
  overflow-x: hidden;
  display: table;
  margin: 8px 17px 10px 7px;
  width: 100%;
}

.issue-card.issue-card-new .new_agile_card_table td {
  padding: 0px;
  background: var(--white);
  vertical-align: bottom;
}

.issue-card.issue-card-new .new_agile_card_table .label {
  display: block;
  width: max-content;
}

.new_agile_card_table span.start_date, .new_agile_card_table span.due_date {
  display: inline-flex;
    width: 100%;
}

.new_agile_card_table #issue_estimated_hours {
  padding-right: 0px !important;
}

.new_agile_card_table #issue_start_date, .new_agile_card_table #issue_due_date {
  /*width: 100%;*/
}

.new_agile_card_table td.td-with-padding {
  padding-top: 18px !important;
}

.issue-card.issue-card-new .footer {
  font-family: 'Manrope';
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: right;
  color: #317bbc;
  padding: 15px 20px 15px 0px;
  text-align: right;
  border-top: 1px solid var(--neutral_600);
  position: relative;
}

.issue-card.issue-card-new .footer .advanced-button {
  position: absolute;
  left: 10px;
  font-size: 16px;
}

.issue-card.issue-card-new.advanced-view .footer .advanced-button:before {
  font-family: "Material Design Icons";
  content: "\f13f";
}

.issue-card.issue-card-new.advanced-view .additional-field {
  display: table-row;
}

.issue-card.issue-card-new.advanced-view .ticket-owner.additional-field {
  display: block;
}

.issue-card.issue-card-new.advanced-view .header > a {
  opacity: 0;
}

.issue-card.issue-card-new.advanced-view input[type="file"] {
  width: 100%;
}

#new_agile_card .attachments-row .attachments_form {
    margin-top: 16px;
    display: block;
}

.issue-card.issue-card-new .additional-field {
  display: none;
}

.issue-card.issue-card-new .footer #submit_new_agile_card {
  margin-left: 20px;
}

.issue-card.issue-card-new .mdi {
  font-size: 12px;
  color: var(--neutral_600);
  margin-right: 10px;
}

.issue-card.issue-card-new .mdi:before {
  background-size: 14px;
  width: 14px;
  height: 14px;
  margin-right: 0px;
}

.issue-card.context-menu-selection:hover,
.issue-card.context-menu-selection {
  color: var(--black) !important;
}

.issue-card.context-menu-selection,
.issue-card.context-menu-selection:hover {
  background-color: var(--blue_10) !important;
  box-shadow: 0px 0px 0px 2px var(--blue_300);
}

.context-menu-selection .action-icons a:hover {
  color: var(--white) !important;
}

a.send-comment-button, a.send-comment-button:hover {
    color: #29B6F6;
    border: none;
    background: none;
}

a.send-comment-button, a.cancel-comment-button {
    text-transform: uppercase;
    text-decoration: none;
    margin: 0px 5px;
    font-size: 12px;
    font-weight: bold;
}

div#content > h2 .mdi.mdi-loop {
  margin-right: 20px;
}

.open-incidents-container-body table,
.meta-roadmaps-container-body table {
  width: 100%;
  text-align: left;
  border-spacing: 0;
}

.open-incidents-container-body tr.open-incidents-head,
.tasks-per-day-container > .tasks-per-day-container-body > table > tbody > tr:nth-child(1),
.meta-roadmaps-container-body > table > thead > tr:nth-child(1) {
  border: solid 1px #c7ced1;
  background-color: #d4d9dc;
  height: 43px;
  text-align: left;
}

.open-incidents-container-body th,
.tasks-per-day-container-body .tasks-per-day th,
.meta-roadmaps-container-body th {
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #094974;
}

.open-incidents-container-body td,
.tasks-per-day-container-body .tasks-per-day td,
.meta-roadmaps-container-body td {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.14;
  letter-spacing: normal;
  text-align: left;
  color: var(--black);
}

.open-incidents-container-body th.incident-id,
.open-incidents-container-body td.incident-id {
  text-align: center;
  width: 60px;
}

.controller-agile_my_dashboard .open-incidents-container .open-incidents-container-body,
.controller-agile_my_dashboard .open-tasks-container .open-tasks-container-body,
.controller-agile_my_dashboard .tasks-per-day-container .tasks-per-day-container-body,
.controller-agile_my_dashboard .last-month-achievements-container .last-month-achievements-container-body,
.meta-roadmaps-container .meta-roadmaps-container-body  {
  height: auto;
  max-height: 580px;
  overflow-y: auto;
}
.open-incidents-container-body tbody td,
.tasks-per-day-container-body .tasks-per-day td,
.meta-roadmaps-container-body tbody td {
  border-bottom: 1px solid #d4d9dc;
}

.open-tasks-container-body table.open-tasks-today,
.tasks-per-day-container-body table.tasks-per-day {
  width: 100%;
  border-spacing: 0px;
}

.tasks-per-day-container-body table.tasks-per-day {width: calc(100% - 160px);}

.open-tasks-container-body table.open-tasks-today th {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.16px;
  line-height: 45px;
  text-align: center;
  color: var(--black);
}

div.open-tasks-container > div.open-tasks-container-body > table.open-tasks-today > tbody > tr > td:nth-child(1) {
  width: 37px;
}

div.open-tasks-container > div.open-tasks-container-body > table.open-tasks-today > tbody > tr > td:nth-child(3) {
  width: 60px;
}

.open-tasks-container-body table.open-tasks-today .assigned-to-avatar img {
  width: 37px;
  height: 37px;
  border-radius: 50%;
  margin: 2px 10px;
}

.open-tasks-container-body table.open-tasks-today .assigned-to-avatar img.gravatar {
  padding: 0px;
  border: none;
}

.open-tasks-container-body table.open-tasks-today td {
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: normal;
  text-align: left;
  color: var(--black);
  border-bottom: 2px solid var(--white);
}

.open-tasks-container-body table.open-tasks-today .task-tag {
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--white);
  border-radius: 3px;
  background-color: #a2aab3;
  padding: 3px 5px;
  margin-left: 8px;
}

.open-tasks-container-body table.open-tasks-today tr.priority-5 > td:nth-child(1) {
  border-left: 3px solid #d50000;
}
.open-tasks-container-body table.open-tasks-today tr.priority-4 > td:nth-child(1) {
  border-left: 3px solid #6200ea;
}
.open-tasks-container-body table.open-tasks-today tr.priority-3 > td:nth-child(1) {
  border-left: 3px solid #0071bb;
}
.open-tasks-container-body table.open-tasks-today tr.priority-2 > td:nth-child(1) {
  border-left: 3px solid #00b8d4;
}
.open-tasks-container-body table.open-tasks-today tr.priority-1 > td:nth-child(1) {
  border-left: 3px solid #607d8b;
}

.open-tasks-container-body table.open-tasks-today tbody tr {
  background-color: #eef3f8;
}

.open-tasks-container-body table.open-tasks-today .task-due-date-with-status {
  width: 50px;
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: right;
  color: var(--neutral_600);
}

.open-tasks-container-body table.open-tasks-today .task-due-date-with-status .over-due-date {
  color: #ff0000;
}

div.open-tasks-container > div.open-tasks-container-body > table > tbody > tr > td:nth-child(3) {
  line-height: 18px;
}

.open-tasks-container-body .priority-pie-chart-container .priority-5 {
  color: #d50000;
  margin: 4px 0;
}
.open-tasks-container-body .priority-pie-chart-container .priority-4 {
  color: #6200ea;
  margin: 4px 0;
}
.open-tasks-container-body .priority-pie-chart-container .priority-3 {
  color: #0071bb;
  margin: 4px 0;
}
.open-tasks-container-body .priority-pie-chart-container .priority-2 {
  color: #00b8d4;
  margin: 4px 0;
}
.open-tasks-container-body .priority-pie-chart-container .priority-1 {
  color: #607d8b;
  margin: 4px 0;
}
.open-tasks-container-body table.type-pie-chart-container td {
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
}

.open-tasks-container-body table.type-pie-chart-container .title,
.open-tasks-container-body .priority-pie-chart-container .title {
  font-size: 17px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral_600);
}

.open-tasks-container-body table.type-pie-chart-container {
  width: 50%;
  float: left;
  margin-bottom: 17px;
  table-layout: fixed;
}

.tasks-per-day-container > .tasks-per-day-container-body table.tasks-per-day td.pie-color {
  width: 20px;
}

.tasks-per-day-container > .tasks-per-day-container-body table.tasks-per-day td.pie-color .legend {
  width: 10px;
  height: 10px;
}
.last-month-achievements-trophy {
  background-image: url('../images/trophy.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 10px 20px;
  width: 70px;
  height: 70px;
}

.last-month-achievements-trophy.gold {
  background-image: url('../images/Gold goblet 60x60.png');
}

.last-month-achievements-trophy.silver {
  background-image: url('../images/Silver goblet 60x60.png');
}

.last-month-achievements-trophy.bronze {
  background-image: url('../images/Bronz goblet 60x60.png');
}

.last-month-achievements-trophy.red {
  background-image: url('../images/lemon@3x.png');
}

.last-month-achievements-congratulation {
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.11;
  letter-spacing: normal;
  color: var(--black);
}
.last-month-achievements-container-body #datepicker .ui-widget-content {
  background: unset !important;
  max-width: 340px;
  min-width: 250px;
  width: 100%;
}

.last-month-achievements-container-body #datepicker .ui-state-default,
.last-month-achievements-container-body #datepicker .ui-widget-content .ui-state-defaul {
  border: unset;
  background: unset;
  color: #628db6;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-align: center;
  color: #454545;
  padding-top: 10px;
}
.last-month-achievements-container-body .my-achievements #datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day.ui-datepicker-today {
  float: none;
  text-align: -webkit-center;
  text-align: -moz-center;
}
.last-month-achievements-container-body #datepicker .ui-datepicker-current-day.ui-datepicker-today a {
  background-color: #317bbc;
  color: var(--white);
  border-radius: 50%;
  padding: 5px 0px;
  max-width: 26px;
  float: none;
  height: auto;
}
.last-month-achievements-container-body #datepicker .ui-datepicker-calendar thead {
  border-bottom: 1px solid #d4d9dc;
}

.last-month-achievements-container-body #datepicker .ui-datepicker table {
  margin: 0 5px 20px 0px;
}

.last-month-achievements-container-body td.calendar {
  vertical-align: top;
}

.last-month-achievements-container-body .my-achievements .productive-tickets,
.last-month-achievements-container-body .my-achievements .unproductive-tickets {
  margin: 0px 20px 0px 44px;
}

.last-month-achievements-container-body .my-achievements .productive-tickets ul,
.last-month-achievements-container-body .my-achievements .unproductive-tickets ul {
  height: 110px;
}

.color-gold {
  color: #ffc400;
}

.color-silver {
  color: #adadad;
}

.color-bronze {
  color: #d98600;
}

.color-red {
  color: #ff0000;
}

.last-month-achievements-container-body .my-achievements td.calendar-legend {
  width: 70px;
  text-align: center;
  vertical-align: top;
}

.last-month-achievements-container-body .my-achievements {
  margin-bottom: 20px;
}

.last-month-achievements-container-body .my-achievements #datepicker .ui-widget-header {
  background: #317bbc;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 7.14;
  letter-spacing: -0.14px;
  text-align: left;
  color: var(--white);
}

.last-month-achievements-container-body .my-achievements #datepicker table.ui-datepicker-calendar td {
  text-align: center;
  height: 45px;
  vertical-align: top;
}

.controller-agile_my_dashboard div#content > h2 {
  width: 100%;
}
#my-dashboard-right-sidebar .portlets-title {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: normal;
  text-align: left;
  color: #607d8b;
  border-bottom: 1px solid #d4d9dc;
  text-align: center;
}

#my-dashboard-right-sidebar .hint {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: var(--black);
  margin: 10px 0px;
}

#my-dashboard-right-sidebar .portlets-list {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: normal;
  text-align: left;
  color: var(--black);
}

#my-dashboard-right-sidebar .portlets-list input {
  margin-right: 10px;
}

#my-dashboard-right-sidebar .right-sidebar-footer {
  background-color: #607d8b;
  border-radius: 0px 0px 6px 6px;
  padding: 10px;
}

#my-dashboard-right-sidebar .my-dashboard-right-sidebar-body {
  padding: 5px 20px;
}

#my-dashboard-right-sidebar .right-sidebar-footer input[type="submit"],
#my-dashboard-right-sidebar .right-sidebar-footer .button-save {
  padding: unset;
  border-radius: unset;
  text-align: left;
  border: 8px;
  border-radius: 18px;
  background-color: #31b500 !important;
  text-transform: uppercase;
  padding: 6px 15px;
  margin: 0px 15px;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.12px;
  text-align: left;
  color: var(--white);
  cursor: pointer;
}

#my-dashboard-right-sidebar .right-sidebar-footer .button-cancel {
  border: 8px;
  border-radius: 18px;
  padding: 6px 15px;
  background: var(--white);
  margin: 0px 10px;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.12px;
  text-align: left;
  color: #607d8b;
  cursor: pointer;
}

.open-tasks-today a, .open-incidents-container-body a, .tasks-per-day a,
.meta-roadmaps-container-body a {
  color: var(--black) !important;
  text-decoration: none;
}
.meta-roadmaps-container-body .meta-roadmap-name a {
  color: #317bbc !important;
}

.open-incidents-container-body td.subject-with-max-width,
.open-tasks-today td.subject-with-max-width,
.tasks-per-day td.subject-with-max-width,
.meta-roadmaps-container-body td.description-with-max-width{
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 1px;
}

.last-month-achievements-container-body .my-achievements #datepicker table.ui-datepicker-calendar {
  pointer-events: none;
}

#user_user_availabilities_attributes_0_availability {
  width: 100px;
}
.controller-agile_achievements .issue-card .tooltip:hover span.tip,
.controller-agile_achievements .tooltip.global_trophy:hover span.tip {
  width: max-content;
  padding: 10px 15px;
  border-radius: 2.6px;
  box-shadow: var(--shadow_popup);
  background-color: var(--white);
  font-family: 'Source Sans Pro', sans-serif;;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: var(--black);
  left: 95%;
}

#toggleSidebar {
  z-index: 101;
}

#background-shadow {
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,0.7);
  position: fixed;
  z-index: 200;
  top:0;
  left: 0px;
  display: none;
  overflow: hidden;
}

.fullscreen-mode .body-container {
  max-height: 80vh;
  overflow-y: scroll;
}

.last-month-achievements-container.fullscreen-mode {
  width: 60% !important;
}

#dashboards #agile-board-container .hide-agile-board {
  display: none;
}

.controller-agile_my_dashboard .mdi.mdi-minus,
.controller-agile_my_dashboard .mdi.mdi-plus {
  cursor: pointer;
}

.controller-agile_my_dashboard .my-dashboard-container.hide .my-dashboard-container-header,
.controller-agile_my_dashboard .meta-roadmaps-container.hide .meta-roadmaps-container-header,
.controller-agile_my_dashboard .last-month-achievements-container.hide .last-month-achievements-container-header,
.controller-agile_my_dashboard .manage-my-capacities-container.hide .manage-my-capacities-header,
.controller-agile_my_dashboard .tasks-per-day-container.hide .tasks-per-day-container-header,
.controller-agile_my_dashboard .agile-board-container.hide .agile-board-container-header,
.controller-agile_my_dashboard .open-tasks-container.hide .open-tasks-container-header,
.controller-agile_my_dashboard .open-incidents-container.hide .open-incidents-container-header {
  border-radius: 8px 8px 8px 8px;
}


.controller-agile_my_dashboard .fullscreen-mode .window-buttons .icon:not(.fullscreen-status),
.controller-agile_my_dashboard .open-incidents-container.hide:not(.fullscreen-mode) .open-incidents-container-body,
.controller-agile_my_dashboard .open-tasks-container.hide:not(.fullscreen-mode) .open-tasks-container-body,
.controller-agile_my_dashboard .agile-board-container.hide:not(.fullscreen-mode) .agile-board-container-body,
.controller-agile_my_dashboard .tasks-per-day-container.hide:not(.fullscreen-mode) .tasks-per-day-container-body,
.controller-agile_my_dashboard .manage-my-capacities-container.hide:not(.fullscreen-mode) .manage-my-capacities-body,
.controller-agile_my_dashboard .last-month-achievements-container.hide:not(.fullscreen-mode) .last-month-achievements-container-body,
.controller-agile_my_dashboard .meta-roadmaps-container.hide:not(.fullscreen-mode) .meta-roadmaps-container-body,
.controller-agile_my_dashboard .my-dashboard-container.hide:not(.fullscreen-mode) .my-dashboard-container-body {
  display: none;
}

.my-dashboard-container-body .trophy-per-day {
  width: 7.14%;
}

.portlet-container {
  transition: top 0.5s;
  top: 140px;
}

.agile-board-container.fullscreen-mode,
.portlet-container.fullscreen-mode {
  transition: top 0.5s;
  z-index: 202;
  position: fixed;
  width: 94%;
  margin: 0 auto;
  top: 32px;
  left: 3%;
  margin-right: -50%;
  /*transform: translate(-50%, -30%)*/
}

svg > g > g:last-child { pointer-events: none }
div.google-visualization-tooltip { pointer-events: none }

.tooltip .tip .gold {
  background: url(../images/medal-gold.png) no-repeat left top;
  background-size: contain;
  width: 60px;
  height: 60px;
  float: left;
  display: block;
}

.tooltip .tip .silver{
  background: url(../images/medal-sliver.png) no-repeat left top;
  background-size: contain;
  width: 60px;
  height: 60px;
  float: left;
  display: block;
}

.tooltip .tip .bronze{
  background: url(../images/medal-bronze.png) no-repeat left top;
  background-size: contain;
  width: 60px;
  height: 60px;
  float: left;
  display: block;
}

.tooltip .tip .red{
  background: url(../images/medal-lemon.png) no-repeat left top;
  background-size: contain;
  width: 60px;
  height: 60px;
  float: left;
  display: block;
}

.controller-agile_achievements #wrapper4.nosidebar #content {
  width: calc(100% - 20px);
  background: var(--white);
}

.controller-agile_achievements div.google-visualization-tooltip {
  padding: 10px;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--black);
  z-index: 102;
  line-height: 1.2;
  border-radius: 3px;
  box-shadow: 0px 1px 13px 0 rgba(0, 0, 0, 0.5);
  border: none;
}

.controller-agile_achievements div.google-visualization-tooltip tr.horizontal-line:not(:last-child) td {
  border-bottom: 1px solid #e6e9ee;
}

.controller-agile_achievements table {
  border-spacing: 0px;
}

.controller-agile_achievements div.google-visualization-tooltip tr td:first-child {
  width: 70px;
}

.controller-agile_achievements div.google-visualization-tooltip tr td:last-child {
  width: 170px;
}

.controller-agile_achievements div.google-visualization-tooltip .horizontal-line {
  left: 0px;
}

.controller-agile_achievements div.google-visualization-tooltip td {
  vertical-align: top;
  padding: 5px 0px;
}

.controller-agile_my_dashboard input#user_user_availabilities_attributes_0_date {
  width: 120px;
}

.configured-capacities .mdi.mdi-delete {
  font-size: 16px;
  color: var(--black);
}

.controller-agile_my_dashboard .configured-capacities tbody {
  vertical-align: baseline;
}

#notice div {
  position: absolute;
  z-index: 104;
  background: rgb(0, 0, 0.7);
  padding: 0px 20px;
  border-radius: 20px;
  color: var(--white);
  left: 50%;
  transform: translate(-50%, 0%);
  top: 11px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: -0.14px;
  text-align: left;
  color: var(--white);
  cursor: pointer;
  line-height: 40px;
}

.controller-agile_my_dashboard #flash_notice {
  display: none;
}

.manage-my-capacities-container .manage-my-capacities-body td.no_configured_capacities {
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral_600);
}

.capacity-table table.my-capacity-details,
.week-capacity-details-column table.my-capacity-details {
  width: 100%;
}

.agile_board_options #capacity-table .my-capacity-details tbody,
.agile_board_options #capacity-table .week-capacity-details-column tbody {
  display: block;
  margin-top: -6px;
}

.agile_board_options #capacity-table .week-capacity-details-column tbody tr:first-child td:first-child {
  opacity: 0;
}

#tab-content-avatar{
    margin: 30px 15px 10px 15px;
    position: absolute;
    width: -webkit-fill-available;
}

.inline-edit {
    visibility: hidden;
    position: absolute;
}
/**Fix-popup-Issues***/
.controller-agile_my_dashboard.show_modal_mani .ui-dialog.modal,
.controller-agile_boards.show_modal_mani .ui-dialog.modal {
  z-index: 1024 !important;
  padding: 30px;
  animation: none;
  box-shadow: none !important;
  border: 0;
  background: transparent;
}
.controller-agile_my_dashboard.show_modal_mani .ui-dialog.modal:after,
.controller-agile_boards.show_modal_mani .ui-dialog.modal:after{
  position: fixed;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background:rgba(0, 0, 0, 0.7);
  z-index: -1;

}
.controller-agile_my_dashboard.show_modal_mani .ui-dialog.modal .ui-widget-header,
.controller-agile_boards.show_modal_mani .ui-dialog.modal .ui-widget-header {
  background: var(--white);
  margin: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0;
}
.controller-agile_my_dashboard.show_modal_mani .ui-dialog.modal .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix,
.controller-agile_boards.show_modal_mani .ui-dialog.modal .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix {
  background: #fff !important;
}
.controller-agile_my_dashboard.show_modal_mani .ui-dialog.modal .ui-dialog-content.ui-widget-content,
.controller-agile_boards.show_modal_mani .ui-dialog.modal .ui-dialog-content.ui-widget-content {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  background:#fff !important;
}
.controller-agile_my_dashboard.show_modal_mani .ui-dialog.modal .new-watcher,
.controller-agile_boards.show_modal_mani .ui-dialog.modal .new-watcher {
  overflow: hidden;
  background: var(--white) !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

@media (max-width: 620px) {
  .controller-agile_boards #query_form_with_buttons p.buttons .display-status-all,
  .controller-agile_boards #content p.buttons a.new-agile-card {
    top: 60px;
  }
}

.controller-agile_boards.action-index #main .main-action-button.project_menu,
.action-buttons.contextual { display: none; }
#wrapper4 .action-buttons.contextual.show-actions:not('.project_menu') {
  display: flex;
  flex-wrap: wrap;
  max-width: 250px;
  justify-content: flex-end;
  position: fixed !important;
  top: calc(100% - 345px);
  z-index: 103;
}

div#content > div.action-buttons.contextual {
  padding-right: 0px;
}
.issue-card.issue-card-new .new_agile_card_table tbody tr,
.issue-card.issue-card-new .new_agile_card_table tbody tr:hover {
  background-color: unset;
  width: 100%;
}

#applied-query,
.capacity-container,
#agile-board-navigation {
  display: none;
}

.dashboard-title {
  text-align: left;
  flex-grow: 1;
  font-family: 'Manrope';
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
  color: var(--white);
}
.dashboard_tabs {
  max-width: calc(100% - 160px);
  border-bottom: 1px solid #d5d5d5;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  display: inline-block;
}
.log_time_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.controller-agile_boards.action-index .modal div.field-label {
  margin-bottom: 20px;
}
.log_time_container > div {
    position: relative;
    width: 33%;
    margin-bottom: 20px;
}
.log_time_container select {
  padding: 6px 0px;
}
.modal #new_time_entry .log_time_container img.ui-datepicker-trigger,
.modal #new_time_entry .log_time_container img.ui-datepicker-trigger {
    content: url(../images/calendar-blank.png);
    position: absolute;
    bottom: 4px;
    right: 25px;
    top: unset;
}
.manage-my-capacities-box {
  display: flex;
  flex-wrap: wrap;
  width: 1090px;
  align-self: flex-start;
}
#configuring-capacities .configure-capacity-title,
.manage-my-capacities-container .manage-my-capacities-body .manage-my-capacities-box .general-label {
  width: 100%;
  font-weight: bold;
}

.manage-my-capacities-container .manage-my-capacities-body .capacity-pie-chart {
  width: 320px;
}
.manage-my-capacities-container .manage-my-capacities-body .manage-my-capacities-box .display-flex-class {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-bottom: 24px;
}
.manage-my-capacities-container .manage-my-capacities-body .day-of-week {
  width: 350px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: solid 1px var(--neutral_400);
  background-color: var(--neutral_30);
  border-radius: 6px;
  position: relative;
  margin: 10px 10px 10px 0px;
}

#configured-capacities {
  margin-top: var(--padding_m);
}

.manage-my-capacities-container .manage-my-capacities-body .label {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 22px;
  text-align: left;
  color: var(--neutral_800);
}
.manage-my-capacities-container .manage-my-capacities-body .day-of-week > div {
  line-height: 25px;
  margin: 0px 10px;
}
.manage-my-capacities-container .manage-my-capacities-body input[type="text"],
.manage-my-capacities-container .manage-my-capacities-body select {
  padding: 2px 0px !important;
  width: 55px;
  background: none;
  outline: none;
  border: none;
  border-bottom: 1px solid #d7d7d7;
  font-family: 'Source Sans Pro', sans-serif;;
  font-size: 16px;
  text-align: left;
  color: var(--black);
  line-height: 18px;
}
.manage-my-capacities-container .manage-my-capacities-body select {
  width: 100px;
  background: url(../images/chevron-down.svg) no-repeat right;
  appearance: none;
  -webkit-appearance: none;
  background-size: 14px;
}
.manage-my-capacities-submit .button-loading {
  padding: 0px !important;
  line-height: 32px !important;
}
.manage-my-capacities-submit a.button.submit.capacities,
.manage-my-capacities-container .manage-my-capacities-body .configure-capacity .manage-my-capacities-submit input[type='submit'] {
  line-height: 20px;
  padding: 7px 22px;
}

.configure-capacity .display-flex-class {
  justify-content: space-between;
  width: 340px;
  flex-wrap: wrap;
}
.issue-card .field-value.due_date img.ui-datepicker-trigger {
  position: relative;
  top: 0px;
  width: 14px;
  height: 14px;
  margin-left: -16px;
}
.controller-agile_boards #issue-form .randomize {
    display: none;
}
.buttons .contextual {
  margin-top: 0px;
}
.select_all_tickets {
    display: none;
    position: absolute;
    bottom: 10px;
    margin-right: auto;
    margin-left: auto;
    left: 0px;
    right: 0px;
    text-align: center;
    font-weight: bold;
    color: rgb(255, 255, 255);
    font-size: 10px;
    background: rgb(96, 125, 139);
    padding: 3px 6px;
    border-radius: 3px;
    width: max-content;
}

#new_agile_card .legend-with-browse-button {
  position: relative;
  text-align: left;
  margin-top: 15px;
}

#new_agile_card .legend-with-browse-button .max-size-attachment {
  font-size: 10px;
  color: var(--neutral_600);
}

#new_agile_card .attachments-box .td-with-padding {
  vertical-align: initial;
}

#new_agile_card .attachments-box .attachments-row {
  position: relative;
  text-align: left;
  font-size: 10px;
  color: var(--neutral_600);
}

#new_agile_card .attachments-box .remove-upload {
  background-repeat: no-repeat;
}

#new_agile_card #attachments_fields > span input.description {
  width: calc(100% - 40px) !important;
}

#new_agile_card #locked-versions {
  margin: 0 4px 0 -4px;
}

#new_agile_card .locked_versions {
  font-size: 10px;
  color: var(--neutral_600);
  text-align: left;
}

#new_agile_card div.select2-container {
  border: none !important;
}

.controller-agile_boards .select2-with-searchbox.select2-drop.select2-drop-above {
    margin-top: 312px !important;
}

#new_agile_card .attachments-row .attachments_form {
  margin-top: 16px;
  display: block;
}

#new_agile_card .locked_versions label {
  vertical-align: bottom;
}

#new_agile_card input::-webkit-outer-spin-button,
#new_agile_card input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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


.welcome_box #issue-form .buttons input[type="button"],
.welcome_box #issue-form .buttons .button_update {
  margin: 0px;
  cursor: pointer;
}

.logical_error {
  font-size: 12px;
  color: #f7412d;
  position: absolute !important;
  right: 0px;
  top: 4px;
}

.logical_error:before {
  margin-right: 0px !important;
}

.agile-board .issue-card .fields .logical_error:before {
  color: #f7412d !important;
}

.logical_error_tolltip {
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  color: var(--white);
  padding: 6px 14px;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  z-index: 100;
  width: max-content;
  top: -20px;
  left: 90px;
  display: none;
}

html body#contains-agile-board .issue-card .tabs ul li {
  background: rgba(0,0,0,0) none repeat scroll 0 0;
  float: left;
  list-style-type: none;
  margin-bottom: 0;
  position: relative;
  white-space: nowrap;
  margin-right: 0px;
  display: inline-flex;
}

html body#contains-agile-board .issue-card[data-type='Issue'] .tabs ul li a.add,
html body#contains-agile-board .issue-card[data-type='Issue'] .tabs ul li a.add:hover {
  display: inline-block;
  font-size: 0px !important;
  margin-right: 4px;
}

html body#contains-agile-board .issue-card[data-type='Issue'] .tabs ul li a,
html body#contains-agile-board .issue-card[data-type='Issue'] .tabs ul li a:hover,
html body#contains-agile-board .issue-card[data-type='MetaRoadmapEntry'] .tabs ul li a,
html body#contains-agile-board .issue-card[data-type='MetaRoadmapEntry'] .tabs ul li a:hover {
  background-color: transparent !important;
  color: var(--black) !important;
  padding: 0px;
  border: none;
  display: inline-block;
  margin-right: 0px;
  margin-bottom: 0px;
}

html body#contains-agile-board .issue-card .tabs ul li span {
  display: inline-block;
  font-family: 'Manrope';
  font-size: 10px;
  font-weight: 600;
  line-height: 18px;
  vertical-align: middle;
  color: #7a858f;
  margin-left: 4px;
}

html body#contains-agile-board .issue-card .tabs ul li span.active-mention {
  height: 16px;
  width: 16px;
  background: url(/themes/vnc_responsive/icon/product/small-mention-red.svg) 50% no-repeat;
  background-size: 16px;
  vertical-align: top;
  margin-left: 4px;
}

.icon-tooltip {
  background-color: rgba(0, 0, 0, 0.7);
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  color: var(--white);
  padding: 5px 10px;
  position: absolute;
  left: 20px;
  top: -6px;
  border-radius: 6px;
  z-index: 100;
  width: max-content;
  display: none;
}

.issue-stamp {
    display: none;
}

.closed-issue-card .issue-stamp {
    display: block;
    background-image: url('../images/VNCtask-ticket closed.svg');
    position: absolute;
    right: 10px;
    margin-top: -25px;
    height: 50px;
    width: 50px;
    z-index: 0;
    opacity: 1 !important;
    background-repeat: no-repeat;
}

.closed-issue-card .issue-stamp.rejected {
    background-image: url('../images/VNCtask-ticket rejected.svg');
}

.controller-agile_boards > .tagit-autocomplete {
  position: relative !important;
  margin-top: -8px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top: none;
  border: 7px solid var(--white);
  border-left: 10px solid var(--white);
  border-right: 10px solid var(--white);
}

.tags-box {
  display: none;
}

.issue-card .attachments {
  font-family: 'Manrope';
  font-size: 11px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 16px;
  color: var(--neutral_A200);
  padding-top: 6px;
  padding-bottom: 6px;
  position: relative;
  cursor: pointer;
}

.issue-card .attachments {
  display: block;
}

.issue-card .attachments:before {
  content: '';
  background-image: url(/themes/vnc_responsive/icon/product/attachment.svg);
  height: 16px;
  width: 16px;
  display: inline-block;
  background-size: 16px;
  margin-right: 4px;
  vertical-align: middle;
}

.controller-agile_boards #issue-form .column-container-3 > div {
    margin-top: 10px;
}

.controller-agile_boards.action-index #main-menu {
  z-index: 1;
}

.agile-card-tooltip,
.user-dropdown-menu,
.edit-profile-tooltip {
  display: none;
  padding: 8px 0px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  border-radius: 4px;
  box-shadow: 0 8px 16px 0 rgba(8, 45, 61, 0.2), 0 4px 12px 0 rgba(8, 45, 61, 0.1);
  background-color: var(--white);
  position: absolute;
  z-index: 25;
  width: max-content;
  top: -20px;
  left: 0px;
  text-align: left;
  width: 240px;
}

.agile-card-tooltip > *,
.user-dropdown-menu > *,
.edit-profile-tooltip > * {
  padding: 0px 12px;
}

.issue-status-col .kebub-menu {
  position: relative;
  right: -40px;
  top: 60px;
  z-index: 108;
}

.show_modal .issue-status-col .kebub-menu .agile-card-tooltip {
  display: none !important;
}

@-moz-document url-prefix() {
  .controller-agile_boards #wrapper4.nosidebar #content {
    width: calc(100% - 25px);
  }
  .controller-agile_boards .agile-board.autoscroll,
  .controller-agile_achievements .agile-board.autoscroll,
  .controller-agile_boards .agile-board .container-fixed,
  .controller-agile_achievements .agile-board .container-fixed {
    scrollbar-width: none;
  }
  .controller-agile_boards #query_form_content .value.date_value.hasDatepicker {
    width: 110px;
  }
}
html body #content .agile-board .issues-board > tbody > tr:not(.group):hover {
    background: var(--neutral_10) !important;
}

#filters-table .select2-container-multi {
  border: none !important;
  background: none;
}

.issue-card .logged-time,
.controller-agile_boards.show_modal #sidebar,
fieldset#filters table td.operator select#operators_parent_issue_id option[value='=p'],
fieldset#filters table td.operator select#operators_parent_issue_id option[value='=!p'],
fieldset#filters table td.operator select#operators_parent_issue_id option[value='!p'] {
  display: none;
}

.controller-agile_boards #main,
.controller-agile_achievements #main {
  display: flex;
}

.controller-agile_boards #content,
.controller-agile_achievements #content {
  background: var(--white);
  height: initial;
  padding: 0px 10px;
  overflow: initial;
}

.wiki-preview { color: black; }

.controller-agile_boards #wrapper4.nosidebar #content {
  width: 100%;
  box-sizing: border-box;
  border-left: 10px solid var(--white);
  border-right: 10px solid var(--white);
  padding: 0px;
}

.controller-agile_boards.show_modal #content { width: auto; }
.issue-card.meta-entry .meta-task-editable form select { max-width: 100%; }

.issue-card.closed-issue-card .logged-time,
.controller-agile_achievements .issue-card .logged-time {
  display: block;
  opacity: 1;
  font-size: 10px;
  font-family: 'Manrope';
  margin: var(--padding_xs) 0 var(--padding_s);
}
.issue-card.closed-issue-card .logged-time .logged-time-title,
.issue-card.closed-issue-card .logged-time span,
.controller-agile_achievements .issue-card .logged-time span {
  font-size: 12px;
  font-family: 'Manrope';
  display: flex;
  justify-content: space-between;
}

.project_and_subject_rows {
  line-height: 14px;
  align-items: baseline;
}

.project_and_subject_rows .label {
  margin-right: 5px;
  width: 40px;
  display: inline-table;
}

.edit_ticket_overlay {
  z-index: 107 !important;
}

.edit_ticket_overlay #ajax-modal .edit-ticket-header.ticket-details {
  display: none;
}

.edit_ticket_overlay #issue-form .edit-ticket-body,
.edit_ticket_overlay #ajax-modal #issue-form div.issue {
  padding: 0px;
}

.agile_board_options {
  width: 100%;
}

.agile_board_options tbody {
  display: flex;
  flex-wrap: wrap;
}

.agile_board_options .flex-row > td {
  padding-right: 24px;
}

.agile_board_options .flex-row > td.selectors {
  padding-top: 8px;
}

.agile_board_options .flex-row > td.capacity-details-column {
  padding-right: 0px;
}

.agile_board_options .flex-row .selectors select {
  height: 48px !important;
}

.agile_board_options .flex-row .selectors label {
    text-align: left;
    font-family: 'Sourse Sans Pro', sans-serif;
    font-size: 12px;
    line-height: 20px;
    margin-left: 12px;
    margin-top: -6px;
    z-index: 1;
    color: var(--neutral_800);
    display: inline-block;
    width: auto;
    background: var(--white);
    position: absolute;
    border-radius: 12px;
    padding: 0px 4px;
    text-transform: none;
}

table.issues-board > tbody > tr > td.issue-status-col {
  background: var(--neutral_10);
  transition: background 1.6s linear;
}

table.issues-board > tbody > tr > td.issue-status-col.current_column {
  background: var(--neutral_100);
}

table.list.issues-board > tbody > tr:first-child:not(.group) > td {
  border: none;
  padding-top: var(--padding_xs);
  padding-bottom: var(--padding_l);
  height: auto;
  display: table-cell !important;
}

.ajax-loading .issue-card {  pointer-events: none; }

.controller-agile_boards .quick-edit-form { top: 0px; }
.controller-agile_boards #query_form_with_buttons {  box-shadow: unset; }

.controller-agile_boards .quick-edit-form .submit,
.controller-agile_boards #footer {
  display: none;
}

.controller-agile_boards.show_modal #modal-wrapper,
.controller-agile_my_dashboard.show_modal #modal-wrapper {
  z-index: 106;
}

.controller-agile_boards #meta-task-form .quick-edit-form .submit {
  display: inline-block;
}

.issues-board tbody tr:last-child td > div.custom-state:last-child .issue-card .description-popup {
  margin-top: -210px;
}

.issues-board tbody tr:last-child td > div.collapsed:last-child .issue-card .description-popup,
.issues-board tbody tr:first-child td > div.collapsed:nth-last-child(2) .issue-card .description-popup,
.issues-board tbody tr:last-child td > div.custom-state:nth-last-child(2) .issue-card .description-popup {
  margin-top: -80px;
}

.issues-board tbody tr:last-child td > div:last-child .issue-card:last-child .description-popup {
  margin-top: -60px;
}

.issues-board tbody tr:first-child td > div.collapsed:nth-child(2) .issue-card .description-popup,
.issues-board tbody tr:first-child td > div.custom-state:nth-child(2) .issue-card .description-popup,
.issues-board tbody tr:first-child td > div:nth-child(2) .issue-card .description-popup {
  margin-top: 30px;
}

.issue-card .field-value.priority div.select2-container {
  border: none !important;
  background: unset;
  padding: 0px !important;
  margin: 0px;
  overflow: auto;
}

html > body.controller-agile_boards #wrapper #ajax-indicator,
html > body.controller-agile_boards.loading #spinner {
  z-index: 104;
}

.agile_board_options .flex-row {
  vertical-align: top;
}

.issue-card .attachments:not(.show-attachments):hover .add_attachment,
.issue-card .attachments.show-attachments .add_attachment:hover {
  border-radius: 4px;
  background: var(--neutral_30);
  margin: 0px -4px;
  margin-top: -24px;
  padding: 6px 4px 0px 4px;
  cursor: pointer;
}

.issue-card:not(.issue-card-new) span.add_attachment {
  display: block;
  opacity: 1;
  margin-top: -24px;
  height: 30px;
  box-sizing: border-box;
}

.issue-card:not(.issue-card-new) span.add_attachment .file_selector,
.issue-card:not(.issue-card-new) span.add_attachment .upload {
  opacity: 0;
  width: 1px;
  height: 1px;
  min-height: 0px !important;
}

.group-capacity-wrapper .progress-agile { margin-top: 0px; }

.group-capacity-wrapper .progress-agile[value] {
  appearance: none;
  border: none;
  border-radius: 6px !important;
  overflow: hidden;
  height: 8px;
  width: 100%;
}

#new_time_entry > div.buttons > input{ padding: 0px 39px; }
.issue-card .field-value.due_date img.ui-datepicker-trigger { margin-left: -10px; }
#tags-and-projects { display: none; }
#filters .capacity-table {
  float: left;
  display: inline-grid;
  min-width: 500px;
}

.dashboard_tabs div.tab,
a.new_tab {
  display: inline-flex;
  border: none;
  background-color: var(--white);
  font-family: 'SourceSansPro', sans-serif;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral_600);
  border-radius: 0;
  border-bottom: unset;
  padding: 0px 26px;
  cursor: pointer;
  vertical-align: top;
  line-height: 36px;
}
a.new_tab {
  color: var(--blue_600);
  font-weight: 600;
  font-family: Manrope;
  padding-left: 8px;
  letter-spacing: .5px;
}

a.new_tab::before {
  content: "";
  width: 36px;
  height: 36px;
  background-image: url(/themes/vnc_responsive/icon/plus-white.svg) !important;
  background-color: var(--blue_500);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 24px;
  margin-left: var(--padding_xs);
  border-radius: 4px;
  text-align: center;
  vertical-align: middle;
}

a.new_tab:hover::before {
  background-color: var(--blue_600);
}

.dashboard_tabs div.tab.selected,
.dashboard_tabs div.tab.temporary-tab {
  display: inline-block;
  color: var(--blue_600);
  font-weight: 600;
  box-shadow: inset 0 -2px 0 0 var(--blue_600);
  height: 36px;
}

.dashboard_tabs div.tab.selected:not(.temporary-tab) {
  padding-right: 10px;
}

.dashboard_tabs div.tab.selected.edit_mode {
  padding: 0px;
}

.dashboard_tabs div.tab.temporary-tab .actions {
  display: none;
}

.dashboard_tabs div.tab.temporary-tab.edit_mode {
  padding: 0px 26px;
  display: inline-block;
}

.dashboard_tabs div.tab.selected:not(.temporary-tab) > span:first-child {
  margin-right: var(--padding_l)
}

.dashboard_tabs div.tab:hover {
  color: var(--blue_500);
  box-shadow: inset 0 -2px 0 0 var(--blue_500);
}

.dashboard_tabs div.tab.selected.edit_mode span.actions::before {
  display: none;
}
.dashboard_tabs div.tab.selected span.actions::before {
  content: "";
  width: 36px;
  height: 36px;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  background: url(/themes/vnc_responsive/icon/product/more_vert.svg) 50% 50% / 18px no-repeat !important;
  background-color: var(--neutral_900);
  margin-right: var(--padding_xs);
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  text-align: center;
  color: var(--neutral_900);
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  -webkit-mask-size: 24px !important;
}
.dashboard_tabs div.tab:hover span.actions::before {
  filter: invert(65%) sepia(11%) saturate(347%) hue-rotate(167deg) brightness(89%) contrast(87%);
}
.dashboard_tabs div.tab .saparator {
  height: 1px !important;
  margin: 6px 12px;
  background-color: var(--neutral_300);
}
#dashboards .no_selected_portlets {
  margin-top: 90px;
  text-align: center;
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: var(--black);
  max-width: 430px;
  position: relative;
}

#dashboards .no_selected_portlets::before {
  background: url(/themes/vnc_responsive/icon/product/icon-large-research.svg) no-repeat !important;
  top: 30px;
  content: "";
  width: 160px;
  height: 160px;
  display: inline-block;
  vertical-align: middle;
  transform: translateX(-46%);
  position: absolute;
}

#dashboards .no_selected_portlets .header {
  margin-top: 200px;
  font-family: Manrope;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: center;
  color: var(--black);
}

#dashboards .no_selected_portlets .info {
  margin-top: 12px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: -0.2px;
  text-align: center;
  color: var(--neutral_800);
}

#dashboards .no_selected_portlets .actions {
  margin-top: 32px;
  font-family: Manrope;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.7;
  letter-spacing: normal;
  color: var(--blue_600);
  display: flex;
  align-items: center;
  justify-content: center;
}

#dashboards .no_selected_portlets .actions .action {
  display: block;
  padding: 4px 8px;
  cursor: pointer;
  user-select: none;
}

#dashboards .no_selected_portlets .actions .action:hover {
  color: var(--blue_500);
}

#dashboards .no_selected_portlets .mdi:before {
  font-size: 48px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: right;
  color: var(--neutral_600);
  margin-bottom: 30px;
}

#dashboards .tab.selected .tab-actions {
  display: none;
}

#dashboards .tab.selected .tab-actions.show {
  display: block;
  position: absolute;
  z-index: 104;
  background: var(--white);
  border-radius: 6px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.27);
  width: max-content;
  margin: 0;
  min-width: 180px;
  transform: translateX(0);
}

#dashboards .tab.selected .tab-actions a {
  font-size: 14px;
  line-height: 36px;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral_A600);
  height: 36px;
  background-size: 18px !important;
  display: inline-block;
  vertical-align: middle;
  padding-left: 28px !important;
}

#dashboards .tab.selected .form_in_place {
  width: 260px;
  border-radius: 4px;
  box-shadow: 0 8px 16px 0 rgb(8 45 61 / 20%), 0 4px 12px 0 rgb(8 45 61 / 10%);
  background-color: var(--white);
  padding: 16px 10px 16px 16px;
  position: absolute;
  z-index: 99999;
  width: 300px;
  margin-left: -32px;
  margin-top: 46px;
}

#dashboards .tab.selected.edit_mode .actions,
.dashboard_tabs_hidden .actions {
  display: none;
}

.dashboard_tabs_hidden .tab.selected { position: absolute;}
#dashboards .tab.selected.edit_mode > span:first-child { margin: 0; }
#dashboards .tab.selected .form_in_place input[type='text'] { display: inline-block;}
.open-tasks-container-body table.open-tasks-today { border-top: 1px solid rgba(0, 0, 0, 0.42); }

.issue-card .overbooked-hours { display: none; }
.issue-card .time_overrun .overbooked-hours {
  font-family: 'Manrope-SemiBold', sans-serif;
  display: block;
  font-size: 10px;
  font-stretch: normal;
  font-style: normal;
  line-height: 14px;
  letter-spacing: normal;
  text-align: left;
  color: var(--red_400);
}
.controller-agile_boards .issue-card .time_overrun progress.progress-agile::-webkit-progress-value {
  background: #fd0d1b;
}
.controller-agile_boards .issue-card .time_overrun progress.progress-agile::-moz-progress-bar {
  background: #fd0d1b;
}

.availabilities-box .view_all {
  float: right;
}
.controller-agile_achievements.action-list #query_form_content .filters-table .date {
  display: inline-block;
  width: unset;;
  float: unset;
}
.tasks-per-day-container .tasks-per-day-container-body {
  display: flex;
}
.tasks-per-day-container-body #tickets-per-day-pie-chart {
  margin-right: 25px;
}
.my-achievements .display-flex-class {
  align-items: center;
  justify-content: center;
}
.display-flex-class {
  display: flex;
}
.display-flex-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /*align-items: flex-start;*/
}
.my-achievements-trophy {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px 0;
}

/* my-achievements issue-board__header */

.my-achievements .board-headers .title-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}

.my-achievements .board-headers .time-distibution {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  font-family: 'Manrope';
  font-size: 11px;
  font-weight: 600;
  line-height: 1.45;
}

.priority-pie-chart-container, .type-pie-chart-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 0 0 15px 0;
}
.pie-chart-body {
  margin-left: 20px;
  max-width: 150px;
}

.pie-chart-body div { margin: 4px 0; }

.my-achievements-tickets {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
body.controller-agile_my_dashboard.fullscreen {
  height: 100vh;
  overflow-y: hidden;
}
#monthly_achievements .ui-datepicker-prev.ui-corner-all.ui-state-disabled,
#monthly_achievements .ui-datepicker-next.ui-corner-all.ui-state-disabled {
  display: none;
}

.user-dropdown-menu .mdi:before {
  font-size: 18px;
  margin-right: 15px;
}
.issue-card.closed .agile-card-tooltip .mdi.mdi-unfold-less-horizontal:before {
  font-family: "Material Design Icons";
  content: "\f54f";
}
.kebub-menu.collapsed .mdi.mdi-unfold-less-horizontal:before {
  font-family: "Material Design Icons";
  content: "\f54f";
}

.issue-card #s2id_tags.select2-container-multi .select2-search-choice,
.issue-card .tags.info span.tag {
  background: var(--neutral_100) !important;
  border-radius: 8px !important;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--black);
  padding-top: 4px;
  line-height: 18px !important;
  height: 16px !important;
  padding: 0 16px 0 6px !important;
  margin: 0px 4px 0px 0px;
}
.issue-card .tags.info span.tag {
  line-height: 16px !important;
  height: 16px !important;
  padding: 0px 6px !important;
  margin: 0px 4px 4px 0px;
  max-width: calc(100% - 60px);
  overflow: hidden;
  vertical-align: middle;
}
.issue-card #s2id_tags.select2-container-multi .select2-choices .select2-search-choice::after,
.issue-card .tags.info span.tag:after {
  display: none;
}
.issue-card #s2id_tags.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
  margin-top: -6px;
  margin-right: -3px;
}
.issue-card .tags.info .tags-select-box {
  display: contents;
  width: 100%;
  display: block;
  padding: 0px;
  min-height: 28px;
}

.issue-card .tags.info.hide .tags-select-box .tags-box {
  width: 100%;
  display: block;
  padding-bottom: 24px;
}

.issue-card .tags-select-box .select2-container-multi .select2-choices {
  background: none;
  border: none;
  padding-top: 30px;
  position: relative;
}
.issue-card .tags.info .select2-choices .select2-search-field .buttons {
  margin: 0px;
  display: contents !important;
}

.issue-card .tags.info .mdi.mdi-tag { font-size: 10px; }
.issue-card .tags.info .mdi.mdi-tag:before {
  margin-right: 6px !important;
}
.issue-card .tags.info .tags-select-box .display-tags-box {
  overflow-y: hidden;
  display: block;
}
.issue-card .tags.info.short_height .tags-select-box .display-tags-box {
  max-height: 20px;
  width: calc(100% - 40px);
  overflow-x: hidden;
}

.issue-card .tags.info .tags-select-box .display-tags-box.view_all {
  height: auto;
  max-height: none;
}

.issue-card .tags-select-box .tags-box #tags,
.issue-card .tags.info.hide .tags-select-box .display-tags-box,
.issue-card .tags.info .display-tags-box.hide,
.issue-card .tags.info .view_all_tags {
  display: none;
}
.issue-card .tags.info.short_height .view_all_tags {
    font-size: 12px;
    color: var(--black);
    display: inline-block;
    background: #eaeef2;
    padding: 0px 6px 0px 6px;
    line-height: 10px;
    height: 16px;
    border-radius: 8px;
    float: right;
    margin-top: 2px;
}
.agile-board .issue-card .fields .tags.info .add_new_tag:before {
  font-size: 12px;
  color: #317BBC;
  margin-right: 6px;
}
.issue-card .select2-container {
  width: 100%;
  background-size: 16px;
  padding: 0px !important;
}
.issue-card .inline-edit .edit_meta_roadmap_entry  .select2-container a.select2-choice { height: 0px; }

.issue-card .select2-container-multi .select2-choices .select2-search-field {
  position: absolute;
  top: 0px;
}

.issue-card .last_comment span {
  font-weight: bold;
}

.issue-card .select2-container-multi .select2-choices .select2-search-field input {
  height: 10px;
  width: calc(100% - 100px) !important;
  min-width: 120px;
}

.issue-card #s2id_tags {
  background: none;
}
.issue-card .save_tags:before {
  color: #317BBC !important;
}
.issue-card .tags .buttons {
  text-align: right;
}
.issue-card.user-application .project .name a {
  color: var(--white) !important;
  font-size: 10px;
  line-height: 12px;
  font-style: normal;
  position: relative;
}
.issue-card.user-application .comment-area {
  min-height: 36px;
  position: relative;
}
.issue-card.user-application .comment-area .last_comment {
  padding-right: 13px;
}
.issue-card.user-application .fields div {
  margin-top: 0px;
}
.issue-card.meta-entry .fields, .issue-card.user-application .fields {
  padding: 0px;
  padding-right: 5px;
}
.issue-card.user-application .meta-task-border {
  font-family: 'Nexa Bolt', sans-serif;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: normal;
  text-align: center;
  color: var(--white);
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
  transform: rotate(180deg);
  writing-mode: vertical-lr;
  text-orientation: mixed;
  margin: 0px 5px;
}
.issue-card td.meta-task-column {
  vertical-align: middle !important;
  margin-left: 0px;
  padding: 0px;
  width: 16px;
}
.issue-card td.meta-task-column div {
    white-space: nowrap;
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    text-orientation: mixed;
    font-weight: bold;
    text-align: center;
    font-family: 'Manrope-Bold';
    line-height: 16px !important;
    text-transform: uppercase;
    font-size: 10px !important;
    vertical-align: middle;
    color: var(--neutral_A200) !important;
}
table.attributes-table {
  padding: 0px;
  margin: 0px;
}
.issue-card.meta-entry .progress-agile, .issue-card.user-application .progress-agile {
  width: 100%;
  /*BG*/
  vertical-align: middle;
  height: 8px;
  border-radius: 10px;
  background-color: #d4dce1;
}
.issue-card.meta-entry .progress-agile::-webkit-progress-bar {
  /*Chrome-Safari BG*/
  background-color: var(--green_500);
  border-radius: 10px;
}
.issue-card.meta-entry .progress-agile::-webkit-progress-value {
  /*Chrome-Safari value*/
  background: var(--green_500);
  border-radius: 10px;
  box-shadow: inset 0 1px 1px 0 var(--neutral_300);
}
.issue-card.meta-entry .progress-agile::-moz-progress-bar {
  /*Firefox value*/
  background: var(--green_500);
  border-radius: 10px;
  box-shadow: inset 0 1px 1px 0 var(--neutral_300);
}
.issue-card.meta-entry .comment-area .mdi.mdi-plus, .issue-card.user-application .comment-area .mdi.mdi-plus {
  font-size: 12px !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--white);
  float: right;
  position: absolute;
  right: 10px;
  top: 10px;
}
td.selectors select {
  min-width: 140px !important;
  width: 100%;
}

.issue-card.user-application .comment-area .buttons a,
.issue-card.user-application .comment-area .buttons input {
  color: var(--white);
  float: none;
  font-size: 12px !important;
  padding: 0px;
  margin: 0px 10px;
  line-height: 16px !important;
}
.issue-card.meta-entry .comment-area .buttons, .issue-card.user-application .comment-area .buttons {
  text-align: right;
  margin-bottom: 20px;
  margin-top: 0px;
}

.user-dropdown-menu {
  top: 35px;
  left: 3px;
}
.edit-profile-tooltip {
  top: 35px;
  left: unset;
  right: 15px;
}
.edit-profile-tooltip a {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--black);
}

.agile-card-tooltip .mdi,
.agile-card-tooltip .mdi:hover,
.agile-card-tooltip .mdi a,
.agile-card-tooltip .mdi a:hover,
.select2-drop .select2-results .select2-result-label,
body .ui-autocomplete .ui-menu-item > div,
body .ui-menu .ui-menu-item > div {
  font-family: 'Source Sans Pro';
  font-size: 14px !important;
  line-height: 36px !important;
  letter-spacing: normal;
  text-align: left;
  color: var(--neutral_A600) !important;
  height: 36px !important;
  display: block;
  cursor: pointer;
  overflow: hidden;
}

.agile-card-tooltip a.mdi:hover,
.agile-card-tooltip div:hover,
.select2-drop .select2-results .select2-result-label:hover,
body .ui-autocomplete .ui-menu-item > div:hover,
body .ui-menu .ui-menu-item > div:hover,
body .ui-menu .ui-menu-item > div.ui-state-active {
  background: var(--neutral_20);
}

.edit-profile-tooltip a:before,
.edit-profile-tooltip .mdi:before {
  font-size: 18px;
  margin-right: 12px;
  color: var(--neutral_600);
  vertical-align: middle;
}

.issue-card.meta-entry.closed .collapsed-values,
.issue-card.user-application.closed .collapsed-values {
  display: none;
}
.controller-agile_boards .issue-card.meta-entry.closed .comment-area,
.controller-agile_boards .issue-card.user-application.closed .comment-area {
  border-bottom: none;
}
.issue-card.meta-entry .attributes-table td,
.issue-card.user-application .attributes-table td {
  padding-left: 0px;
}

.issue-card.meta-entry .attributes-table td:not(.meta-task-column) { padding: 4px 4px 12px 4px; }

.issue-card .last_comment span {
  font-weight: bold;
}

.agile-board .issue-card .fields .mdi:before {
  color: var(--neutral_600);
  font-size: 12px;
  margin-right: 4px;
}
.agile-board .issue-card .fields .mdi.mdi-timer:before {
  margin-left: 2px;
}

.agile-board .issue-card .fields .mdi.mdi-plus-circle:before {
  color: #317bbc;
  margin-right: 0px;
  margin-left: 2px;
}

.agile-board .issue-card .issue-card-type {
  width: 0;
  height: 0;
  border-top: 40px solid red;
  border-left: 40px solid transparent;
  position: absolute;
  right: 0px;
  top: 0px;
}
.agile-board .issue-card .issue-card-type .mdi {
  position: absolute;
  right: -5px;
  top: -35px;
}
.issue-card.application-card-priority-2 .issue-card-type {
  border-top: 40px solid #cde8fd;
}
.issue-card.application-card-priority-5 .issue-card-type {
  border-top: 40px solid #f0cecf;
}
.issue-card.application-card-priority-4 .issue-card-type {
  border-top: 40px solid #fdd9d6;
}
.issue-card.application-card-priority-3 .issue-card-type {
  border-top: 40px solid #ffe5d3;
}
.issue-card.application-card-priority-1 .issue-card-type {
  border-top: 40px solid #d4dce1;
}

.issue-card .meta-task-column { background: var(--blue_20); box-shadow: inset -1px 0 0 0 var(--blue_100); }
.issue-card.issue-card-priority-5 .meta-task-column { background: var(--pink_20); box-shadow: inset -1px 0 0 0 var(--pink_100); }
.issue-card.issue-card-priority-4 .meta-task-column { background: var(--red_20); box-shadow: inset -1px 0 0 0 var(--red_100); }
.issue-card.issue-card-priority-3 .meta-task-column { background: var(--orange_20); box-shadow: inset -1px 0 0 0 var(--orange_300); }
.issue-card.issue-card-priority-1 .meta-task-column { background: var(--neutral_20); box-shadow: inset -1px 0 0 0 var(--neutral_200); }

.agile-board .issue-card.score-9 .issue-card-type {
  border-top: 40px solid #e0d7f1;
}
.agile-board .issue-card.score-8 .issue-card-type {
  border-top: 40px solid #d2eafd;
}
.agile-board .issue-card.score-7 .issue-card-type {
  border-top: 40px solid #d4f2f7;
}
.agile-board .issue-card.score-6 .issue-card-type {
  border-top: 40px solid #d2eae7;
}
.agile-board .issue-card.score-5 .issue-card-type {
  border-top: 40px solid #e8f3db;
}
.agile-board .issue-card.score-4 .issue-card-type {
  border-top: 40px solid #fff3d5;
}
.agile-board .issue-card.score-3 .issue-card-type {
  border-top: 40px solid #fed9d5;
}
.agile-board .issue-card.score-2 .issue-card-type {
  border-top: 40px solid #ececec;
}
.agile-board .issue-card.score-1 .issue-card-type {
  border-top: 40px solid #dfe5e8;
}

.agile-board .issue-card.score-9 .dividing-line {
  border-top: 2px solid #e0d7f1;
}
.agile-board .issue-card.score-8 .dividing-line {
  border-top: 2px solid #d2eafd;
}
.agile-board .issue-card.score-7 .dividing-line {
  border-top: 2px solid #d4f2f7;
}
.agile-board .issue-card.score-6 .dividing-line {
  border-top: 2px solid #d2eae7;
}
.agile-board .issue-card.score-5 .dividing-line {
  border-top: 2px solid #e8f3db;
}
.agile-board .issue-card.score-4 .dividing-line {
  border-top: 2px solid #fff3d5;
}
.agile-board .issue-card.score-3 .dividing-line {
  border-top: 2px solid #fed9d5;
}
.agile-board .issue-card.score-2 .dividing-line {
  border-top: 2px solid #ececec;
}
.agile-board .issue-card.score-1 .dividing-line {
  border-top: 2px solid #dfe5e8;
}

.agile-board .issue-card.score-9 .applicant_tags span {
  background-color: #e0d7f1;
}
.agile-board .issue-card.score-8 .applicant_tags span {
  background-color: #d2eafd;
}
.agile-board .issue-card.score-7 .applicant_tags span {
  background-color: #d4f2f7;
}
.agile-board .issue-card.score-6 .applicant_tags span {
  background-color: #d2eae7;
}
.agile-board .issue-card.score-5 .applicant_tags span {
  background-color: #e8f3db;
}
.agile-board .issue-card.score-4 .applicant_tags span {
  background-color: #fff3d5;
}
.agile-board .issue-card.score-3 .applicant_tags span {
  background-color: #fed9d5;
}
.agile-board .issue-card.score-2 .applicant_tags span {
  background-color: #ececec;
}
.agile-board .issue-card.score-1 .applicant_tags span {
  background-color: #dfe5e8;
}

.agile-board .issue-card .applicant_tags span {
  padding: 1px 5px;
  border-radius: 3px;
  word-break: break-word;
}

.issue-card .flex-contaner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}

.issue-card.meta-entry .row-wrapper .field-with-icon {
  width: 50%;
}

.issue-card.meta-entry .row-wrapper.with-padding {
  height: 32px;
}

.issue-card.meta-entry .row-wrapper .field-with-icon .field-value:not(.in-status):not(.priority) a {
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-word;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: var(--neutral_500);
  text-underline-offset: 2px;
  display: initial;
}

.issue-card  .row-wrapper .flex-contaner > div,
.issue-card .row-wrapper .field-with-icon {
  display: inline-flex;
  background: transparent;
  border-bottom: 2px solid transparent;
  border-top: 2px solid transparent;
  border-right: 4px solid transparent;
  border-left: 3px solid transparent;
  margin: -2px -3px;
  border-radius: 4px;
}

.issue-card .row-wrapper .flex-contaner > div:hover,
.issue-card .row-wrapper .field-with-icon:hover {
  background: var(--neutral_30);
  border-bottom: 2px solid var(--neutral_30);
  border-top: 2px solid var(--neutral_30);
  border-right: 4px solid var(--neutral_30);
  border-left: 3px solid var(--neutral_30);
  margin: -2px -3px;
  border-radius: 4px;
}

.issue-card .row-wrapper .flex-contaner > div:hover .title,
.issue-card .row-wrapper .field-with-icon:hover .title {
  background: var(--blue_500);
}

.issue-card .row-wrapper .flex-contaner > div:hover a,
.issue-card .row-wrapper .field-with-icon:hover a,
.issue-card .row-wrapper .field-with-icon:hover .select2-chosen {
  color: var(--blue_500) !important;
}

html body#contains-agile-board .issue-card .tabs ul li a,
html body#contains-agile-board .issue-card .tabs ul li a:hover,
#content .issue-card .tabs ul li a,
#content .issue-card .tabs ul li a:hover,
#content .issue-card .add,
#content .issue-card.add_comment .comment-area label {
  font-size: 12px !important;
  font-family: 'Manrope-Bold';
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 16px;
  color: var(--black) !important;
  background: none;
}

html body#contains-agile-board .issue-card .comment-area label {
  display: none;
}

html body#contains-agile-board .issue-card.add_comment .comment-area label {
  display: block;
  margin-bottom: 4px;
}

#content .issue-card .add {
  padding: 0px 8px !important;
  box-sizing: border-box;
  border-radius: 2px !important;
  margin-top: 2px !important;
}

#content .issue-card .add_new_tag.add,
#content .issue-card .description-box .add,
#content .issue-card .attachments .add_new_attachment {
  position: absolute;
  right: 8px;
  float: unset;
  top: 8px;
  z-index: 1;
}

body#contains-agile-board .issue-card .tabs ul {
  width: 100%;
  padding-left: 0px;
  display: flex;
  justify-content: space-between;
  min-width: unset;
  top: 0px;
  z-index: 0;
  border-bottom: medium none;
  bottom: 0;
  margin: 0;
  position: absolute;
  min-width: 100%;
  padding-inline-start: 0;
  overflow: hidden;
  display: flex;
  width: 100%;
}

body#contains-agile-board .issue-card .add,
body#contains-agile-board .issue-card .tabs .add,
#content .issue-card .add,
#content .issue-card .tabs .add {
  -webkit-mask: url(/themes/vnc_responsive/icon/product/edit.svg) !important;
  mask: url(/themes/vnc_responsive/icon/product/edit.svg) !important;
  background-size: 12px !important;
  background: var(--blue_500);
  -webkit-mask-size: 12px !important;
  mask-size: 12px !important;
  -webkit-mask-repeat: no-repeat !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  font-size: 0px !important;
  display: none !important;
}

#content .issue-card .description-box.show-collapsed .add {
  mask: none !important;
  -webkit-mask: none !important;
  background-image: url(/themes/vnc_responsive/icon/product/edit_blue.svg) !important;
  top: 6px;
  right: 6px;
  opacity: 0;
}

html body#contains-agile-board .comment-box,
html body#contains-agile-board .issue-card .comment-box,
html body#contains-agile-board .tags.info:not(.hide),
.issue-card .description-box {
  padding: 6px 0px;
  position: relative;
}

#content .agile-board .issue-card:not(.add_comment) .comment-box:hover,
#content .agile-board .tags.info:not(.hide):hover,
.issue-card .description-box:hover {
  border-radius: 4px;
  background: var(--neutral_30);
  margin: 0px -4px;
  padding: 6px 4px !important;
}

.issue-card .show-collapsed .description-box:hover {
  margin: 0px -2px;
  padding: 6px 2px;
}

#content .agile-board .issue-card .comment-box:hover .add,
#content .agile-board .tags.info:not(.hide):hover .add,
#content .agile-board .description-box:hover .add,
#content .agile-board .issue-card .attachments:hover .add,
#content .agile-board .issue-card .comment-box .tabs ul li .add:hover {
  display: inline-block !important;
  background-color: var(--blue_500) !important;
}

#content .agile-board .issue-card .add {
  float: right;
}

body#contains-agile-board #content .tabs,
body#contains-agile-board .issue-card .fields .info.description span,
#content .agile-board .tabs,
.agile-board .issue-card .fields .info.description span {
  height: 16px;
  line-height: 16px;
  margin-bottom: 8px;
  padding-top: 0px;
}

.issue-card .fields .info.description p { margin: 0; }

body#contains-agile-board #content .tabs,
#content .agile-board .tabs {
  position: relative;
  line-height: 24px;
}

body#contains-agile-board .issue-card.add_comment .tabs { display: none; }
body#contains-agile-board .issue-card.meta-entry .tabs  { margin-top: 0px;}
body#contains-agile-board .issue-card .field-value.total_spent_hours {
  color: var(--black) !important;
}
.comment-area .comment-form {
  min-height: 110px;
  padding-bottom: 2px;
  margin-bottom: 2px;
}
.comment-area .comment-form .textoverlay span {
  background: none !important;
}
body#contains-agile-board .issue-card .tab-content p {
  margin: 5px;
  font-size: 12px;
  word-break: break-word;
}

body#contains-agile-board .issue-card .tab-content pre {
  white-space: pre-wrap;
  font-size: 12px;
}

body#contains-agile-board .issue-card[data-type='Issue'] .tab-content strong {
  font-family: 'Manrope';
  font-size: 12px;
  font-weight: bold;
  color: var(--black);
  text-overflow: ellipsis;
  overflow: hidden;
  display: initial;
  word-break: break-all;
  white-space: nowrap;
  margin-right: 4px;
  vertical-align: initial;
}

body#contains-agile-board .issue-card[data-type='Issue'] .tab-content p {
  margin: 0px;
  font-family: 'Manrope';
  font-size: 12px;
  line-height: 14px;
  color: var(--neutral_800);
  letter-spacing: -0.22px;
}

body#contains-agile-board .issue-card[data-type='Issue'] .tab-content,
body#contains-agile-board .issue-card[data-type='Issue'] .tab-content p {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  max-width: 100%;
  box-sizing: border-box;
  display: -webkit-box;
  margin: 0px auto;
  overflow: hidden;
  border-top: none;
  margin-bottom: 4px;
  margin-left: 0;
  line-height: 16px;
}

body#contains-agile-board .issue-card[data-type='Issue'] .tab-content {
  margin-top: 8px;
}

body#contains-agile-board .issue-card[data-type='Issue'] .tab-content p a {
  color: var(--blue_500);
  margin-right: 4px;
  font-family: 'Manrope';
  font-size: 12px;
  line-height: 16px;
}

.issue-card .tab-content.last_comment img,
.info.description img,
body#contains-agile-board .issue-card .tab-content p a img {
  display: none;
}

.user-application .header-grid > .mdi:before {
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    display: block;
    color: var(--white);
    padding-top: 3px;
}

.user-application .header-grid {
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--white);
    width: calc(100% - 30px);
    position: relative;
    left: 0px;
}
.user-application .header-grid {
    display: grid;
    grid-template-columns: 30px 1fr 1fr 1fr;
}
.user-application .user-dropdown-menu a{
    display: flex;
}
/*.user-application .user-dropdown-menu a.mdi:before{*/
/*    display: table-row-group;*/
/*}*/
.user-application .footer {
    width: calc(100% - 50px);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 5px 7px;
    font-size: 10px;
}

.user-application .footer .mdi:before {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--neutral_600);
    margin-right: 2px;
    margin-top: 4px;
}

.user-application .footer .mdi.mdi-attachment:before {
    transform: rotate(90deg);
}

.user-application .footer span {
    text-align: center;
}
.issue-card .row-wrapper .mdi,
.issue-card .row-wrapper table.attributes-table td .mdi {
  margin-right: 0px;
  position: relative;
}

body#contains-agile-board .issue-card .fields .info.description span,
body#contains-agile-board .issue-card .fields .description-popup span,
.logged-time .logged-time-title,
.issue-card .row-wrapper .subject a,
.agile-board .issue-card .fields .info.description span,
#meta_task_relations .title .description-popup,
.agile-board .issue-card .fields .description-popup span {
  font-family: 'Manrope-Bold';
  font-size: 12px;
  font-weight: 600;
  color: var(--black);
  line-height: 16px;
  display: block;
}

.issue-card .row-wrapper .attributes-table {
  table-layout: fixed;
  border-spacing: 0px;
}
.controller-agile_boards.action-index div.modal #meta-task-form p.buttons {
  margin-bottom: 10px;
}

.controller-agile_achievements table.my-capacity-details td {
  line-height: 33px;
}
.issue-card input[type="submit"], .issue-card a.button {
  padding: 0px;
  font-weight: normal;
}
.issue-card .field-value select {
  max-width: 100%;
  width: 100%;
  font-size: 12px;
}
.issue-card.meta-entry .attributes-table {
  table-layout: fixed;
  border-spacing: 0px;
}
.issue-card.meta-entry .edit_meta_roadmap_entry {
  position: relative;
}
.issue-card.meta-entry .edit_meta_roadmap_entry img.ui-datepicker-trigger {
  position: absolute;
  right: 0px;
  top: 0px;
}
.new_agile_card_table select#issue_assigned_to_id {
  color: var(--neutral_600);
}
.new_agile_card_table select#issue_assigned_to_id option:first-child,
.new_agile_card_table select#issue_status_id option:first-child,
.new_agile_card_table select#issue_priority_id option:first-child{
  display: none;
}
.new_agile_card_table select#issue_assigned_to_id option,
.new_agile_card_table select#issue_status_id option,
.new_agile_card_table select#issue_priority_id option{
  color: var(--black);
}

#query_form_content .filters-table {
  flex-wrap: wrap;
  justify-content: space-between;
}

.achievements-container {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 16px;
  row-gap: 16px;
  z-index: 3;
}

.achievements-container .break {
  flex-basis: 100%;
  height: 0;
}

.controller-agile_boards table.my-capacity-details td,
.controller-agile_boards table.week-capacity-details-column td {
  line-height: 20px;
  padding: 0px 4px 0px 0px;
  font-size: 12px;
}

table.options,
table.agile_board_options {
  border-spacing: 0px;
}

.controller-agile_queries table.options {
  padding: 8px 0px;
}

.options .card-fields > span {
  display: none;
}

#capacity-table {
  padding-top: 8px;
}

.controller-agile_achievements table.my-capacity-details td {
  line-height: 33px;
}

.compact-view-display-status-all {
  position: relative;
  right: 0px;
  cursor: pointer;
  height: 32px;
  width: 32px;
  text-align: center;
  line-height: 32px;
  display: inline-block;
  vertical-align: middle;
  background: none;
}

.board-headers .charts {
  vertical-align: middle;
  line-height: 22px;
  float: right;
  margin: 2px -2px 0 4px;
}

.board-headers .charts canvas {
  float: right;
  transform: scale(0.5);
  margin: -8px;
}

.charts.duplicate_charts canvas {
  transform: scale(0.5);
  position: absolute;
  top: -54px;
  left: -54px;
}

canvas#chart {
  margin-top: -70px;
  transform: scale(0.6);
}

.board-headers .capacity-box {
  border-radius: 8px;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.4);
  background-color: var(--white);
  padding: 8px 12px;
  position: absolute;
  z-index: 106;
  display: none;
  margin-top: 16px;
}

.agile-board-container-body .board-headers .capacity-box {
  top: unset !important;
}

.board-headers .capacity-box .user-capacity,
.board-headers .capacity-box .user-availbility {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  letter-spacing: -0.14px;
  text-align: center;
  color: var(--black);
  line-height: 33px;
  font-weight: normal;
}
.board-headers .capacity-box .user-availbility-bold {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  letter-spacing: -0.14px;
  text-align: center;
  font-weight: bold;
  color: var(--black);
  line-height: 24px;
  display: inline-block;
  margin-left: 12px;
}
.capacity-box .charts {
  width: 50px;
  height: 50px;
  display: inline-block;
}
.capacity-box .duplicate_charts {
  width: 140px;
  height: 140px;
  display: inline-block;
}

.field-value.due_date div {
  position: relative;
}
.field-value div {
  word-break: break-word;
}

.field-value .inline-edit-form {
  position: absolute;
  width: 260px;
  border-radius: 4px;
  box-shadow: 0 8px 16px 0 rgba(8, 45, 61, 0.2), 0 4px 12px 0 rgba(8, 45, 61, 0.1);
  background-color: var(--white);
  padding: 16px;
  z-index: 108;
}

.field-value .inline-edit-form input[type='text'] {
  width: calc(100% - 120px);
  border-radius: 6px;
  border: solid 1px #dadee2;
  background-color: var(--white);
  height: 48px;
}

.field-value .inline-edit-form input[type='text']:focus {
  background-image: linear-gradient(0deg, var(--blue_600) 2px, transparent 0px);
}

.issue-card .field-value.due_date input[type='text'].hasDatepicker {
  width: 80px;
  padding: 2px !important;
}
.error input.date {
  margin-top: -3px;
  border-bottom: none !important;
}
.error span.due_date {
  position: relative;
  bottom: 1px;
}
.field-value.due_date  input.hasDatepicker {
  border-bottom: none !important;
  border: 0;
}

.issue-card .field-value.due_date input[type='text'] { font-family: "Manrope"; }

.controller-agile_boards .issue-card:not(.meta-entry) .attributes-table tr { flex-wrap: wrap; }

.issue-view-modal {
  z-index: 108 !important;
  position: relative;
}

/*.issue-view-modal:has(div.inline-edit-form) {
  z-index: 108 !important;
}*/

.general-capacity table td strong { line-height: 40px; }

.controller-agile_my_dashboard input[type="text"],
.controller-agile_my_dashboard input[type="date"] {
  background: none;
  outline: none;
  border: none;
  border-bottom: 1px solid var(--neutral_600) !important;
  border-radius: 0px;
}

.capacity-flex-container {
  display: flex;
  flex-wrap: wrap;
}
.configure-capacity .display-flex-class > div {
  flex-grow: 1;
  margin-right: 10px;
  margin-top: 10px;
}
.manage-my-capacities-container .manage-my-capacities-body .configure-capacity .manage-my-capacities-submit {
  margin-top: 42px;
}
.manage-my-capacities-container .manage-my-capacities-body .day-of-week.selected {
  border: solid 1px #969696;
}
table.list>thead tr.without-background > * {
  background-color: transparent;
  border: none;
}
#capacity-pie-chart {
  position: relative;
  width: 320px;
  top: -80px;
}

#capacity-pie-chart > div {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}

#capacity-pie-chart > div > .label-day-of-week {
  font-family: 'Source Sans Pro', sans-serif;;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  color: var(--black);
}

.manage-my-capacities-container .manage-my-capacities-body .day-name {
  display: none;
}

.agile-board.autoscroll::-webkit-scrollbar,
.agile-board.autoscroll .container-fixed::-webkit-scrollbar {
  display: none;
  height: 0px;
}

.tab-content .reason-form textarea {
    width: 100%;
    resize: none;
}

#agile-board-container > form > div,
.agile-board.autoscroll > div,
.container-fixed > table > thead > tr > th:nth-child(2) > a > span {
    bottom: -4px;
}

.issue-card.ui-sortable-helper .description-popup {
  display: none !important;
}

.journal.has-notes.has-details .notes textarea {
  height: 250px;
  padding: 20px;
}

html.sorting #wrapper5 {
  pointer-events: none;
}

/*overlay-popu-issue**/
.edit-popup-fix .fixed_version_field img, .edit-popup-fix .category_field img {
  position: absolute;
  bottom: 15px;
}

.edit-popup-fix .box .title:after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/themes/vnc_responsive/icon/product/arrow_drop_up_black.svg) 50% no-repeat;
  background-size: 18px;
  margin-left: 4px;
  vertical-align: middle;
  margin-bottom: 2px;
}

.edit-popup-fix .box.hide .title:after {
  background: url(/themes/vnc_responsive/icon/product/arrow_drop_down_black.svg) 50% no-repeat;
  background-size: 18px;
}

.helpdesk_layout #issue-form #watchers_form>label,
.edit-popup-fix #watchers_form .title {
  margin-left: 0 !important;
  display: block;
  float: none;
  margin-bottom: 20px;
}
.edit-popup-fix #tab-content-release_notes .splitcontent {
  padding: var(--padding_m) var(--padding_xxl) var(--padding_xxl) var(--padding_xl) !important;
}
.edit-popup-fix #tab-content-release_notes .splitcontent .splitcontentleft p:nth-child(2) label {
  margin: -10px 15px !important;
}

.edit-popup-fix .splitcontentleft p:nth-child(n+2) input {
  margin: 0 !important;
}
.edit-popup-fix .splitcontentleft p:nth-child(n+2) {
  padding-top: 0 !important;
}
.edit-popup-fix .splitcontentright .checkbox-container label {
  padding: 0px !important;
  margin: 3px 0 0 30px !important;
}
.new_version select.chzn-select {
  border: 1px solid #d7d7d7 !important;
}


.edit-popup-fix .select2-choice {
  /* background: red !IMPORTANT; */
  display: block !IMPORTANT;
  bottom: 0 !important;
  width: 96%;
}

.edit-popup-fix .select2-choice .select2-chosen {
  /* background: pink !important; */
  line-height: 37px !important;
}

.edit-popup-fix .box .title,
#ajax-modal #issue-form #all_attributes #checklist_form > label {
  font-size: 16px;
  font-family: 'Manrope-Bold';
  height: 52px;
  line-height: 52px !important;
  font-weight: bold;
  text-align: left;
  color: var(--black);
  display: inline-block;
  width: 98%;
  position: relative;
  cursor: pointer;
  box-shadow: inset 0 -1px 0 0 var(--neutral_200);
  padding-left: 16px !important;
  margin-left: 0px !important;
  border-radius: 0;
  margin-block-start: 0;
  margin-bottom: var(--padding_s);
}

.controller-boards.action-index #add-message #message-form > p {
  background-color: white;
  margin: 12px 4px;
}
.controller-boards.action-index .box.filedroplistner { display: grid; }

.icon-minus         { background-image: url(/themes/vnc_responsive/icon/product/minus.svg);         }
.icon-plus          { background-image: url(/themes/vnc_responsive/icon/product/add.svg);           }
.icon-expand-view   { background-image: url(/themes/vnc_responsive/icon/product/expand-view.svg);   }
.icon-collapse-view { background-image: url(/themes/vnc_responsive/icon/product/collapse-view.svg); }
.fullscreen-status.icon-delete { background-image: url(/themes/vnc_responsive/icon/product/close.svg) !important; }

.window-buttons {
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 40px;
  color: var(--white);
  z-index: 101;
  display: flex;
  column-gap: var(--padding_s);
  align-items: center;
}

.window-buttons .mdi {
  margin: 0px 5px;
  cursor: pointer;
}


.window-buttons .icon {
  width: 24px;
  height: 24px;
  background-size: 18px;
  background-repeat: no-repeat;
  filter: brightness(0) invert(1);
  background-position: 50%;
  padding: 0px;
  cursor: pointer;
}

.window-buttons .icon:hover { opacity: 0.5; }

body:is(.controller-agile_achievements, .controller-agile_boards) .app-icon-container {
  position: sticky;
  left: 0px;
}

@media (min-width: 900px) {
  body:is(.controller-agile_achievements, .controller-agile_boards) #connection-lost,
  body:is(.controller-agile_achievements, .controller-agile_boards).robot-warning-active:not(.hide-robot-warning) #robot-warning,
  body:is(.controller-agile_achievements, .controller-agile_boards) #header.display-flex {
    width: calc(100vw - 12px);
    position: sticky;
    left: 0px;
  }

  body:is(.controller-agile_achievements, .controller-agile_boards) #header.display-flex { z-index: 106; }
  body:is(.controller-agile_achievements, .controller-agile_boards) #connection-lost { z-index: 107; }
  body:is(.controller-agile_achievements, .controller-agile_boards) #wrapper { flex-direction: row; }

  body:is(.controller-agile_achievements, .controller-agile_boards) #wrapper4.nosidebar #main-menu,
  body:is(.controller-agile_achievements, .controller-agile_boards) #wrapper4.nosidebar #top-menu {
    width: calc(100vw - 12px);
    position: sticky;
    left: 0px;
    top: unset !important;
  }

  body:is(.controller-agile_achievements, .controller-agile_boards) #wrapper4:not(.nosidebar) #top-menu,
  body:is(.controller-agile_boards) #wrapper4.nosidebar #top-menu { z-index: 3; }
  body:is(.controller-agile_achievements) #wrapper4.nosidebar #top-menu { z-index: 4; }

  body:is(.controller-agile_achievements, .controller-agile_boards) #wrapper4.nosidebar #content .achievements-container,
  body:is(.controller-agile_achievements, .controller-agile_boards) #wrapper4.nosidebar #content > #query_form,
  body:is(.controller-agile_achievements, .controller-agile_boards) #wrapper4.nosidebar #content > .all-projects-filter {
    width: calc(100vw - 36px);
    position: sticky;
    left: 12px !important;
    display: block;
  }

  body:is(.controller-agile_achievements, .controller-agile_boards) #wrapper4:not(.nosidebar) #main-menu,
  body:is(.controller-agile_achievements, .controller-agile_boards) #wrapper4:not(.nosidebar) #top-menu {
    width: calc(75vw - 12px);
    position: sticky;
    left: 0px;
    top: unset !important;
  }

  body:is(.controller-agile_achievements, .controller-agile_boards) #wrapper4:not(.nosidebar) #content .achievements-container,
  body:is(.controller-agile_achievements, .controller-agile_boards) #wrapper4:not(.nosidebar) #content > #query_form,
  body:is(.controller-agile_achievements, .controller-agile_boards) #wrapper4:not(.nosidebar) #content > .all-projects-filter {
    width: calc(75vw - 36px);
    position: sticky;
    left: 12px;
    display: block;
  }
}

#updating-board {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 60px);
  width: auto;
  height: 36px;
  background-color: var(--blue_500);
  border-radius: 22px;
  color: var(--white);
  font-family: 'Source Sans Pro';
  font-size: 13px;
  line-height: 1.54;
  letter-spacing: -0.13px;
  box-sizing: border-box;
  padding: var(--padding_s) var(--padding_l) var(--padding_s) 40px;
  z-index: 99999;
}

#updating-board:before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 22px;
  display: inline-block;
  height: 16px;
  width: 16px;
  border: 3px solid rgba(255, 255, 255, 0);
  border-top-color: var(--white);
  border-radius: 50%;
  -webkit-animation: loading-btn--fade-in 1s ease, loading-btn--rotation 2s linear 0s infinite;
  animation: loading-btn--fade-in 1s ease, loading-btn--rotation 2s linear 0s infinite;
}

@media (max-width: 899px) {
  .tooltip.global_trophy { transform: translate(-10px, -20px); }

  .my-achievements .stacked-column-chart { transform: translate(0px, 0px); }

  .my-achievements .week-capacity-details-column { margin-left: 5px; }

  .my-achievements .productive-tickets, .my-achievements .unproductive-tickets {
    width: 100%;
  }

  .my-achievements .productive-tickets ul, .my-achievements .unproductive-tickets ul {
    max-height: unset;
    overflow-y: auto;
    height: auto !important;
  }

  .controller-agile_achievements #main { margin: 0 !important; }

  .controller-agile_boards #query_form_with_buttons p.buttons .display-status-all,
  .controller-agile_boards #content p.buttons a.new-agile-card {
    top: 20px;
    float: none;
    position: initial;
    margin-left: unset;
    display: inline-block;
  }
  .controller-agile_boards div#content > div.contextual {
    margin-top: unset;
    width: unset;
  }
  .controller-agile_boards.action-index .modal .form-buttons .submit.capacities {
    margin-left: 60px;
    display: inline-block;
    width: unset;
  }
  .controller-agile_boards.action-index .modal .ui-dialog-title {
    margin-top: 0px;
  }
  div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.modal.ui-draggable {
    margin: 0px;
    min-height: 100%;
    min-width: 100%;
    border-radius: 0px !important;
    position: absolute;
    overflow-x: hidden;
    overflow-y: scroll !important;
    position:fixed;
    z-index: 105;
    top: 0 !important;
    left: 0 !important;
    overscroll-behavior: contain;
    height: 100% !important;
  }
  .availabilities-box .splitcontentleft:nth-child(2) table thead {
    opacity: 0;
  }
  .availabilities-box .splitcontentleft:nth-child(2) {
    position: relative;
    top: -30px;
  }
  #filters .filters-table .capacity-table {
    width: 100%;
    min-width: unset;
  }
  .filters-table .capacity-table > table > tbody > tr {
    display: grid;
  }
  .filters-table .capacity-table td.capacity-details-column {
    display: block;
  }
  .filters-table .capacity-table td.week-capacity-details-column {
    border-left: unset;
    padding-left: unset !important;
    display: block;
  }
  .filters-table .capacity-table td.capacity-details-column tr td:first-child,
  .filters-table .capacity-table td.week-capacity-details-column tr td:first-child {
    width: 140px;
  }
  .filters-table .capacity-table td.capacity-details-column tr td:nth-child(2),
  .filters-table .capacity-table td.week-capacity-details-column tr td:nth-child(2) {
    width: 60px;
  }
  .card-fields label.floating {
    width: unset;
  }
  .filters-table .options {
    width: 100%;
  }
  .card-fields label.floating, .board-columns label.floating, #open-tickets-selection .floating {
    width: unset;
    white-space: normal;
    display: inline-flex !important;
    justify-content: space-between;
    flex: 0 0 calc(50% - 12px);
    margin-right: 12px;
    box-sizing: border-box;
    height: 52px;
    box-shadow: inset 0 -1px 0 0 #e3e7eb;
    align-items: center;
    font-size: 18px;
    line-height: 20px;
    color: var(--black);
    text-transform: none;
  }
  .card-fields label.floating input, .board-columns label.floating input, #open-tickets-selection .floating input {
    order: 2;
  }
  .controller-agile_boards #query_form_content #group_by {
    width: 100%;
    margin-right: unset;
  }
  #tags-and-projects .button-clear {
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.12px;
    text-align: left;
    color: #607d8b;
    padding: 8px 18px !important;
    border-radius: 18px !important;
    border: 2px solid #607d8b !important;
    text-transform: uppercase;
    text-decoration: none;
    background-image: none;
  }
  .achievements_list_filters div {
    column-gap: 10px;
    display: grid;
    grid-template-columns: 60px 1fr;
    row-gap: 10px;
    width: 100%;
  }
  .agile-board-column {
    width: 360px;
  }
  .agile-board .issues-board {
    table-layout: fixed;
  }
  table.issues-board > tbody > tr > td,
  table.list.issues-board th {
    width: 100%;
    overflow: visible;
  }
  table.issues-board > tbody > tr > td {
    padding-top: 10px;
  }
  .issues-board > tbody {
    display: unset;
  }
  .agile-board th {
    position: relative;
  }
  table.list.issues-board .issue-card {
    -webkit-user-drag: none;
  }
  .controller-agile_boards.action-index #query_form_with_buttons .capacity-table {
    display: none;
  }
  #agile-board-navigation {
    display: none;
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.5);
    background-color: #0071bb;
    color: var(--white);
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    padding: 15px 10px;
    left: 0px;
    position: relative;
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 107;
  }
  #agile-board-navigation .navigation-buttons {
    float: right;
  }
  #agile-board-navigation .title {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--white);
    margin-left: 16px;
  }
  #agile-board-navigation .mdi:before{
    font-size: 20px;
    margin: 0px 7px;
  }
  #agile-board-navigation .mdi.selected:before{
    opacity: 0.5;
  }
  .controller-agile_boards.action-index #main {
    margin: 0px 6px !important;
  }
  .capacity-container {
    display: block;
  }
  .capacity-container .capacity-table > table > tbody > tr {
    display: grid;
  }
  .capacity-container .capacity-table > table {
    width: 100%;
  }
  .capacity-container .capacity-table div[dir='ltr'] {
    float: right;
  }
  .capacity-container .capacity-table .week-capacity-details-column {
    border-left: unset;
    border-top: 1px solid #cfd7dd;
    padding-left: 0px !important;
  }
  .my-capacity-details > tbody > tr > td,
  .week-capacity-details-column > tbody > tr > td {
    font-size: 14px;
  }
  #agile-board-navigation .mdi.mdi-dots-vertical .actions {
    display: none;
  }
  #agile-board-navigation .mdi.mdi-dots-vertical.selected .actions {
    position: absolute;
    color: var(--black);
    border-radius: 3px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: var(--white);
    z-index: 102;
    right: 14px;
    display: block;
    padding: 20px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    text-align: left;
    color: var(--black);
  }
  #agile-board-navigation .mdi.mdi-dots-vertical.selected .actions a {
    color: var(--black);
  }
  #agile-board-navigation .mdi.mdi-dots-vertical.selected .actions .mdi:before {
    margin-left: 0px;
    margin-right: 14px;
  }
  .display-status-box {
    display: none;
  }
  #agile-board-navigation .mdi.active:after {
    background-color: #ff7f00;
    font-family: "Material Design Icons";
    content: "\f44a";
    font-size: 10px;
    color: #ff7f00;
    position: relative;
    top: 0px;
    left: -15px;
    vertical-align: top;
    border-radius: 50%;
  }
  #tags-and-projects div {
    padding: 15px 10px;
  }
  #tags-and-projects div label {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral_600);
    line-height: 20px;
    display: block;
    margin-left: 8px;
  }
  #tags-and-projects div select {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--black);
  }
  #tags-and-projects p.buttons {
    background: none;
    padding-left: 0px;
  }
  #tags-and-projects div select::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--neutral_600);
    opacity: 1; /* Firefox */
  }
  #tags-and-projects div select:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--neutral_600);
  }
  #tags-and-projects div select::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--neutral_600);
  }
  #tags-and-projects .select2-container .select2-choice {
      font-family: 'Source Sans Pro', sans-serif;
      font-size: 10px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: normal;
      text-align: left;
      color: var(--black);
      outline: none;
      border: none;
      border-bottom: 1px solid rgba(0, 0, 0, 0.16);
      border-radius: 0px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E") no-repeat right;
      -webkit-appearance: none;
      appearance: none;
      padding-bottom: 1px;
      padding-left: 0px;
  }
  #tags-and-projects .select2-container .select2-choice span {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--neutral_600);
  }
  #tags-and-projects .select2-container .select2-choice div {
      display: block;
      width: 18px;
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      background: unset;
      border-left: none;
      filter: none;
  }
  #tags-and-projects .select2-container .select2-choice div b {
      display: block;
      width: 100%;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E") no-repeat right;
  }
  #tags-and-projects #s2id_tag_id {
     float: unset;
     width: 100% !important;
  }
  #agile-board-navigation .mobile-toggle-button.js-flyout-menu-toggle-button {
      color: var(--white);
      height: 20px;
      width: 20px;
      float: left;
      border: unset;
  }
  #agile-board-navigation .mobile-toggle-button:after {
      margin-top: -22px;
      font-size: 32px;
  }
  #tags-and-projects .select2-results .select2-result-label {
    font-size: 14px;
    color: var(--black);
  }
  table.list.issues-board th {
    border: unset;
  }
  .my-dashboard-container .my-dashboard-container-body{
    height: auto !important;
    padding: 12px 8px !important;
  }
  .my-dashboard-container-body .trophy-per-day {
    width: 14.28%;
  }
  .my-dashboard-container-body .trophy-per-day .trophy-cup {
    margin-bottom: 15px;
  }
  .controller-agile_my_dashboard #last_2_weeks_trophies,
  #my_capacity, #agile_board,
  #incidents, #vnctasks,
  .controller-agile_my_dashboard
  #tickets_per_day,
  #monthly_achievements,
  #my_team_meta_roadmaps {
    margin: 10px 0;
  }
  .window-buttons {
    margin-right: 0;
  }
  .dashboard-title {
    text-align: start;
  }
  .manage-my-capacities-body .general-capacity,
  .manage-my-capacities-body .configure-capacity,
  .manage-my-capacities-body .configured-capacities {
    padding: 0;
  }
  .manage-my-capacities-body .configure-capacity,
  .manage-my-capacities-body .configured-capacities {
    border-left: none;
  }
  .controller-agile_my_dashboard .my-dashboard-container .my-dashboard-container-body,
  .manage-my-capacities-container .manage-my-capacities-body,
  .controller-agile_my_dashboard .agile-board-container .agile-board-container-body,
  .controller-agile_my_dashboard .open-incidents-container .open-incidents-container-body,
  .controller-agile_my_dashboard .open-tasks-container .open-tasks-container-body,
  .controller-agile_my_dashboard .tasks-per-day-container .tasks-per-day-container-body,
  .last-month-achievements-container .last-month-achievements-container-body,
  .meta-roadmaps-container .meta-roadmaps-container-body {
    padding: 7px;
  }
  .input-user-availability {
    width: 37px;
  }
  .tasks-per-day-container-body #tickets-per-day-pie-chart {
    text-align: center;
  }
  .tasks-per-day-container .tasks-per-day-container-body {
    flex-wrap: wrap;
  }
  .display-flex-class {
    display: flex;
    flex-wrap: wrap;
  }
  .display-flex-main {
    display: flex;
    flex-direction: column;
  }
  .manage-my-capacities-container .manage-my-capacities-body {
    line-height: normal;
  }
  .tasks-per-day-container-body #tickets-per-day-pie-chart {
    margin: 0 auto 12px !important;
  }
  .tasks-per-day-container-body .tasks-per-day td {
    line-height: normal;
  }
  .tasks-per-day td.subject-with-max-width {
    white-space: normal;
    max-width: none;
  }
  #agile-board-container,
  .last-month-achievements-container,
  .open-incidents-container,
  .open-tasks-container,
  .meta-roadmaps-container {
    width: 100%;
  }
  .agile-board-container .agile-board-container-body {
    padding: 0 !important;
  }
  table.list td {
    padding: 0;
  }
  .agile-board-container-body tbody.agile-board-columns tr {
    width: auto;
  }
  .manage-my-capacities-container .submit.capacities {
    margin: 0;
    position: absolute;
    right: 20px;
    bottom: 5px;
  }
  .controller-agile_my_dashboard .my-dashboard-container .my-dashboard-container-header,
  .manage-my-capacities-container .manage-my-capacities-header,
  .agile-board-container .agile-board-container-header,
  .open-incidents-container .open-incidents-container-header,
  .open-tasks-container .open-tasks-container-header,
  .tasks-per-day-container .tasks-per-day-container-header,
  .last-month-achievements-container .last-month-achievements-container-header,
  .meta-roadmaps-container .meta-roadmaps-container-header {
    font-size: 14px;
  }
  .my-achievements .display-flex-class {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .last-month-achievements-trophy {
    margin: 0 20px 10px 0;
  }
  .last-month-achievements-congratulation {
    text-align: justify;
  }
  .my-achievements-tickets {
    display: block !important;
  }
  .last-month-achievements-container-body .my-achievements .productive-tickets,
  .last-month-achievements-container-body .my-achievements .unproductive-tickets {
    margin: 30px 0px 0px;
  }
  .last-month-achievements-container-body #datepicker .ui-widget-content {
   max-width: none;
   min-width: none;
  }
  .priority-pie-chart-container, .type-pie-chart-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 0 15px 0;
    width: 100%;
  }
  .pie-chart-body {
    margin: 0 !important;
    width: 140px;
  }
  .controller-agile_my_dashboard #main {
    margin: 0px 0 0 !important;
  }
  .right-sidebar-button {
    top: 74px;
  }
  .window-buttons {
    z-index: 100;
  }
  .issue-card {
    margin: 10px 10%;
  }
  .controller-agile_my_dashboard .agile-board-container .agile-board-container-body tbody.agile-board-columns {
    display: inline-block;
  }
  .dashboard_tabs {
    width: 100%;
    max-width: calc(100% - 16px);
    overflow: scroll;
    white-space: nowrap;
  }
  .tasks-per-day-container > .tasks-per-day-container-body > table > tbody > tr:nth-child(1) > th:nth-child(1) {
    width: 15px;
  }
  .tasks-per-day-container-body table.tasks-per-day {
    display: block;
    table-layout: fixed;
  }

  .tasks-per-day-container-body .tasks-per-day th{
    padding: 10px;
  }
  .tasks-per-day-container-body .tasks-per-day td{
    padding: 10px;
  }

  .window-buttons .mdi.mdi-arrow-expand {
    display: none;
  }
  #last_2_weeks_trophies, #my_capacity,
  #tickets_per_day,
  #agile_board,
  #monthly_achievements,
  #incidents,
  #vnctasks,
  #my_team_meta_roadmaps {
    width: 100%;
  }
  .keyboard-showing #main .main-action-button.mdi {
    display: none;
  }
  .keyboard-showing #main .action-buttons.contextual.show-actions {
    display: none;
  }
  #my-dashboard-right-sidebar {
    width: 100%;
    top: 60px;
    position: fixed;
    height: 100vh;
    margin: 0px;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    overflow-x: hidden;
    overflow-y: scroll !important;
    position: fixed;
    top: 0 !important;
    left: 0 !important;
  }
  .configure-capacity-title {
    margin: 4px 0;
  }
  #main .action-buttons.contextual.show-actions {
    right: 14px !important;
  }
  .log_time_container > div {
      width: calc(50% - 10px);
  }
  .log_time_container > div:nth-child(even) {
      margin-left: 20px;
  }
  .modal #new_time_entry .log_time_container img.ui-datepicker-trigger {
      right: 8px;
  }
  #main .action-buttons.contextual.show-actions {
    right: 14px !important;
  }
  .manage-my-capacities-box,
  .manage-my-capacities-container .manage-my-capacities-body .manage-my-capacities-box .display-flex-class,
  .manage-my-capacities-container .manage-my-capacities-body .day-of-week,
  .manage-my-capacities-container .manage-my-capacities-body input[type="text"],
  .manage-my-capacities-container .manage-my-capacities-body select {
    width: 100%;
  }
  .manage-my-capacities-container .manage-my-capacities-body .day-of-week > div {
    flex-basis: 33%;
  }
  #capacity-pie-chart {
    display: none !important;
  }
  #configuring-capacities,
  .configure-capacity .display-flex-class {
    width: 100%;
  }
  .configure-capacity .display-flex-class {
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
  }
  .manage-my-capacities-container .manage-my-capacities-submit .submit.capacities {
    margin: 0;
    position: relative;
    bottom: 0px;
    right: 0px;
  }
  #user_user_availabilities_attributes_0_from,
  #user_user_availabilities_attributes_0_to {
    max-width: 120px;
  }
  #configured-capacities .availabilities-box table tbody tr td {
    font-size: 12px;
  }
  .manage-my-capacities-submit {
    margin-top: 0px;
  }
  #ui-datepicker-div.ui-datepicker a {
    line-height: 18px !important;
  }
  .tasks-per-day colgroup {
    display: none;
  }
  .buttons .contextual a {
    background: none !important;
    font-weight: bold !important;
    padding: 8px 18px !important;
    border-radius: 18px !important;
    margin-top: 5px !important;
  }
  .controller-agile_boards .issue-card .project img {
    width: 34px;
    height: 34px;
  }
  .profile-info {
    width: 100%;
    top: 0px;
    border-radius: 0px;
  }
  .profile-info .tab-content {
    height: unset;
  }
  .profile-fixed-position {
    overscroll-behavior: contain;
    overflow-x: hidden;
  }
  .profile-info .details {
    padding: 0px;
  }
  .profile-info div#activity dl {
    margin-left: 5px;
  }
  .ui-dialog #ajax-modal #new_time_entry .form-buttons {
    margin: 0px;
  }
  .welcome_box {
    width: 100% !important;
    max-width: 100% !important;
    min-width: unset !important;
    top: 0px !important;
    border-radius: 0px;
    margin: 0px 3px;
  }
  .welcome_box #ajax-modal.ui-dialog-content #issue-form .button_update:before {
    left: -8px;
    top: 12px;
  }
  .controller-agile_boards #issue-form .column-container-3 > div {
      margin-top: 30px;
  }
  .board-headers .capacity-box {
    left: unset !important;
  }
  .board-headers {
    scroll-behavior: smooth;
  }
  .show_modal .robot-background {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: black;
    z-index: 119;
    opacity: 0.7;
  }
  table.list.issues-board > thead > tr > th,
  .container-fixed .board-headers > tr > th {
    padding-bottom: 0px;
  }
  .controller-agile_boards #wrapper4.nosidebar #content {
    padding: 0px 0px;
  }
  .agile_board_options select#group_by {
    width: 190px;
  }
  .agile_board_options .flex-row {
    display: flex;
    flex-wrap: wrap;
  }
  div#content {
    padding: 8px 4px;
  }
  #sortableContainer #agile_board {
    min-width: unset;
  }
  .right-sidebar-button {
    z-index: 100;
  }
  _:-webkit-full-screen:not(:root:root), .agile-card-tooltip,
  _:-webkit-full-screen:not(:root:root), .user-dropdown-menu,
  _:-webkit-full-screen:not(:root:root), .edit-profile-tooltip {
    width: 180px;
    top: 0px;
    right: 30px;
    left: unset;
  }
  _:-webkit-full-screen:not(:root:root), .icon-tooltip {
    width: initial;
  }
  .controller-agile_boards #ajax-modal .edit_time_entry span.update-ota{
     margin-left: 0px;
  }
    .controller-agile_achievements .display-status-all {
        top: 4px;
        right: 5px
    }
    .controller-agile_boards .display-status-all {
      display: none;
    }
    .controller-agile_boards .selected .display-status-all {
      display: block;
      width: 100%;
      position: absolute;
      background: var(--white);
      top: 50px;
      left: 0px;
      float: left;
      padding-bottom: 12px;
      padding-top: 12px;
      border-radius: 12px;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      box-shadow: 0 8px 16px 0 rgba(8, 45, 61, 0.2), 0 4px 12px 0 rgba(8, 45, 61, 0.1);
    }
    #header .header-display-status.button div {
      display: none;
    }
    #header .header-display-status.button.selected div {
      font-family: 'Source Sans Pro', sans-serif;
      font-size: 12px;
      line-height: 48px;
      letter-spacing: normal;
      color: #4d565f;
      text-transform: uppercase;
      display: block;
      text-align: left;
      padding-left: 16px;
    }
    .controller-agile_boards .display-status-all > span {
      display: block;
      width: 100%;
      text-align: left;
      font-size: 16px;
      font-weight: 600;
      font-stretch: normal;
      font-style: normal;
      line-height: 52px;
      height: 52px;
      letter-spacing: normal;
      color: #525f6c !important;
      text-transform: capitalize;
    }
    .controller-agile_boards .display-status-all > span:before {
      font-size: 24px;
      color: #8B96A0;
      margin: 0px 12px 0px 16px;
      vertical-align: bottom;
    }
    .controller-agile_boards .display-status-all > span:after {
      width: 18px;
      height: 18px;
      background: url('/themes/vnc_responsive/icon/product/check-blue.svg') 50% no-repeat;
      background-size: 18px;
      float: right;
      margin-right: 18px;
      margin-top: 16px;
    }
    .controller-agile_boards .display-status-all.custom_state > span.custom-state:after,
    .controller-agile_boards .display-status-all > span.expand:after,
    .controller-agile_boards .display-status-all.collapsed > span.collapsed:after {
      content: '';
      display: inline-block;
    }
    .controller-agile_boards .display-status-all.custom_state > span.expand:after,
    .controller-agile_boards .display-status-all.collapsed > span.expand:after {
      content: none;
    }
    .mdi.mdi-magnify {
        margin-top: 13px;
    }
    #tags-and-projects div.select2-container {
      border: none !important;
      background: none;
    }
    .cards-collapsing {
      display: none;
    }
    #agile-board-navigation > span.navigation-buttons > span.mdi.mdi-dots-vertical.selected > div > div.cards-collapsing{
        display: block;
    }
  #ajax-modal #issue-form .tabs:not(.jstTabs) ul,
  .controller-agile_boards #issue-form .tabs:not(.jstTabs) ul{
      position: relative;
      overflow: hidden;
      width: auto;
      overflow-x: scroll;
      display: flex;
      white-space: nowrap;
      height: 48px;
      padding-top: 4px;
    }
    #issue-form .tabs {
        \padding-bottom: 36px;
    }
    .achievements-container table.issues-board > tbody > tr > td {
      min-width: 260px;
    }

    .issue-card.ui-sortable-helper {
      -moz-transform: rotate(-5deg); /* Для Firefox */
      -ms-transform: rotate(-5deg); /* Для IE */
      -webkit-transform: rotate(-5deg); /* Для Safari, Chrome, iOS */
      -o-transform: rotate(-5deg); /* Для Opera */
      transform: rotate(-5deg);
      height: 60px !important;
      overflow: hidden;
    }
    .issue-card.ui-sortable-helper > .fields {
      display: none;
      height: 0px;
    }
    table.issues-board > tbody > tr > td.issue-status-col.current_column:after {
      content: '';
      display: inline-block;
      background-color: #e3e7eb;
      border-radius: 6px;
      margin: 10px 10%;
      width: 80%;
      height: 60px;
    }
    .agile_board_options .flex-row > td {
      padding-right: 0px;
    }
    .controller-agile_boards fieldset:last-child .filters-table table tbody tr > td > *:first-child {
      flex: 0 0 100%;
      font-family: 'SourceSansPro', sans-serif;
      font-size: 12px;
      line-height: 48px;
      text-transform: uppercase;
      color: #4d565f;
    }
    .issue-view-modal {
      z-index: 120 !important;
    }
    .controller-agile_boards #main #content #query_form .buttons.show {
      margin-bottom: 0px;
    }
    .agile_board_options .flex-row > td.selectors {
      flex-direction: column;
      justify-content: left;
      align-content: flex-start;
    }
    fieldset#filters.show legend {
      background-color: transparent;
      color: var(--white);
      margin-bottom: var(--padding_n);
    }

    #filters > legend{
        background-color: var(--neutral_100) !important;
        color: var(--neutral_A600) !important;
    }
}
/* 899 media end */