@font-face {
    font-family: 'Material Design Icons';
    src: url('/material_design/fonts/materialdesignicons-webfont.ttf')
}
@font-face {
    font-family: 'Product Sans';
    src: url('/themes/vnc_responsive/fonts/Product Sans Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#admin-menu a.tags { background-image: url(../images/text_list_bullets.png); }
#select-tag { width:auto }
select#issue_start_time { width: 95px; }
select#issue_due_time { width: 95px; }

.tag {
  background: #0071bb;
  border-radius: 0px 3px 3px 0px;
  color: white;
  display: inline-block;
  height: 18px;
  line-height: 15px;
  padding: 0 4px;
  position: relative;
  margin: 0 10px 10px 0;
  text-decoration: none;
  -webkit-transition: color 0.2s;
  font-size: 10px;
}

.tag::after {
  border-bottom: 9px solid transparent;
  border-right: 6px solid #0071bb;
  border-top: 9px solid transparent;
  content: '';
  position: absolute;
  left: -6px;
  top: 0;
}

.tag:hover::after {
   border-left-color: crimson;
}

.tag #delete-tag {
  font-size: 12px;
  cursor:pointer;
  vertical-align: top;
}

#delete-tag:hover {
  color: #ffb400;
}

.tags-label {
  font-weight: bold;
  padding-bottom: 10px;
}

.tags-value {
  padding-left: 10px;
}

.vip-user-tag {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: rgb(255, 255, 255);
    padding: 3px;
    background: rgb(96, 125, 139);
    border-radius: 3px;
}

#main-menu #main-sub-menu, #top-menu #top-sub-menu {
    list-style: none;
    margin: -1px; padding: 0;
    display: none;
    height: auto;
    position: relative;
}

input#project_search{
    width: 90%;
}

#history label.method-field{
    float: left;
    width: 75px;
    margin-top: 3px;
    text-align: right;
    margin-right: 5px;
}

#history label.toissue-field{
    float: left;
    width: 75px;
    margin-top: 10px;
    text-align: right;
    margin-right: 5px;
}

#change_password .box p { padding-left: 215px; }
#change_password .box p label {
    margin-left: -215px;
    width: 210px;
}

.roadmap-droppable-hover td {
    background-color: green;
    border-color: green !important;
}

.roadmap-draggable-active {
    width: 100%;
    display: table;
}

#mockups_attachments_fields input.description {margin-left:4px; width:340px;}
#mockups_attachments_fields span {display:block; white-space:nowrap;}
#mockups_attachments_fields input.filename {border:0; height:1.8em; width:250px; color:#555; background-color:inherit; background:url(../../../../images/attachment.png) no-repeat 1px 50%; padding-left:18px !important;}
#mockups_attachments_fields .ajax-waiting input.filename {background:url(../../../../images/hourglass.png) no-repeat 0px 50%;}
#mockups_attachments_fields .ajax-loading input.filename {background:url(../../../../images/loading.gif) no-repeat 0px 50%;}
#mockups_attachments_fields div.ui-progressbar { width: 100px; height:14px; margin: 2px 0 -5px 8px; display: inline-block; }

#history .journal h4 {
    margin-bottom: 0px;
}

#history .time-entry .details {
    padding: 20px 20px 20px 40px;
    margin-top: 0px;
    box-shadow: unset;
    background-color: rgba(0, 0, 0, 0.04);
    border-radius: 6px;
    border: unset;
}

#history .time-entry .details li {
  list-style-type: none;
}

#history .time-entry img.gravatar {
    float: left;
    margin: 0 6px 0 0;
    padding: 5px;
    left: -15px;
    top: 5px;
    position: relative;
    width: 30px;
    height: 30px;
    padding: 0px;
    background: var(--neutral_600);
    border-radius: 50%;
}
body #spinner {
    display: none;
}

body.loading #spinner {
    display: block;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background-color: #ffffff;
}

body.loading #spinner span {
    background-position: 35% 40%;
    background-repeat: no-repeat;
    background-image: url(/images/loading.gif);
    padding-left: 26px;
    vertical-align: bottom;
    top: 35%;
    left: 40%;
    position: fixed;
    background-color: #eee;
    border: 1px solid #bbb;
    width: 20%;
    font-weight: bold;
    text-align: center;
    padding: 0.6em;
    opacity: 0.5;
}
#project_quick_jump_box, #tag_id {
  display: none;
}

.select2-container-multi .select2-choices .select2-search-choice::after {
  border-bottom: unset !important;
  border-right: unset !important;
}

.tags-button-block {
  margin-top: 5px;
}

.inline-block {
  display: inline-block;
}

.tags-button {
  text-transform: uppercase;
  margin: 0 5px;
  font-weight: bold;
  cursor: pointer;
  padding: 8px;
}

.issue_tags .tags-select-box {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0;
  margin: 5px;
}

#filters #tr_assigned_to_id .toggle-multiselect,
#filters #tr_author_id .toggle-multiselect,
#tr_tags .toggle-multiselect,
#tr_project_id .toggle-multiselect,
#tr_fixed_version_id .toggle-multiselect,
#tr_author_or_assigned .toggle-multiselect,
#tr_author_assigned_or_watcher .toggle-multiselect{
  display: none;
}

@media (max-width: 899px) {
  #row-tags {
    display: none;
  }
}

.new-project-progress-bar{
    margin-top: 4px;
}
#content .box .jstTabs.tabs ul li a.tab-preview,
#ajax-modal .box .jstTabs.tabs ul li a.tab-preview {
    line-height: 36px !important;
}

#errorExplanation {
    padding: 17px 47px !important;
    z-index: 2;
}

div#notes {
    overflow: hidden;
}

form.new_site > div > p,
form.edit_site > div > p,
form.new_config_item > div > p,
form.edit_config_item > div > p,
form.new_configuration_type > div > p,
form.edit_configuration_type > div > p{
    padding-left: 128px;
}

#principals > label > img {
    vertical-align: middle;
    margin-right: 5px;
}
.contextual .icon {
    padding-top: 6px;
    padding-bottom: 3px;
}
.controller-issues.action-show div.issue #relations p a{
    margin-left: 7px;
}
select.expandable {
    vertical-align: middle;
}

form.new_holiday > div.splitcontentleft > div > p > div > div.jstTabs.tabs > ul > li,
form.edit_holiday > div.splitcontentleft > div > p > div > div.jstTabs.tabs > ul > li{
    height: 40px !important;
    width: 39px;
}
form.new_holiday > div.splitcontentleft > div > p > div > div.jstTabs.tabs ul li.tab-elements div button,
form.edit_holiday > div.splitcontentleft > div > p > div > div.jstTabs.tabs ul li.tab-elements div button{
    width: 25px !important;
}
form.new_holiday > div.splitcontentleft > div > p> div > div.jstTabs.tabs > ul > li > a.tab-edit,
form.edit_holiday > div.splitcontentleft > div > p> div > div.jstTabs.tabs > ul > li > a.tab-edit{
    margin-left: -11px;
}

form.new_site > div > p,
form.edit_site > div > p,
form.new_config_item > div > p,
form.edit_config_item > div > p,
form.new_configuration_type > div > p,
form.edit_configuration_type > div > p{
    padding-left: 128px;
}
#watchers > div.contextual {
    line-height: 10px;
    position: absolute;
    z-index: 1;
    right: 25px;
}

a.user.user-mention {
    background-color: transparent;
}

@media (max-width: 899px) {
    form.new_holiday  > div > p {
        padding-left: unset;
    }

    form.new_holiday  > div > p > div.jstBlock {
        padding-top: 71px;
    }

    form.new_holiday > div.splitcontentleft > div > p > div > div.jstTabs.tabs > ul > li.tab-elements > div,
    form.edit_holiday > div.splitcontentleft > div > p > div > div.jstTabs.tabs > ul > li.tab-elements > div{
        height: 110px !important;
        line-height: 28px !important;
        padding: 0px;
        overflow: visible;
        margin-bottom: 9px;
        border-radius: 6px 6px 0px 0px;
        border: 1px solid var(--neutral_300);
        background: var(--white);
        z-index: 1;
        margin-right: -8px;
        white-space: normal;
    }
    form.new_holiday > div.splitcontentleft > div > p > div > div.jstEditor textarea.wiki-edit,
    form.new_holiday > div.splitcontentleft > div > p > div > div.jstEditor textarea.wiki-edit {
        padding-top: 70px;
    }

    form.new_holiday .tabular .jstBlock{
        padding-top: 71px;
    }
    form.new_holiday > div.splitcontentleft > div > p > div > div.jstTabs.tabs > ul > li,
    form.edit_holiday > div.splitcontentleft > div > p > div > div.jstTabs.tabs > ul > li{
        height: unset;
        width: unset;
    }
    form.new_holiday > div.splitcontentleft > div > p > div > div.jstTabs.tabs ul li.tab-elements div button,
    form.edit_holiday > div.splitcontentleft > div > p > div > div.jstTabs.tabs ul li.tab-elements div button{
        width: unset;
    }
    form.new_holiday > div.splitcontentleft > div > p> div > div.jstTabs.tabs > ul > li > a.tab-edit,
    form.edit_holiday > div.splitcontentleft > div > p> div > div.jstTabs.tabs > ul > li > a.tab-edit{
        margin-left: unset;
    }
 form.new_site > div > p,
    form.edit_site > div > p,
    form.new_config_item > div > p,
    form.edit_config_item > div > p,
    form.new_configuration_type > div > p,
    form.edit_configuration_type > div > p{
        padding-left: unset;
    }
    .jstEditor textarea.wiki-edit {
        padding-top: 44px;
    }
    #new_configuration_type > div > p > div.jstBlock {
        padding-top: 71px;
    }

    form.new_configuration_type > div > p > div > div.jstTabs.tabs > ul > li.tab-elements > div,
    form.edit_configuration_type > div > p > div > div.jstTabs.tabs > ul > li.tab-elements > div,
    form.edit_config_item > div > p > div > div.jstTabs.tabs > ul > li.tab-elements > div,
    form.new_config_item > div > p > div > div.jstTabs.tabs > ul > li.tab-elements > div,
    form.edit_site > div > p > div > div.jstTabs.tabs > ul > li.tab-elements > div,
    form.new_site > div > p > div > div.jstTabs.tabs > ul > li.tab-elements > div {
        height: 110px !important;
        line-height: 28px !important;
        padding: 0px;
        overflow: visible;
        margin-bottom: 9px;
        border-radius: 6px 6px 0px 0px;
        border: 1px solid var(--neutral_300);
        background: var(--white);
        z-index: 1;
        margin-right: -8px;
        white-space: normal;
    }


    form.edit_configuration_type .tabular .jstBlock .jstEditor textarea.wiki-edit,
    form.new_configuration_type .tabular .jstBlock .jstEditor textarea.wiki-edit,
    form.edit_config_item  .tabular .jstBlock .jstEditor textarea.wiki-edit,
    form.new_config_item .tabular .jstBlock .jstEditor textarea.wiki-edit,
    form.edit_site .tabular .jstBlock .jstEditor textarea.wiki-edit,
    form.new_site .tabular .jstBlock .jstEditor textarea.wiki-edit {
        padding-top: 70px;
    }
    form.edit_configuration_type .tabular .jstBlock,
    form.new_configuration_type .tabular .jstBlock,
    form.edit_config_item  .tabular .jstBlock,
    form.new_config_item .tabular .jstBlock,
    form.edit_site .tabular .jstBlock,
    form.new_site .tabular .jstBlock {
        padding-top: 71px;
    }

}

/* Application.css changes */
@media all and (max-width: 899px){
  body.filters-active { overflow: hidden; }
  .action-buttons.contextual.show-actions a {
    margin-right: 0px !important;
    background-color: unset !important;
    top: 0px !important;
  }
}
#sidebar form input.hasDatepicker       { padding-right: 28px !important; }
#sidebar form img.ui-datepicker-trigger { margin-left: -28px; }

table.list:not(.issues-board) .select2-container {
  margin-left: -8px;
  border: none !important;
  background: none;
  padding-right: 0px;
}
table.list:not(.issues-board) .select2-container .select2-choice span {
  margin-right: 0;
  font-family: 'Source Sans Pro';
  font-size: 14px;
  line-height: 24px;
}

table.list:not(.issues-board) .select2-container a.select2-choice { padding-right: 0; }
table.list:not(.issues-board) img + .select2-container a.select2-choice { padding: 0 0 0 4px; }

.controller-issues #issue-form #checklist_form>label:not(.floating) { width: calc(100% + 16px); }

.controller-issues #issue-form .icon-add.button-icon-only:hover { background-color: var(--hover_background); }

.category_field .button-icon-only.icon-add,
.fixed_version_field .button-icon-only.icon-add {
  margin-top: 30px !important;
}

html > body #wrapper #ajax-indicator,
html > body.loading #spinner {
  box-sizing: content-box;
}

@media only screen and (max-width: 899px) {
  #ajax-indicator .boxes,
  #spinner .boxes {
      left: 24px !important;
      top: 48px !important;
  }
}
div.issue .attachments div.thumbnails div.sendToPdfFiller { display: none !important; }

body div.issue .attachments .attachment-box:hover .attachment-box-buttons,
.quick-edit-form .attachments .attachment-box:hover .attachment-box-buttons {
    display: block;
    width: auto !important;
}

body div.issue .attachments .attachment-box a.delete,
.quick-edit-form .attachments .attachment-box a.delete {
  background: url(/themes/vnc_responsive/icon/product/delete-new-white.svg) no-repeat 50% 50% !important;
  background-size: 18px !important;
  height: 32px;
  width: 32px;
  font-size: 0;
  display: block;
  padding: 0;
}

div#content > .contextual.action-buttons a:active { background-color: unset; }

#ajax-modal.ui-dialog-content.ui-widget-content {
  overflow-x: hidden;
  border-radius: 0 0 6px 6px;
}

#ajax-modal div.unable-to-remove,
.ui-dialog #ajax-modal select {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--black);
    width: 100%;
    margin-bottom: 0px;
}

table.list:not(.issues-board) td.assigned_to,
table.list:not(.issues-board) td.last_updated_by { white-space: nowrap; }
img.ui-datepicker-trigger {
    margin-left: -40px;
    width: 24px;
    height: 24px;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

.ajax-loading a.inline-edit-link,
.ajax-loading #watchers a,
.ajax-loading #watchers_inputs *,
.ajax-loading .select2-choice,
.ajax-loading .select2-container {
    pointer-events: none;
    cursor: not-allowed;
}

.attachments div.thumbnails div.author,
div.issue .attachments div.thumbnails div.attachment-title,
.quick-edit-form .attachments div.thumbnails div.attachment-title {
  display: flex;
  max-width: 100%;
  gap: 4px;
  height: 18px;
}

.attachments div.thumbnails span.author-name + span,
div.issue .attachments div.thumbnails div .size,
.quick-edit-form .attachments div.thumbnails div .size {
  flex: 0 0 auto;
  font-family: 'Source Sans Pro', sans-serif;
}

.attachments div.thumbnails span.author-name,
div.issue .attachments div.thumbnails div .icon-attachment,
.quick-edit-form .attachments div.thumbnails div .icon-attachment {
  -webkit-box-align: baseline;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  flex: 0 1 auto;
  font-family: 'Source Sans Pro', sans-serif;
}

.select-columns-button {
  background-image: url(/themes/vnc_responsive/icon/product/filter.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
  background-size: 18px !important;
  display: inline-block;
  height: 32px;
  width: 32px;
  border-radius: 4px;
}

.select-columns-button:before { display: none; }
.select-columns-button:hover {
  filter: invert(45%) sepia(95%) saturate(1828%) hue-rotate(187deg) brightness(81%) contrast(77%);
  background-color: var(--hover_background);
}

a.columns-wrapper-div { background: none !important; }

#content #query_form_with_buttons .columns-container-buttons a.form-button-apply,
#content #query_form_content .columns-container-buttons a.form-button-apply,
#select-columns-container .columns-container-buttons .form-button-apply {
  height: 24px;
}

#select-columns-container .columns-container-buttons a.form-button-cancel {
    font-size: 12px;
    height: 24px;
    font-family: 'Manrope-Bold';
    background-image: none !important;
    text-decoration: none !important;
    float: unset;
    width: auto;
}

.columns-wrapper-div { position: unset; }

#select-columns-container {
    top: inherit;
    right: inherit;
    margin-left: -600px;
    margin-top: 44px;
}

#filters .applied_filters_with_add_button + .applied_filters_with_add_button { display: none; }
.button-icon-only:hover { background-color: var(--hover_background) !important; }

#tabular-project-view .warning .icon-large {
  background-repeat: no-repeat;
  padding: 0px 0 0 var(--padding_xxl);
  background-size: var(--padding_xl);
  font-size: 18px;
  font-family: 'Manrope-Bold';
}

div.wiki img { height: auto !important; }

#issue-form div.select2-container {
  padding-top: var(--padding_xs) !important;
}

.fixed_version_field .select2-container a, .category_field .select2-container a { margin-left: 0px; }
.select-with-label select,
.select-with-label div.select2-container,
.completeness-box select,
#version-container select:not(#version_features),
#new_issue_category select,
#project-container select,
#analysis-form p select,
.controller-dmsf_workflows #content div.select2-container,
#issue-form select,
#meta-task-form select,
#issue-form div.select2-container,
#new_time_entry .box.tabular select,
.edit_time_entry .box.tabular select,
.helpdesk_layout #issue-form select,
.ui-dialog.welcome_box #another-ajax-modal span.time-select select,
.account_settings select {
  font: 16px/24px "Source Sans Pro",sans-serif;
}

.select-with-label .select2-container span,
#issue-form .column-container-3 .select2-container span,
#issue-form .project_field .select2-container span {
  font: 16px/38px "Source Sans Pro",sans-serif;
}

.select2-drop:not(.select2-drop-multi) .select2-search input {
  padding: 0px;
}

#projects-jump-box-with-tags div.select2-container { padding-right: var(--padding_s); }

body.show_modal {
 position: relative !important;
}