/* Regular styles */

html, body, input, textarea, select, button {
    font-size: 14px;
    font-family: Inter, Arial, 'Trebuchet MS', Calibri, Helvetica, sans-serif;
    /* looks nice: font: 400 16px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;*/
    /*font-size:   100%;
    *font-size:  80%;*/
    margin: 0;
    color: #333;
    letter-spacing: -0.05px;
}

.ui-widget #issuesActionPanelContainer {
    font-size: 13px;
    margin: 0;
    padding: 0;
}

#leftIssuesPanel > div > #actionPanel .ui-tabs-anchor {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#leftIssuesPanel > div > #actionPanel .ui-tabs-anchor, .track__header_filters {
    padding: 0;
    min-width: 30px;
    margin: 0;
    color: #3E4D67;
    text-transform: capitalize;
    font-weight: 500;
}

.track__header_filters .filterLabel {
    font-weight: 400;
}

#leftIssuesPanel > div > #actionPanel ul.ui-tabs-nav {
    display: flex;
    justify-content: space-evenly;
}

#leftIssuesPanel > div > #actionPanel .ui-widget-header .ui-state-hover {
    background: #fafafa;
}

#leftIssuesPanel > div > #actionPanel li.ui-state-default, #trackFilterButton {
    display: flex;
    align-items: center;
}

#leftIssuesPanel > div > #actionPanel li.ui-state-default {
    background-color: #F4F5F7;
    padding: 4px 8px;
    border-radius: 3px;
    margin-left: 0;
    height: 24px;
}

#leftIssuesPanel > div > #actionPanel .ui-widget-header .ui-state-active, .track__header_filters_active {
    background: #3E4D67;
}

.track__header_filters_filtered_active {
    background: #E0EBFD;
}

#leftIssuesPanel > div > #actionPanel .ui-widget-header .ui-state-active img, .track__header_filters_active img {
    filter: brightness(100);
}

/* Dropdown option icons inside the filter popup must not inherit the brightness(100) from above */
.track__header_filters_active .select-img-icon {
    filter: none;
}

.track__header_filters_filtered_active img {
    filter: invert(38%) sepia(88%) saturate(4527%) hue-rotate(201deg) brightness(103%) contrast(105%);
}

#leftIssuesPanel > div > #actionPanel .ui-widget-header .ui-state-active a, .track__header_filters_active {
    color: #FFFFFF;
    border: none;
}

.track__header_filters_filtered_active {
    color: #027AFF;
}

.fc-border-separate tr.fc-first td {
    /* adding several extra pixels space at thebottom of calendar cell to allow creation of new events when the day is already full of issues */
    padding-bottom: 5px;
}

.fc {
    cursor: pointer;
}

.fc table {
    border-spacing: 0;
    border-collapse: collapse;
}
table.fc-border-separate {
    margin-top: -1px ;
}
.fc.fixed_table_header {
    /* Fixing small gap before the first timeline header: */
    margin-top: 0px;
}
.calendarHeaderRowTd {
    border-bottom: 1px solid #ebe9e9;
}
.calendarHeaderRowTd .fc-border-separate thead {
    border-right: 1px solid #ebe9e9;
}
.work .timelineTable thead {
    border: 1px solid #ebe9e9;
}
.fc.milestonesPanel thead {
    border-left: 1px solid #ebe9e9;
    border-right: 1px solid #ebe9e9;
}

.fc-weekend {
    /* this is set automatically in full calendars code */
    /* width: 30px !important; */
}

.fc-event.focused-issue {
    border: 1px solid #000000;
}

.issue {
    display: block;
    cursor: move;
    font-size: 13px;
    padding: 3px 5px 3px 5px;
    letter-spacing: -0.35px;
}

.shift-button {
    cursor: pointer;
    margin-top: 0;
    vertical-align: top;
}

.shift-button:hover {
    text-decoration: underline;
}

#questionButton:hover{
    cursor: pointer;
}

.not-active-text {
    text-decoration: line-through;
    color: #b3b3b3;
}

.not-active-img, .disabled-img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

#accountButton a {
    color: #22545b;
}

#accountButton{
    height: 36px;
    width: 50px;
    display: inline-block;
}

.accountButtonLink{
    display: inline-block;
    height: 36px;
}

.active-text {

}

.grayText {
    color: #C4C4C4;
}

.quadr {
    width: 16px;
    height: 16px;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-right: 3px;
}

.selected-quadr {
    border: 1px solid #65738B !important;
}

.quadr:hover {
    border: 1px solid #777777;
}
.quadrDisabled:hover {
    border: 1px solid #ffffff;
}

/*.issues .iOverdue, .timelineTable .iOverdue {
	color: #9400D3;
	font-weight: bold;
}*/
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.issues .issue {
    height: 18px;
    border: none;
    /* do not show double-lined issues in the left panel */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.issues .ui-state-default .ui-icon {
    background: url(updown-triangle.png) no-repeat right !important;
}

.issues .fc-event {
    margin-top: 3px;
}

.categoryContainer .fc-event:first-of-type {
    margin-top: 0;
}

.delete-issues-span {
    cursor: pointer;
}

.delete-issues-img, .delete-issuePart-img, .delete-issuePartTemp-img, .project-sync-img, .deleteIssuesFromProject, .deleteWorklogsFromProject, .worklog-sync-img, .team-refresh-img, .sync-image, .holiday-scheme-refresh-img {
    width: 16px;
    height: 16px;
    vertical-align: bottom;
    cursor: pointer;
}

.project-sync-finished-tooltip, .team-refresh-finished-tooltip, .group-refresh-finished-tooltip {
    position: absolute;
    display: block;
    width: auto;
    padding: 3px;
    margin-top: -20px;
    margin-left: 2px;
    margin-right: 2px;
    background-color: white;
    color: #333333;
    border: 1px solid #CCC;
    box-shadow: 0 10px 10px -10px rgba(47,130,69,1);
}

.tooltip-date-picker{
    width: 75px !important;
}

.editIssuePartBody {
    background: #FFFFFF;
}

.editIssuePartBody .issues {
    width: 55%;
}

.editIssuePartBody .ui-datepicker {
    margin-left: -245px;
}

.editIssuePart {
    margin-left: 14px;
    width: 97%;
}

.issueParts {
    border: 1px solid #dadada;
    min-height: 200px;
}

.issuePart {
    margin-top: 10px !important;
}
.issuePart-estimate-input {
    width: 40px;
}

.milestonesPanel .issue {
    cursor: pointer;
}

.milestoneIssueImage, .extraLink {
    cursor: pointer;
}

#subNorthPanel {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

/*#teamManager .ui-state-active,*/ .fc .ui-state-active {
    background-color: #E7E7E7;
}
.unscheduleSection.ui-state-active{
    background-color: #dbedff;
}
#teamManager .ui-widget-header.ui-state-active, .fc .ui-widget-header.ui-state-active {
    background-color: #e5f1ff /*#d9e8fb*/ /*#C9DAEF*/;
    color: #027AFF;
    border-radius: 3px 3px 0 0;
}

.aggregateImgContainer .aggregateImg  {
    filter: invert(32%) sepia(76%) saturate(3671%) hue-rotate(201deg) brightness(103%) contrast(106%);
}

.aggregateImgContainer .toolbar-icon-active {
    background-color: transparent;
    border-radius: 6px 0 0 6px;
}

.aggregateImgContainer .toolbar-icon-active:hover, .tooltip-panel-action .aggregateImgContainer img.toolbarIcon:hover {
    background-color: transparent;
}

.toolbar-icon-active {
    background-color: #EFF5FF;
    border-radius: 4px;
}

.toolbar-icon-active:hover {
    background-color: #E0EBFD;
}

button.teamChooser .ui-multiselect, .teamSelectorDropDown {
    border-radius: 8px;
}

.teamSelectorDropDown.ui-state-active,
.select2-container--open .select2-selection--single,
.select2-container--open .select2-selection--multiple,
.select2-container--open.select2-container--focus .select2-selection--multiple {
    border: 1px solid #b0b6c1 !important;
    border-radius: 4px;
}

div.teamSelectorDropDown {
    margin-top: 2px;
    padding: 0;
    border: 1px solid #F4F6F8;
    box-shadow: 0 8px 12px 0 rgba(12, 33, 69, 0.16);
    border-radius: 8px;
}

.teamSelectorDropDown .ui-multiselect-checkboxes li {
    padding-right: 0px;
}

.teamSelectorDropDown .ui-multiselect-checkboxes li input {
    border-radius: 4px;
}

.teamSelectorDropDown .ui-multiselect-extra-button {
    float: right;
}

.teamSelectorDropDown .ui-state-hover {
    cursor: pointer;
}

.teamSelectorDropDown li.ui-multiselect-optgroup-label:not(:first-child) {
    border-top: 1px solid transparent;
    border-image: repeating-linear-gradient(
                to right,
                #CBD0D6 0px, #CBD0D6 5px,
                transparent 5px, transparent 10px) 1;
    margin-top: 5px
}

.teamSelectorDropDown .ui-widget-header {
    border: none;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    box-shadow: none;
    border-bottom: 1px solid #E4E6EB;
}

.teamSelectorDropDown .ui-multiselect-header {
    background-color: #f2f2f2;
    padding: 5px 0 5px 0;
}
.teamSelectorDropDown .ui-multiselect-header .ui-multiselect-filter .ui-multiselect-filter-input {
    width: 353px !important;
    height: 28px;
    margin-left: -10px;
    margin-right: 0;
    padding: 0px 5px 0px 30px;
    background-image: url('icons/ic_search.svg');
    background-position: 8px center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}

.ui-multiselect-filter-input {
    font-weight: 300;
}

.teamSelectorDropDown .ui-multiselect-header .ui-multiselect-filter input {
    border: none;
}

.teamSelectorDropDown .ui-multiselect-header .ui-multiselect-filter input::placeholder {
    font-size: 14px;
    color: #8A99B5;
    /*color: #7E8CA6;*/
}

.teamSelectorDropDown .ui-multiselect-header .ui-multiselect-filter input {
    font-size: 14px;
}

.teamSelectorDropDown .ui-multiselect-header .ui-multiselect-filter {
    display: flex;
    margin-left: 15px;
    margin-right: 0;
}

.teamSelectorDropDown .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
    border-bottom: none;
}

.teamSelectorDropDown .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
    color: #65738B;
    font-weight: 400;
    float: left;
    margin-bottom: 4px;
    margin-left: 8px;
}

.teamSelectorDropDown .ui-multiselect-checkboxes .ui-corner-all {
    padding-left: 10px;
}

.timelineScopeDropDown {
    margin-top: 2px;
    box-shadow: 0 8px 12px 0 rgba(12, 33, 69, 0.16);
    border: 1px solid #F4F6F8!important;
    border-radius: 8px!important;
}

.timelineScopeDropDown:not(.timelineScopeWorkDropDown) ul#select2-scopeDropDownMenu-results {
    display: flex;
}

#select2-scopeDropDownMenu-container {
    padding-left: 6px;
}

.milestonesToggle .ui-state-active {
    background-color: white;
}

.issueDue {
    float: left;
    display: inline-block;
    color: #005BA2;
    font-weight: 500;
    font-style: normal;
    vertical-align: middle;
    margin-right: 0;
    margin-top: 0px;
    margin-left: 0px;
    padding-right: 5px;
}
.iOverdue .issueDue {
    color: #e81515;
}

.bulkIssues .issueDue {
    margin-right: 5px;
}

.timelineTable .issueDue, .milestonesPanel .issueDue {
    display: none;
}

.issueImage, .projectImage {
    display: inline-block;
    height: 16px; /*  IT IS VERY IMPORTANT TO SET WIDTH AND HEIGHT FOR CHROME */
    width: 16px;
    vertical-align: bottom;
}
.issueAggregatedImage {
    opacity: 0.8;
    vertical-align: bottom;
    width: 16px;
    height: 16px;
}

.hasSubtasks, .hasPlaceholders {
    cursor: pointer;
}

.parentTask {
    cursor: pointer;
}

.sprintRefresh {
    float: right;
    filter: brightness(0) invert(35%) sepia(72%) saturate(3654%) hue-rotate(199deg) brightness(99%) contrast(108%);
    opacity: 1 !important;
}

.sprintRefresh-animation {
    -webkit-animation: reverse-spin 3s linear infinite;
    -moz-animation: reverse-spin 3s linear infinite;
    animation: reverse-spin 3s linear infinite;
}

@-moz-keyframes reverse-spin {
    100% {
        -moz-transform: rotate(-360deg);
    }
}

@-webkit-keyframes reverse-spin {
    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes reverse-spin {
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

#dragBlockingDiv {
    cursor: move;
}

#resizeBlockingDiv {
    cursor: ew-resize;
}

.fc-event-time {
    /*padding: 0;*/
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 3px;
    display: block;
}

.fc-event {
    z-index: 98;
    border: none;
}

.jiraEvent {
    border: none;
}

.fc-event, .fc-event-skin {
    color: #000000;
}

.milestoneItem, .milestonesPanel .customEvent, .milestoneItem .customEvent, .milestoneItem .jiraEvent {
    background-color: transparent; /*#e3e4f5;*/
    background-image: none;
    cursor: pointer;
}

.underEstimated {
    background-color: #FFB5A6;
}

.issues .paddingIssueWithDueData {
    padding-right: 30px
}

.currentWeek {
    margin-right: 15px;
}

.currentWeek h2 {
    margin-top: 4px;
    color: #14688a;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
}

.issueKey {
    /*font-weight:bold;
    display: none;*/
}

.issueEstimate {
    padding-left: 2px;
    padding-right: 2px;

    color: #008c15;
    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    margin-bottom: 1px;
    display: inline-block;
    vertical-align: bottom;

    /*color: #131313;*/
    /*font-weight: 600;*/
    /*background-color: #93F1A1;*/
    /*border: 1px solid #d4d4d4;*/
    border: none;
    font-weight: 500;
    border-radius: 2px;
    background-color: #f7f7f7;
}
.issues .issueEstimate {
    margin-bottom: 0;
}

.issueTime {
    font-family: "Arial Narrow", Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: lowercase;

    padding-left: 2px;
    padding-right: 2px;

    color: rgb(23, 43, 77);
    border: 1px solid #bbbbbb;
    border-radius: 3px;
    background-color: #f7f7f7;
    background-color: rgba(255, 255, 255, 0.7);

    vertical-align: bottom;
    display: inline-block;
}
.issueStatusImage {
    display: none;
}
.issueStatusText {
    font-family: "Arial Narrow", Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;

    padding-left: 2px;
    padding-right: 2px;
    margin-right: -1px; /*for timelines*/

    color: rgb(23, 43, 77);
    border: 1px solid #bbbbbb;
    border-radius: 3px;
    background-color: #f7f7f7;
    /*background-color: rgba(255, 255, 255, 0.7);*/

    display: inline-block;
    max-width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    -o-text-overflow: ellipsis;

    float: right;
    position: relative;
    /*z-index: 99;*/
}
.issueAggregationElement .issueStatusText {
    float: left;
}
.issues .issueStatusText {
    margin-right: -39px;  /*for left panel*/
}

.issues .issue {
    padding-right: 42px;  /*for left issues panel*/
}


.issueLink, .issueLink:visited, .issueLink:active {
    text-decoration: none;
    color: inherit;
}

.issueLink:hover {
    text-decoration: underline;
    color: #4169e1;
}

.topBannerRight {
    float: right;
    height: 45px;
    margin-right: 5px;
}

.topBannerLeft {
    margin-top: 7px;
    float: left;
    height: 70px;
}

.header {
    width: 100%;
    background-color: black;
}

.logoImg {
    vertical-align: middle;
}

.logoTitle {
    margin: 5px;
    color: #4169e1;
    text-decoration: none;
    display: inline;
}

.logoSlogan {
    font-size: 14px;
    font-weight: normal;
    left: 65px;
    margin-top: 36px;
    position: absolute;
}

.ui-layout-west {
    overflow-x: hidden;
    padding-right: 5px;
    border-left: 0;
    z-index: auto !important;
}

.ui-layout-north {
    overflow: hidden;
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: white;
    /*border-bottom: none;*/
}

#mainNorthPanel {
    /*background-color: #22545B;*/
    background-color: #3E4D67;
    border: none;
    height: 41px;
    position: static !important;
    padding: 10px;
    top: 0;
    left: 0;
    right: 0;
}

#mainNorthPanel a {
    text-decoration: none;
}

.ui-layout-center {
    padding-right: 0;
    padding-bottom: 0;
    border-right: none;
    padding-left: 5px;
    overflow: hidden;
}

.ui-layout-south {
    padding-left: 0;
    padding-top: 0;
    padding-right: 2px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.ui-layout-center .ui-layout-north {
    height: 43px;
}

.issueNotif {
    float: right;
}

.topMessage {
    margin-right: -8px;
    color: #DDEBFE;

    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    text-align: left;
    margin-top: 12px;
    display: inline-block;
    vertical-align: top;
}

.flashMessage {
    background: #f3f8fc url(skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}

.center {
    text-align: center;
}

.centerLayout {
    margin: 0 auto;
    width: 400px;
}

.dropdownwrapper {
    display: inline;
    border-radius: 3px;
}

.dropdownwrapper option {
    padding-left: 5px;
    background-color: white; /* required for Opera only */
    width: 100%;
}

.quickSearch {
    width: 82%; /*198px;*/
    height: 22px;
    margin-bottom: 8px;
    border-radius: 4px;
    border: 1px solid #D0D5DD;
    margin-top: 12px;
    padding: 4px 32px 4px 8px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
}

.work .quickSearch {
    width: 100%;
    margin: 12px 13px 8px;
}

.work .ui-tabs .ui-tabs-nav li.issueFiltersTab, .plan .limUserView.issueFiltersTab, .work .limUserView.issueFiltersTab {
    margin-left: 13px !important;
    margin-right: 8px;
    width: 100%;
}
.work .ui-tabs .ui-tabs-nav li.issueGroupTab, .plan .limUserView.issueGroupTab, .work .limUserView.issueGroupTab {
    margin-right: 13px;
    width: 100%;
}
.work .ui-tabs .ui-tabs-nav li.issueExtraTab {
    /* Hide this tab for Workspace view */
    display: none !important;
}

#leftIssuesPanel input::placeholder,
#dashboard-search::placeholder {
    color: #7E8CA6;
}

#leftIssuesPanel .ui-helper-clearfix::after {
    content: none;
}

input {
    border-radius: 3px;
    border: 1px solid #D0D5DD;
    padding-left: 3px;
}

select {
    border-radius: 3px;
    border: 1px solid #dadada;
    background: url("updown-triangle.png") no-repeat right;
    padding-left: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

select input {
    width: 100%;
}

select div {
    width: 100%;
}

.assignees {
    width: 55% !important;
    margin-bottom: 10px;
}

#issuesActionPanelContainer .assignees:last-of-type {
    margin-bottom: 0;
}

.manageIssueFilters {
    display: inline-block;
    text-align: right;
    margin-top: 3px;
}

/*.filterByJIRA {*/
/*    padding-top: 5px;*/
/*}*/

.issueBody {
    border: 1px solid #dadada;
}

.filerByMe {
    width: 24px;
    height: 24px;
    cursor: pointer;
    vertical-align: bottom;
    display: inline-block;
    margin: 0 0 12px 4px;
}

/*.filerByMe:hover {
    border-bottom: 1px #ffa800 solid;
    color: #ffa800;
}*/

.searchIssue {
    width: 100%;
    text-align: center;
    background-color: white;
    margin-bottom: 4px;
}

.issuePanel {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    background-color: #FFFFFF;
}

.developedBy {
    float: right;
    padding: 10px;
    margin-top: 30px;
    display: none; /* Hide Copyright Note */
}

.issuesCount {
    margin-right: 10px;
    font-weight: 600;
    color: #6385AA;
    float: right;
}

.issuesCountMain {
    vertical-align: middle;
    display: none;
}

#logWorkTab input[type=text] {
    height: 22px;
    max-width: 140px;
}
.log-time-dialog-input {
    width: 127px;
}
.log-time-mode-radio {
    margin-right: 4px;
    margin-bottom: 2px;
    vertical-align: middle;
}
.log-another-checkbox {
    vertical-align: bottom;
    margin-right: 4px;
    margin-top: 15px;
}
.log-another-dialog-span {
    vertical-align: bottom;
    display: inline-block;
    margin-bottom: -2px;
}
#manageIssueFrame{
    width: 100% !important;
}

.userFilterForm {
}

.userFilterForm label {
    color: #000000;

    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    text-align: left;
}

.extraLimitedUserFilterForm {
    margin-left: 10px;
    margin-bottom: 10px;
}

#useLeftPanelFilterLabel, #showCustomEventsLabel {
    vertical-align: top;
    color: #091E42;
    margin-top: 0;
    margin-bottom: 4px;
    display: inline-block;
    cursor: pointer;
}

#showCustomEventsLabel, #customEventsToggleContainer .at-tooltip-wrapper {
    vertical-align: text-top;
}

.quickSearchUsers {
    width: 174px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 5px;
}
.quickSearchProjects {
    margin-top: 20px;
}

.searchUser {

}

#grouped {
    margin: 0;
    padding: 0;
}

#grouped .group-button-label {
    height: initial;
    border-radius: 3px;
    border: none;
    margin: 0 0 10px 0;
}

#grouped .group-button-label span {
    background: #F4F5F7;
    border-radius: 3px;
    padding: 6px 12px;
    font-weight: 500;
    color: #6A7890;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#issueGroupContainer .selected-group-option {
    background: #D2E2FC !important;
    color: #027AFF !important;
}

#issueGroupContainer .selected-group-option img {
    filter: invert(32%) sepia(76%) saturate(3671%) hue-rotate(201deg) brightness(103%) contrast(106%);
}

#grouped .group-button-label img {
    margin-right: 7px;
    vertical-align: text-top;
}

#issueSortContainer > div:first-of-type {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

#issueSortContainer .issueFilterGroup {
    margin-top: 6px;
    width: 50%;
}

#sortContainer {
    margin-bottom: 4px;
}

#issueFiltersContainer .issueFilterGroup {
    margin-top: 12px;
}

.button-group, .issueFilterGroup {
    /*margin-top: 15px;*/
    color: #3E4D67;

    font-style: normal;
    font-stretch: normal;
    font-weight: 500;
    text-align: left;
    padding: 8px 10px 8px 5px;
    margin-top: 0;
    margin-bottom: 4px;
}

/*.issueFilterGroup:first-child{*/
/*margin-top: 0;*/
/*}*/

.imageButton {
    margin-top: 4px;
    margin-left: 15px;
}

.user-information-root .imageButton {
    margin-top: 4px;
    margin-left: 0px;
}

.statusMessage {
    position: absolute;
    top: 20px;
    left: 310px;
    right: 420px;
    width: 590px;
    /*width: auto;*/
    text-align: left;
    color: #13688A;
    background: url("skin/information.png") no-repeat scroll 8px 50% #E3F5FA;
    border: 1px solid #f5f5f5;
    padding: 2px 2px 2px 30px;
    display: none;
    z-index: 1000;
    font-size: 12px;
}

.activitytimelineMessage {
    top: 10px;
    text-align: center;
    width: 100%;
    color: #FFFFFF;
    font-size: 11px;
}

.whiteLink {
    color: #FFFFFF;
    text-decoration: underline;
    cursor: pointer;
}
.teamChooser {
    display: inline-block;
    padding-top: 4px;
    max-height: 30px;
    overflow: hidden;
    min-width: 185px !important;
}
#teamManager .ui-multiselect {
    height: 300px;
}

.fc-button-create-new, .fc-button-create-new-responsive, .fc-button-create-new-worklog, .fc-button-show-all, .fc-button-start-stopwatch {
    display: inline-block;
    float: right;
    background-color: #027AFF;
    padding: 0 5px;
}

.fc-button-schedule-demo {
    display: inline-block;
    float: right;
    height: 28px;
    background-color: #3E4D67;
    position: relative;
}
.fc-button-schedule-demo a {
    display: block;
    width: 100%;
    height: 100%;
}

.fc-button-schedule-demo a:after {
    width: 100%;
    display: block;
}

.fc-button-schedule-demo-icon {
    display: inline-block;
    float: left;
    top: 5px;
    position: relative;
    margin-left: 10px;
}
.fc-button-schedule-demo:hover {
    background-color: #4D5B73;
}
.fc-button-create-new:hover, .fc-button-create-new-responsive:hover, .fc-button-create-new-worklog:hover, .fc-button-show-all:hover, .fc-button-start-stopwatch:hover {
    background-color: #006EE8;
}

.fc-button-bulk-update, .fc-button-sync {
    float: right !important;
    background-color: #fff;
    color: #3E4D67;
    border: 1px solid #D0D5DD;
    margin-right: 18px;
    padding: 0 4px;
    font-weight: 500;
}
.fc-button-sync {
    display: none;
}
.fc-button-create-new .fc-button-content, .fc-button-create-new-responsive .fc-button-content, .fc-button-create-new-worklog .fc-button-content, .fc-button-show-all .fc-button-content {
    color: #ffffff;
    font-style: normal;
    font-stretch: normal;
    font-weight: 500;
    text-align: center;
}

.fc-button-create-new-responsive .fc-button-content, .fc-button-create-new-worklog .fc-button-content, .fc-button-show-all .fc-button-content {
    color: #ffffff;
    font-style: normal;
    font-stretch: normal;
    font-weight: 500;
    text-align: center;
}

.fc-button-schedule-demo {
    margin-top: 5px;
}

.fc-button-schedule-demo-hidden {
    display: none;
}

.fc-button-schedule-demo .fc-button-content {
    color: #ffffff;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 500;
    display: inline-block;
    float: right;
    line-height: 28px;
    margin-right: 10px;
    text-transform: capitalize;
}
.track .fc-button-schedule-demo .fc-button-content {
    margin-left: 6px;
}
.plan .fc-button-schedule-demo .fc-button-content {
    margin-right: 4px;
}
.admin .fc-button-schedule-demo-icon {
    margin-right: 10px;
}
.admin .fc-button-schedule-demo .fc-button-content {
    display: none;
}
.fc-button-schedule-demo .fc-button-inner {
    width: 100%;
    display: block;
    height: 100%;
}
.button-schedule-demo {
    background-color: #0066ff;
    color: white !important;
}


/* Timelines scopes with sticky first column */

.userIdentBlock, .teamIdentBlock {
    width: 200px;
    padding-left: 10px;
    background-color: white;
    z-index: 100;
    /*box-shadow: inset 0px -5px 7px -5px #ccc;*/
    border-bottom: 1px solid #ebe9e9;
    padding-top: 5px;
    /*padding-top: 19px;*/

    position: -webkit-sticky;
    position: sticky;
    left: 0;
}
.teamIdentBlock {
    padding-top: 0;
}

.teamIdentBlockHeader {
    border-right: 1px solid #ebe9e9;
}
.userIdentBlockHeader {
    border-bottom: 1px solid #ebe9e9;
    border-right: 1px solid #ebe9e9;
    box-shadow: none;
    z-index: 3000;

    vertical-align: middle;

    padding: 0 0 1px 10px;

    position: -webkit-sticky;
    position: sticky;
    left: 0;
}
.personCalendarHeaderRow {
    border-top: 1px solid #ebe9e9;
    margin-top: -1px;
}

#milestonesPanelContainer .userIdentBlock {
    z-index: 900;
}

.bottomPanel {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
}

.milestonesToggleLabel {
    border: none !important;
}

.milestonesToggleLabel:hover {
    background-color: #FFFFFF;
}

.switchMilestoneMode {
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 5px;
}
.switchMilestoneMode:hover {
    text-decoration: underline;
}

.milestonesPanelIdentBlock {
    padding-top: 10px;
    vertical-align: middle;
}
.milestonesPanelBlock {
    margin-top: 10px;
}
.milestonesProjectFilter, .milestonesBoardFilter, .milestonesTypeFilter {
    width: 190px;
    cursor: pointer;
    height: 23px;
}

.workload {
    text-align: center;
    margin-right: 3px;
    margin-left: -5px;
    width: 100%;
    cursor: pointer;

    /* hides paart of workload indicator if it overlays calendars during re-rendering: */
    overflow: hidden;
}

.workloadModeLabel, .availabilityModeLabel{
    width: 63px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.modeLabel{
    height: 30px;
}

.expiredIssuesCounter:hover {
    cursor: pointer;
}

.expiredIssuesCounter {
    display: none;
    color: #498fe1;
    font-weight: 400;
    float: right;
    margin-right: 17px;
}

.expiredIssuesCountRed, .redText {
    color: red;
}
.bolderText {
    font-weight: 500;
}

.workload .workloadIndicator {
    text-align: center;
    width: 95%;
    background-color: #FFFFFF;
}

.workloadIndicator.shortForm .cellHours {
    border-radius: 2px;
    font-size: 9px;
    padding-left: 3px;
    padding-right: 3px;
    height: 15px;
}
.basicDay1x31 .workloadIndicator.shortForm .cellHours,
.basicDay1x31wide .workloadIndicator.shortForm .cellHours {
    /*Make workload indicator narrower in large scopes*/
    padding-left: 2px;
    padding-right: 2px;
}
.basicDay1x60wide .workloadIndicator.shortForm .cellHours,
.basicDay1x92wide .workloadIndicator.shortForm .cellHours,
.basicWeek1x53 .workloadIndicator.shortForm .cellHours {
    /*Make workload indicator narrower in large scopes*/
    padding-left: 1px;
    padding-right: 1px;
}

.workloadIndicatorQtip>.workloadIndicatorQtipTitle {
    cursor: default;
    font-weight: 400;
    color: #333333;
    max-width: 230px;
    margin-left: -3px;
    margin-bottom: 7px;
}
.workloadIndicatorQtip .workloadCell {
    padding-left: 3px;
    padding-right: 3px;
}
.workloadIndicatorQtip .workloadIndicator {
    cursor: default;
    width: 100%;
    margin: 0;
}
.shortForm .workloadCell.workloadSum {
    display: none;
}
.shortForm .user-position {
    display: none;
}

.qtip-content{
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    /*padding: 10px 15px;*/
    padding: 12px 15px 18px 10px;
}

.autoScheduler{
    width: 100%;
    color: #555;
}

.autoScheduleDatePicker{
    height: 21px;
    padding-left: 4px;
}

/* position of color icons on Issue Card tooltip: */
.tooltip-color-div{
    display: inline-block;
}
.tooltip-approve {
    color: #8A99B5;

    font-weight: 400;
    text-align: left;

    margin-left: 7px;
    font-size: 11px;
}
.tooltip-creatorLabel, .tooltip-creationDateLabel {
    display: block;
    margin-left: 6px;
}

.tooltip-eventDescription {
    margin-left: 6px;
    margin-top: 12px;
    text-align: justify;
    white-space: normal;
}

.tooltip-eventDescription > * {
    margin: 0;
}

.dialog-object .issue-tooltip-header {
    background-color: white;
    text-overflow: ellipsis;
    margin: 0px;
    line-height: 13px;
}

.dialog-object .issue-tooltip-header .issue-tooltip-title{
    text-overflow: ellipsis;
    display: block;
    margin-left: 1px;

}

.dialog-object .tooltip-done-issue{
    display: none;
}

.issue-tooltip-header {
    background-color: #F1FCF9;
    height: auto;
    white-space: nowrap;
    display: block;
    margin-left: -10px;
    margin-right: -15px;
    margin-top: -12px;
    color: #3d3d3d;
    font-size: 13px;
    text-align: left;
    line-height: 36px;
    min-height: 40px;
}

.issue-tooltip-title {
    margin-left: 15px;
    white-space: normal;
    overflow: hidden;
    line-height: 16px;
    margin-top: 10px;
    display: inline-block;
    width: 95%;
    text-overflow: ellipsis;
}

.issue-tooltip-title span {
    width: 80%;
    display: inline-block;
}

.iconContainer {
    display: inline-block;
    float: right;
    margin-right: 10px;
}

.tooltipIssueStatus {
    margin-left: 6px;
    color:#027AFF
}

.tooltipCopyIcon, .tooltipTargetIcon {
    vertical-align: top;
    margin-left: 5px;
    cursor: pointer;
    padding: 2px;
}

.tooltipCopyIcon:hover, .tooltipTargetIcon:hover {
    background: #EBF3FF;
    border-radius: 4px;
}

.qtip-copied {
    background-color: #101724;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 18px;
    margin-left: 5px;
}

.qtip-copied .qtip-content {
    padding: 2px 6px;
    box-shadow: 0 1px 2px rgba(12, 33, 69, 0.1);
}

.workloadCellFirst {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.workloadCellLast {
    padding-left: 2px;
}

.workloadCellLast .cellHours {
    background: #FFF6E5;
}

.workloadCellFirstCompact {
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.workloadCellLastCompact {
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;

    padding-left: 2px;
    width: 20%;
    background-color: #cccccc;
}

.workloadDayName, .workloadDayNumber {
    color: #65738B;

    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    text-align: left;
}

.extraDayPadding {
    padding-left: 1px;
    padding-right: 1px;
}

.workloadSum {
    font-weight: 600;
}

.shortForm .workloadSum {
    font-size: 16px;
    font-weight: 600;
}

.workloadSumName {
    color: #444;
    font-size: 12px;

    font-weight: 600;
}

.cellHours {
    color: #000000;
    background-color: #F4F6F8;
    border-radius: 4px;

    font-size: 12px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 500;
    text-align: left;

    padding: 2px 2px 2px;

    margin-bottom: 2px;
    margin-right: 1px;
    display: inline-block;
}

.shortForm .workloadNoHours {
    background-color: #eaeaea;
}

.workloadHoursBelow, .tabulator-cell.workloadHoursBelow,
.tabulator .tabulator-row.tabulator-calcs .tabulator-cell.workloadHoursBelow {
    /*background-color: #ffff74*/ /*#ECC10E*/ /*yellow*/;
    background-color: #FFF6B0;
}

.workloadHoursSlightlyBelow, .tabulator-cell.workloadHoursSlightlyBelow,
.tabulator .tabulator-row.tabulator-calcs .tabulator-cell.workloadHoursSlightlyBelow {
    background-color: #A8F39B /*9acd32*/ /*50D287*/;
}

.workloadHoursOK, .tabulator-cell.workloadHoursOK ,
.tabulator .tabulator-row.tabulator-calcs .tabulator-cell.workloadHoursOK {
    background-color: #6CE9B5 /*#57CA67*/ /*179D83*/;
}

.workloadHoursSlightlyAbove, .tabulator-cell.workloadHoursSlightlyAbove,
.tabulator .tabulator-row.tabulator-calcs .tabulator-cell.workloadHoursSlightlyAbove {
    background-color: #FFC9A3 /*FA8171*/ /*E27C21*/;
}

.workloadHoursAbove, .tabulator-cell.workloadHoursAbove,
.tabulator .tabulator-row.tabulator-calcs .tabulator-cell.workloadHoursAbove {
    background-color: #FDA29B /*ff3d3d*/ /*E34B3C*/;
}

.workloadWeekend {
    background-color: #f5f5f5; /*#F8F8F8;*/ /*#e4e4e4*/
}

.workloadVacation {
    background-color: #B0D7FF /*a1cfff*/;
    text-align: center;
    /*color: #B0D7FF;*/
}

.workloadExtraHours, .workloadPastDays {
    background-color: #DCD6FF /*b09eff*/;
}

.workloadHours_0 {
    background-color: #F8F8F8; /*#e4e4e4;*/ /*#d3d3d3*/
}

.workloadHours_1 {
    background-color: yellow;
}

.workloadHours_2 {
    background-color: yellow;
}

.workloadHours_3 {
    background-color: yellow;
}

.workloadHours_4 {
    background-color: #9acd32;
}

.workloadHours_5 {
    background-color: #9acd32;
}

.workloadHours_6 {
    background-color: #9acd32;
}

.workloadHours_7 {
    background-color: #57CA67;
}

.workloadHours_8 {
    background-color: #57CA67;
}

.workloadHours_9 {
    background-color: #FA8171;
}

.workloadHours_10 {
    background-color: red;
}

.workloadHours_11 {
    background-color: red;
}

.workloadHours_12 {
    background-color: red;
}

.issueDescriptionHelper {
    /*position: absolute;*/
    z-index: 99999;
    display: none;
    height: 200px;
    width: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    left: 200px;
    background-color: gray;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis; /* required for Opera */
    -ms-text-overflow: ellipsis; /* required for IE8, allegedly */
}

.manualContainer {
    padding: 10px;
}

.manualHeader {
    color: #4169E1;
}

.userNotes {
    margin-left: 200px;
    margin-top: 35px;
    margin-bottom: 10px;
}

.notesLabel {
    border: 0;

    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    text-align: left;
    display: inline-block;
}

#notesForm {
    width: 60%;
    float: right;
    margin-right: 10px;
    padding-bottom: 10px;
}
#notesForm .saveNotes {
    float: right;
    vertical-align: top;
    margin-top: 3px;
    margin-right: 0px;
}
#notesInput {
    border-radius: 4px;
    border: 1px solid #e7e7e7;;
}

.notes {
    border-radius: 5px;
    border-color: #006DBA;
    border-width: 1px;
    width: 98%;
    padding: 5px;

    height: 96px;
}

.ui-menu .ui-menu-item {
    font-size: 12px;
}

.filterLabel {
    display: inline-block;
    width: 30%;
    white-space: nowrap;
    margin-top: -4px;
    padding-left: 5px;
    text-overflow: ellipsis;
    vertical-align: middle;
    overflow: hidden;
    color: #6A7890;
}
#user-filter-label {
    color: #4F4F4F;
    font-size: 15px;
    font-weight: 600;
    margin-left: 15px;
}
.planFiltersMenuView .filterLabel, #issuesActionPanelContainer .filterLabel {
    margin-top: -12px;
}

#issuesContainer.track-left-panel .filterLabel {
    margin-top: 0;
}

#issueFiltersContainer div .filterLabel:nth-last-of-type(2), #issuesActionPanelContainer .filterLabel:nth-last-of-type(2) {
    margin-top: 0;
}

.filterLabelSearch {
    padding-top: 0;
    padding-left: 19px;
    margin-top: -3px;

    font-size: 13px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 600;
    text-align: left;
}
.work .filterLabelSearch {
    padding-left: 13px;
}
.timelineNav {
    /*position: fixed;
    z-index: 20000;
    background-color: white;
    width: 100%*/
    padding-top: 6px;
}
/*.track .timelineNav {
    padding-top: 9px;
}*/

.timelineNav .select2-container--default .select2-selection--single,
.timelineNav .select2-container--default .select2-selection--multiple {
    border-radius: 4px;
}


.select2-container--default .select2-selection--single {
    border-radius: 4px;
}

.select2-container--default .select2-selection--multiple {
    border-radius: 4px !important;
}

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #D0D5DD;
}
.tooltip-panel {
    width: 99.5%;
}

.timelineTable {
    /*overflow-y: auto;
    padding-top: 55px;*/
}

.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
    width: 7px;
}

.fc-week-cell:hover, .fc-month-cell:hover, .change-date-span:hover {
    text-decoration: underline;
    color: #004582;
    cursor: pointer;
}

.fc-day-cell:hover, .fc-year-cell:hover {
    cursor: default;
}

.change-date-input {
    float: left;
    opacity: 0.0;
    cursor: pointer;
    border: none;
    width: 22px;
    padding-left: 0px;
    border-radius: 4px;
}

.change-date-button {
    background: url(arrow-down.svg) no-repeat right;
    margin-left: -4px;
    border: 1px solid #D0D5DD;;
    border-left: none !important;
    border-right: none !important;
    width: 24px;
    height: 26px;
    margin-bottom: -1px;
}
.change-date-button-separator {
    border-left: 1px solid #D0D5DD;
    height: 18px;
    width: 1px !important;
    margin-top: 4px;
}

.dashboard-dropdown-block .ui-icon {
    background: url(up-down-arrows.svg) no-repeat right !important;
}

#calendarButtons {
    display: inline-block;
}

#calendarHeaderButtons{
    display: inline-block;
    margin-top: 2px;
}
#teamCalendarHeaderButtons {
    margin-top: 2px;
    vertical-align: middle;
    display: inline-block;
}
.addTeam {
    float: right;
}

.teamName {
    /*float: left;*/

}

.teamName .autoScheduler td small {
    font-weight: 400;
}

.teamsSelect {
    width: 200px;
    height: 26px;
    /*vertical-align: middle;*/
}

.teamNameFillIn {
    width: 200px;
    height: 26px;
    vertical-align: middle;
    padding-left: 3px;
    border-radius: 3px;
    border: 1px solid #dadada;
}

.manageTeamsIcon {
    height: 22px;
    vertical-align: middle;
    cursor: pointer;
}

#addTeamsButton img {
    margin-bottom: -2px;
}

#issuesActionPanelContainer .inlineAction {
    color: #027AFF;
 }

#issueFiltersContainer .inlineAction {
    margin: 0 6px 0 0;
}

.inlineAction {

    float: right;
    margin: 0;
    text-decoration: none;
    padding-bottom: 0;
    cursor: pointer;
    color: #333333;
    padding-right: 10px;
}

.teamInTimeline {
    /*min-width: 150px;*/
}

.logout {
    color: #6498CA;
}

.projectTitle {
    font-weight: 600;
    color: #665D49;
}

.noIssues {
    text-align: center;
    padding-bottom: 5px;

    font-size: 14px;
}

.unscheduleSection {
    display: none;
    bottom: 1px;
    /*position: fixed;*/
    left: 0px;
    width: 485px;
    height: 70px;
    text-transform: capitalize;
    vertical-align: middle;
    padding: 45px 10px 0px 10px;
    text-align: center;

    border: 1px dashed #74b9ff;
    color: #3E4D67;
    z-index: 110;
    /*background: #ffffff;*/

    margin-bottom: 5px;
    border-radius: 4px;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
}


.loadMoreIssueContainer{
    bottom: 0;
    /*position: fixed;*/
    left: 9px;
    display: block;
    width: 100%;
    background-color: #f1f1f1;
    z-index: 100;
    text-align: center;
    vertical-align: middle;
    visibility: hidden;      /* hide by default */
    padding-top: 5px;
    padding-bottom: 5px;
    /* Fix for perfect scrollbar "infinite" scroll with margin-top of 75px: */
    margin-bottom: 50px;
}

.loadMoreIssueButton{
    height: 28px;
    position: absolute;
    right: 0;
    margin-right: 20px;
    display: inline;
    color: #13688a;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    padding-bottom: 5px;
}

.showPreviousIssueButton{
    height: 28px;
    display: inline;
    position: absolute;
    left: 0;
    margin-left: 20px;
    color: #13688a;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 5px;
}

.loadMoreIssueContainer>div:hover{
    cursor: pointer;
}

.newItemTitle {
    width: 80%;
}

.propName {
    color: #575757;
}

.propCell {
    padding: 10px;
    vertical-align: middle;
}

.roleImage {
    width: 16px;
    height: 16px;
}

.reportProjectHoursTable, .reportProjectHoursTable tr, .reportProjectHoursTable td {
    border: 0;
    margin: 0;
    text-align: left;
}
.buttonLink {
    border: none;
    background-color: transparent;
    color: #498edb;
    font-size: 13px;
    cursor: pointer;
}
.buttonLink:active, .buttonLink:focus{
    border: none;
}
.buttonLink:hover {
    text-decoration: underline;
}
.blueText {
    color: #498edb!important;
}
.alignText{
    vertical-align: bottom;
}
.usertable {
    margin-top: 5px;
}
#users-to-remove .usertable{
    margin-top: 0px;
}
/*css for ddm*/

.ddmOption {
    padding-left: 0;
    margin-left: 0;
    list-style-type: none;
}

.eventTypeIconPickerContainer .ddmOption {
    border: 1px solid #e6e6e6;
    margin: 2px 10px;
    float: left;
}
.eventTypeIconPickerContainer .ddmIcon {
    padding: 3px;
    width: 16px;
    height: 16px;
}
.prop .eventTypeIconPickerContainer .launcher {
    height: 26px;
}
.prop .eventTypeIconPickerContainer .launcherContainer {
    margin-left: 0;
}
.eventTypeIconPickerContainer .ddmOption .ddmIcon {
    margin-top: 5px;
    margin-bottom: 5px;
}
.eventTypeIconPickerContainer .dropDownMenu .options {
    width: 320px;
}
.eventTypeIconPickerContainer .dropDownMenu .ui-button-text .ddmIcon {
    bottom: 2px;
}

#eventTypeIconPicker ul {
    max-width: 400px;
}

.tooltip-done-issue{
    color: #9b9a9b;

    font-size: 10px;
    font-weight: 400;
    text-align: left;
    position: absolute;
    margin-top: -14px;
    margin-left: 4px;
}

.doneLabel{
    color:#d2e8a5;
}

.undoneLabel{
    color:black;
}

.tooltip-button, .tooltip-timesheet-button {
    width: 30%;
    margin-left: 8px;
    text-align: center;
    height: 26px;
    line-height: 26px;
    border: 1px solid #5E9ADF;
    border-radius: 4px;
    text-transform: uppercase;
    color: #78A2E4;
    font-size: 12px;
}

.tooltip-button {
    display: inline-block;

    width: auto;
    padding: 0 8px;
    border-radius: 4px;
    color: #3E4D67;
    background-color: white !important;
    border: 1px solid #D0D5DD;
    cursor: pointer;
    /* font-weight: 500; */
    font-size: 14px !important;
    text-transform: capitalize;
    line-height: 26px;
}
.tooltip-button:hover {
    background-color: #F4F6F8 !important;
}
.tooltip-button-main {
    background-color: #027AFF !important;
    border: 1px solid #027AFF;
    color: white;
}
.tooltip-button-main:hover {
    background-color: #006EE8 !important;
    border: 1px solid #006EE8;
}
.tooltip-log-to-jira-div {
    text-transform:none;
}
.tooltip-log-to-jira-div img {
    margin-right: 6px;
    margin-left: -6px;
    vertical-align: middle;
}
.tooltip-timesheet-button {
    float: right;
}

.tooltip-link-div {
    width: initial;
    padding: 3px 3px 0 3px;
    height: 23px;
}

.tooltip-time-block {
    display: flex;
    flex-direction: column;
    position: relative;
}

.datePickerSplitBlock {
    position: absolute;
    right: -35px;
    top: 50%;
    transform: translateY(-50%);
}

.tooltip-color-and-time-block {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.buttonsBlockAndManageIssuePartsBlock {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

div.tooltip-action-div:hover {
    /* tooltip buttons styles only */
    /*background-color: #e4f1ff;*/
    /*border: 1px solid #8eb9ee;*/
    /*color: #4c7bcb;*/
}
.tooltip-action-div:hover {
    /* tooltip buttons and tooltip colors styles */
    cursor: pointer;
}

.tooltip-color-div:hover {

}

.tooltip-label {
    color:#65738B;
    margin-left: 7px;
    display:inline-block;
    min-width: 45px;
}
.tooltip-split-label{
    color:#888686;
    margin-left: 7px;
    min-width: 45px;
}
/*data on tooltip*/
.start-data, .end-data, .due-data, .tooltip-field-value {
    color: #4b566b;
    font-weight: 500;
    margin-left: 3px;
}

.tooltipIssuePartsCount, . tooltipSubtaskCount{
    margin-left: 3px;
}

.tooltipFullWidthBlock {
    width: 100%;
    margin-top: 10px;
    margin-left: 7px;
}

.tooltipFullWidthBlock:nth-last-child(1 of .tooltipFullWidthBlock) {
    margin-top: 2px;
}

.tooltip-start-label {
    margin-left: 0;
}

.date-div {
    clear: both;
    text-align: right;
    height: 32px;
}

.input-span {
    color: #3d3d3d;
    font-weight: normal;
    float: left;
    margin-top: 2px;
    margin-bottom: 5px;
}

.title-div {
    font-weight: 600;
    height: auto;
    padding-bottom: 10px;
    min-height: 40px;
}

.input-date {
    font-weight: 500;
    /*margin-left: 10px;*/
    color: #4F4F4F;
    border: 1px solid #B8B8B8;
    width: 164px;
    line-height: 22px;
}
.input-date-div{
    float: left;
    width: 275px;
    margin-top: 5px;
}
.dialog-object {
    float: left;
}

.hide-text {
    /*white-space: nowrap;*/   /* PERF "nowrap" does not work well as we have to reflow all the tables with setting max-width of parent */
    white-space: inherit;      /* PERF: Performance optimization */
    word-wrap: break-word;     /* PERF */
    -ms-word-break: break-all; /* PERF */
    word-break: break-all;     /* PERF */
    max-height: 20px;          /* PERF */
    overflow: hidden;          /* PERF */
    text-overflow: ellipsis;
}

.licenseLink {
    width: 450px;
    display: block;
    overflow: hidden;
    word-wrap: break-word;

    -ms-word-break: break-all;
    word-break: break-all;

    /* Non standard for webkit */
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.licenseButtons {
    text-align: center;
}

.licenseSetupButton {
    border: 1px dashed transparent;
}

.licenseSetupButton:hover {
    border: 1px dashed #B85F00;
}

.licenseText {
    max-width: 700px;
    word-wrap: break-word;
    white-space: normal;
}

.versionLabel {
    float: right;

}

.feedback {
    text-decoration: none;
    color: #555555;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
}

.feedback:hover {
    text-decoration: underline;
    color: #333333;
}

.setupProjectList {
    list-style-type: none;
}

.vertMiddle {
    vertical-align: middle;
}
.vertBottom {
    vertical-align: bottom;
}

/* ==============================================================================
        WEBSITE STYLES
  ============================================================================== */

/*body,*/ .backgroundStyle {
    /*background-color: #EFF5FD;*/
    background-color: #FFFFFF;
    border: none;
}

/* ==== logo ==== */
.logo {
    width: 295px;
    margin: 0 auto;
    height: 45px;
    margin-top: -9px;
    padding: 0;
    float: left;
}

.logo2 {
    width: 330px;
    margin: 0 auto;
    padding: 0;
    background: url(logo-capacity.png) no-repeat left -2px;
}

/*  ================================================================================
        JQUERY UI OVERRIDES

        are in individual jQuery UI themes CSS files
  ================================================================================ */

.button {
    color: #ffffff;

    font-size: 13px;
    font-weight: 400;
    background: #498edb;
    /*width: auto;*/
    min-width: 100px;
    height: 32px;
    text-align: center;
    margin-left: 10px;
    cursor: pointer;
    padding: 0 25px;
    line-height: 30px;
    border-radius: 3px;
    margin-bottom: 15px;
    text-transform: uppercase;
    display: inline-block;
}

.issueTypeButton, .issueStatusButton {
    position: relative;
    left: 10px;
}

.noDisabledButton{
    color: #ffffff;

    font-size: 13px;
    font-weight: 400;
    background: rgb(0, 82, 204);
    width: auto;
    min-width: 100px;
    height: 32px;
    text-align: center;
    margin-left: 10px;
    cursor: pointer;
    padding: 0 25px;
    line-height: 30px;
    border-radius: 3px;
    margin-bottom: 15px;
    text-transform: uppercase;
    display: inline-block;
}

.noDisabledButton:hover {
    background: #1266FD;
}

.buyButtons .buyLogoImg {
    vertical-align: text-bottom;
    display: inline;
    height: 16px;
    width: 16px;
}

.buyButtons .button {
    min-width: 165px;
}

.page-loader:after {
    content: "";
    background: url('page-loader7.png');       /* PERF static image rotated with CSS */
    position: fixed;
    top: 50%;
    left: 50%;
    width: 140px;         /* the width of image */
    height: 140px;        /* the height of image */
    margin-left: -70px;   /* make this 1/2 the width of image */
    margin-top: -70px;    /* make this 1/2 the height of image */
}
.page-loader {
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;              /* PERF CSS works while JS scripts/renders */

    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;

    /*background: url('page-loader3.gif') 50% 50% no-repeat rgb(249, 249, 249);*/
}

.language-panel {
    float: right;
}

.edit-custom-note-dialog .ui-dialog-buttonset {
    width: 100%;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable{
    height: initial !important;
}

.delete-dialog-button {
    float: left;
    margin-left: 10px !important;
}
.cancel-dialog-button {
    float: right
}

.bulkActionsContainer .group-button-text{
    width: 100%;
}
.group-button-text {
    text-overflow: clip;
    white-space: nowrap;
    color: #3d3d3d;
    width: 75%;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 13px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    padding-top: 5px;
    display: inline-block;
}

.group-button-img {
    float: left;
}

.button-group.ui-buttonset {
    width: 100%;

}

.button-group-wrap {
    display: table-cell;
    width: 100%;
}

.group-button {
    float: left;
    width: 50%;
    display: flex;
    justify-content: center;
}

.sortWrap {
    margin-bottom: 5px;
    display: inline-block;
    width: 90%;
}

.sortSelect {
    width: 55%;
    height: 26px;
    margin-left: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #3E4D67;
}

.orderImg {
    padding-left: 8px;
    margin-top: 2px;
    position: absolute;
}

.user_involvement_differs {
    color: #777777;
}

.actionPanelRadio {
    display: none;
}

.placeholderEstimate {
    width: 15% !important;
}

#placeholderIssue {
    color: #f24b4b;
    margin-bottom: 3px;
}

#placeholderIssue .issue {
    cursor: pointer;
}

#placeholderIssue .open-plus, #placeholderIssue .close-plus {
    margin-left: 3px;
    margin-top: 2px;
}

.issueKeyBlock #placeholderIssue {
    /*margin-left: 20px;*/
}

.placeholder-exist-message {
    font-size: 11px;
    color: #f24b4b;
    margin-bottom: 4px;
}

.change-issue {
    float: right;
    font-size: 11px;
    color: #0061e0;
}

.jiraEvent.no-back-ground, .no-back-ground .issue {
    background-image: none;
    background-color: transparent;
}

.inline-estimate-input {
    width: 50px;
}

.no-edit {
    cursor: not-allowed;
}

.auth-url-div {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dialog-error-div {
    color: red;
    font-weight: 600;
}

.externalEvent {
    cursor: pointer;
}

.hidden-div {
    display: none;
}

.current-placeholder {
    font-weight: 600;
}

.placeholders-list {
    max-height: 133px;
    height: 70px;
    max-width: 314px;
    width: 314px;
    overflow-y: scroll;
    margin-top: 3px;
}

.setup-button-loader {
    margin-top: 24px;
    margin-left: 10px;
    visibility: hidden;
}

.next-setup-button-loader {
    float: right;
}

.back-setup-button-loader {
    float: left;
    display: none;
}

.open-plus {
    background-image: url('icons/plus.gif');
    background-position-y: 1px;
    margin-top: 5px;
    float: left;
}

.close-plus {
    background-image: url('icons/minus.gif');
    background-position-y: 1px;
    float: left;
    margin-top: 5px;
}

.load-plus {
    background-image: url('ajax-loader.png');
    float: left;
    margin-top: 4px;
    cursor: default;
}
.qsLoadingImg {
    display: none;
    vertical-align: sub;
    margin-left: -21px;
}

.fc-event-with-issueParts, .fc-event-with-subtasks {
    margin-top: -17px;
    /*margin-left: 22px !important;*/
}

.fc-event-with-issueParts .issue {
    cursor: default;
}

.issues .fc-event-is-child {
    margin-left: 0px;
}

.jiraEvent.fc-event-with-issueParts.ui-state-disabled, .jiraEvent.fc-event-with-issueParts.ui-draggable-disabled {
    opacity: 0.7;
}

.estimate.normal-estimate-sum {
    color: green;
}

.estimate.estimate-great-than-normal {
    color: #fd6a6a;
}

.issueParts, .conclusion {
    color: #9b9a9b;

    font-weight: 400;
    text-align: left;
}

.issuePartsHeader {
    height: 30px;
    border-bottom: 1px solid #E4E6EB;
    background: #F9FAFB;
    margin-bottom: 5px;
    color: #3E4D67;

    /*font-weight: 600;*/
    text-align: left;
    line-height: 30px;
}

.issuePartBorder {
    border-bottom: 1px solid #ebe9e9;
    padding-top: 5px;
    clear: both
}

.issuePart-property {
    color: #3d3d3d;

    font-style: normal;
    font-stretch: normal;
    /*font-weight: 300;*/
    text-align: left;
    width: 18%;
    float: left;
    max-width: 18%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.issuePart-number {
    width: 50px;
    margin-left: 25px;
}

.issuePart-estimate {
    width: 12%;
    margin-left: 35px;
}
.issuePart-assignee {
    width: 22%;
    max-width: 22%;
}
.issuePart-assignee .select2-selection__rendered {
    height: 21px!important;
    line-height: 19px!important;
}
.issuePart-assignee .select2-container .select2-selection--single {
    height: 21px!important;
}
.issuePart-assignee .select2-selection__arrow {
    height: 21px!important;
}

.issueParts__create {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 4px 12px 4px 7px;
    border-radius: 4px;
    border: 1px solid #D0D5DD;
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}
.issueParts__create:hover {
    background-color: #EAEDF0;
}
.issueParts__create img {
    display: block;
    margin-right: 2px;
}
.issueParts__create_text {
    color: #3E4D67;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.issuePart-property-delete {
    text-align: right;
    width: 14%;
    max-width: 14%;
}

.issuePart-delete {
    color: #d0011b;
    font-weight: 400;
}

.issuePart-number-title {
    margin-left: 25px;
}
.issuePart-title {
    display: inline-block;
}

.issuePart-estimate-title {
    margin-left: 70px;
}

.issuePart-account-title {
    margin-left: 62px;
}

.issuePart-start-title {
    margin-left: 121px;
}

.issuePart-end-title {
    margin-left: 110px;
}

.estimate {
    color: #3d3d3d;

    font-size: 13px;
    font-weight: 600;
    text-align: left;
    margin-left: 5px;
}

.hour-string {
    color: #3d3d3d;

    font-size: 13px;
    font-weight: 600;
    text-align: left;
}

.old-estimate, .original-estimate {
    margin-bottom: 6px;
}

.estimate-container {
    display: flex;
    justify-content: space-between;
}

.left-side, .right-side {
    display: flex;
    flex-direction: column;
}

.right-side {
    align-items: flex-end;
}

.hidden-issue-id-span {
    display: none;
}

.user-information-root {
    display: inline-block;
    width: 250px;
}

.user-real-name {
    font-size: 18px;
    color: #101724;
    font-weight: 400;
}
.teamSelectorDropDown .user-real-name {
    font-size: 15px;
}

.userCell .user-position {
    cursor: pointer;
    text-align: left;
    border-bottom: 1px solid #f4f4f4;
    text-overflow: ellipsis;
    overflow: hidden;
    /* ALTERNATIVE STYLES */
    border-bottom: transparent;
}

.user-position-wrapper{
    white-space: nowrap;
    width: 200px;
    margin-top: -5px;
    margin-bottom: 11px;
}

.userCell .user-position:hover {
    text-decoration: underline;
}

.user-position {
    font-weight: 400;
    color: #65738B;
    margin-right: 25px; /* use 50px for two icons offset */
    line-height: 18px;
    display: block;
}
.no-user-position {
    color: #65738B;
    font-weight: 400;
    line-height: 18px;
}

.user-main-information {
    float: left;
    width: 200px;
}

.user-avatar {
    float: right;
    border-radius: 50%;
    background: url(noAvatar48X48.png) center center no-repeat;
    background-size: 100%;
    width: 48px;
    height: 48px;
}
#topAccountButton .user-avatar {
    background-size: 120%;
}

.user-header-avatar {
    background-position: center;
    float: none;
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(255, 255, 255, 0.4);
}

.user-menu-avatar {
    background-position: center;
    float: none;
    display: inline-block;
    width: 50px;
    height: 50px;
}

.jq-dropdown-menu.userMenu {
    width: auto;
    min-width: 200px;
    font-size: 14px;
    padding-top: 8px;
}

.timelineModeMenu {
    min-width: 151px !important;
    width: 151px;
    left: -151px;
    margin-top: -9px !important;
    border-radius: 0 !important;
    padding:0 !important;
    border:none !important;
    position: absolute;
}

.planModeColor {
    background-color: #6498CA;
}
.workModeColor {
    background-color: #a14c61;
}
.trackModeColor {
    background-color:#eac363;
}
.reportModeColor {
    background-color: #789e9c;
}
.noModeSelectedColor {
    background-color: #22545b;
}

span.planModeColor {
    border-right: 4px solid #6498CA;
}
span.workModeColor {
    border-right: 4px solid #a14c61;
}
span.trackModeColor {
    border-right: 4px solid #eac363;
}
span.reportModeColor {
    border-right: 4px solid #789e9c;
}
span.noModeSelectedColor {
    border-right: 4px solid #22545b;
}

.jq-dropdown .timelineModeMenu li {
    color:white;
    height: 52px;
    margin-right: 4px;
}
.jq-dropdown .timelineModeMenu li:hover {
    opacity: 0.9;
}

.jq-dropdown .timelineModeMenu li a {
    /*line-height: 40px*/
    padding: 8px 15px;
}
.jq-dropdown .timelineModeMenu .modeName {
    font-weight: 500;
}
.userMenu.helpMenu{
    padding-top: 13px;
    width: auto;
}

.jq-dropdown .timelineModeMenu li > a:hover,
.jq-dropdown .timelineModeMenu label:hover {
    background-color: inherit;
    cursor: pointer;
}

.userMenu li:last-child {
    margin-bottom: 10px;
}

.user-menu-image .user-avatar {
    background-size: auto;
    width: 48px;
    height: 48px;
    margin-bottom: 15px;
    border: none;
}
.avatarBlock .user-menu-image .user-avatar {
    margin-bottom: 0;
}
.user-menu-detail {
    /*float: right;*/
}

.user-menu-username {
    max-width: 160px;
    display: inline-block;
    font-weight: 600;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-menu-position {
    /*display: inline-block;*/
    font-size: small;
    display: none;
}

.user-menu-container {
    font-size: 14px;
    padding-left: 10px;
    vertical-align: top;
    padding-top: 21px;
}

.user-menu-image-cell {
    width: 60px;
}

.doneImage:hover{
    cursor: pointer;
}

.syncContainer {
    padding: 10px 0 10px 0
}

.approveImage:hover{
    cursor:pointer;
}

.skill-block {
    clear: both;
    margin-bottom: 5px;
}

.skill-level, div.Tokenize li.Token {
    border-radius: 5px;
    display: inline-block;
    padding: 2px 5px;
    color: #FFF;
    font-size: .75rem;
    text-transform: uppercase;
    white-space: nowrap;
    margin-bottom: 2px;
}

.bulk-roles-block .Tokenize li.Token {
    color: #000;
}

.email-information {
    padding: 7px 20px;
    background-color: #f3f7fa;
    border-top: 1px solid #d0d8df;
    color: #b3babe;
    font-size: .75rem;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}

.managePerson a, .action-block #bulk-button-action {
    color: #027AFF;
}

.managePerson a:hover, .bulk-reschedule-user-card:hover #bulk-button-action,
#learnMoreTeamWorkloadConfigurationButton:hover, #userWorkloadConfigurationButton:hover {
    color: #3799FF;
    text-decoration: none;
}

.action-block {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-top: 1px solid rgba(208, 216, 223, .5);
    padding-top: 16px;
    margin-left: 5px;
    margin-top: 10px;
    font-size: 13px;;
}

.user-real-name-element {
    color: #253146;
    line-height: 24px;
    cursor: pointer;
    display: inline-block;
    max-width: 155px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.timeline-team-name {
    font-weight: 500;
}

.level-type {
    cursor: pointer;
    margin: 3px;
}

.Tokenize li.Token {
    border-radius: 5px;
    cursor: pointer;
}

.selected-level {
    border-color: #515151;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
}

.recurrent-block .recurrent-summary{
    line-height: 20px;
    padding: 4px 0;
    color: #027AFF;
    cursor: pointer;
    display: none;
    font-weight: 400;
}

.recurrent-block .recurrent-summary:hover {
    text-decoration: underline;
}

.recurrent-button {
    color: #3E4D67 !important;
    padding: 2px 8px 2px 28px;
    border-radius: 3px;
    border: 1px solid #D0D5DD;
    background-image: url(../../images/dashboards/ic_re-save.svg);
    background-repeat: no-repeat;
    background-position: left 4px top 2px;
    display: inline-block;
    line-height: 22px;
    background-size: 21px;
    cursor: pointer;
}

.recurrent-button:hover, .cancel-button:hover {
    background-color: #EAEDF0;
}

#button-deep-link {
    margin-top: 8px;
    margin-right: 10px;
    cursor: pointer;
    width: 16px;
}

.change-link, .work-change-link, .add-description {
    margin-top: 25px;
    display: inline-block;
    color: #0052cc;

    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
}

#createPlaceholderWithIssueBlock .a-link{
    margin-top: 25px;
    display: inline-block;
    color: #027AFF
}
.a-link {
    margin-top: 25px;
    display: inline-block;
    color: #0052cc;

    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
}


.period-summary-dialog {
    font-weight: 500;
    margin-bottom: 16px;
    color: #101724;
}

.period-block-label {
    font-weight: 400;
    color: #65738B;
    display: block;
    margin-bottom: 4px;
}

.period-mode .period-label.radio-label {
    margin-right: -5px;
    border: 1px solid #E4E6EB;
}

.weekly-element .period-label, .monthly-element .period-label {
    padding-right: 16px;
    padding-left: 3px;
    font-weight: 400 !important;
}

.monthly-element .period-label {
    vertical-align: middle;
}

/*.schedule-button {*/
/*    vertical-align: middle;*/
/*    cursor: pointer;*/
/*}*/

.auto-schedule, #issueExtraContainer .bulk-reschedule-user-card {
    float: right;
    margin-bottom: 15px;
}

.bulk-reschedule-user-card {
    cursor: pointer;
}

.bulk-reschedule-user-card:hover #auto-bulk-button, #userWorkloadConfigurationButton:hover img {
    opacity: .7;
}

.bulk-reschedule-user-card .bulk-button-icon {
    margin-right: -3px;
    filter: brightness(0) saturate(100%) invert(33%) sepia(41%) saturate(5141%) hue-rotate(201deg) brightness(102%) contrast(109%);
    vertical-align: text-top;
}

.rescheduleAssigneeRow, .rescheduleProjectRow, .reschedulePeriodRow {
    height: 34px;
}

.userFormPersonCard {
    position: absolute;
    padding: 1px;
    font-weight: 500;
    font-size: 16px;
}

.auto-schedule-icon {
    width: 20px;
    height: 20px;
    cursor: pointer;
    vertical-align: bottom;
}

.schedule-button-action {
    margin: 16px auto 10px;
}

.schedule-button-action span, .auto-bulk-all-team-button span {
    min-height: 20px;
    display: inline-block;
}

.auto-bulk-all-team-button{
    margin: auto;
}

.schedule-button-action, .auto-bulk-all-team-button {
    cursor: pointer;
    color: #3E4D67;
    font-weight: 500;
    width: 90%;
    height: auto;
    min-height: 28px;
    background-color: #F4F5F7;
    text-align: center;
    border-radius: 3px;
    padding: 2px 10px 2px 6px;
}

/*style for text in shedule button*/
/*span .schedule-all-team-button {*/
/*    margin-top: 6px;*/
/*    width: auto;*/
/*    color: #000000;*/
/*}*/

.worklog-table {
    width: 100%;
}

.set-position-link {
    display: block;
    text-transform: lowercase;
    color: #9b9a9b;
    font-size: 13px;
}
.work .set-position-link {
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    margin-right: 20px;
    margin-top: -5px;
    margin-bottom: 3px;
}
.set-position-link:hover {
    color: #8C8C8C;
    text-decoration: underline;
}

a.add-new {
    color: #2677BE;
    text-decoration: underline;
    font-weight: normal;
    vertical-align: bottom;
    display: block;
    margin-top: 4px;
}

.gray-select {
    background-color: #e0e6d1;
    pointer-events: none;
}

.refresh-data-loader {
    filter: brightness(1);
    width: 16px;
    height: 16px;
    margin-bottom: 10px;
    vertical-align: middle;
    cursor: pointer;
}

.track .refresh-data-loader {
    margin-left: 4px;
}

#savedJiraFilters .refresh-data-loader {
    width: 24px;
    height: 24px;
    margin-bottom: 0;
    margin-left: 4px;
    pointer-events: all;
}

#savedJiraFilters .jiraFilterSelectWrap {
    display: inline-flex;
    position: relative;
    width: 55%;
    vertical-align: middle;
}

#savedJiraFilters .jiraFilterSelectWrap .select2-container {
    width: 100% !important;
}

#savedJiraFilters .jiraFilterSelectWrap .assignees {
    width: 100% !important;
}

#savedJiraFilters .jiraFilterSelectWrap .select2-container .select2-choice,
#savedJiraFilters .jiraFilterSelectWrap .select2-container .select2-selection--single {
    padding-right: 10px;
}

#savedJiraFilters #clearJiraFilterSelection {
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    z-index: 2;
}

#savedJiraFilters .refresh-data-loader:hover, #filerByMe:hover {
    background: #F0F2F5;
    border-radius: 4px;
}

.disabled-img {
    cursor: default;
}

.disabled-div {
    pointer-events: none;
    /* for "disabled" effect */
    opacity: 0.5;
    /*background-color: #E2E2E2;*/
    /*background-color: #e6e6e6;*/
}

.short-checkBox {
    width: 20px;
}

.refresh-dashboard-link {
    margin-top: 0px;
}

.highlighted-term {
    background-color: #d6edff;
    color: #333333;
}

/* sync animation styles */
.sync-image-animation {
    -webkit-animation: spin 3s linear infinite;
    -moz-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.user-option-root {
    display: inline-block;
}

.teamSummaryHours {
    margin-top: 28px;
    margin-left: 10px;
    float: left;
    color: #9b9a9b;
    padding-bottom: 20px;

    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
}

.team-worklogs{
    margin-bottom: 6px;
    display: none;
}

.team-available-hours {
    margin-top: 6px;
}

#totalAvailableHours, #totalTeamHours, #totalTeamWorklogs, #totalNumberOfIssues {
    color: #000000;
    font-weight: 500;
    font-size: 14px;
}

.normal-text {
    font-weight: normal !important;
}

#workloadIndicatorModes, #teamWorkloadIndicatorModes, #milestonesPanelBlock{
    background-color: #FFFFFF;
    border-radius: 0;
    padding: 5px 7px 5px 0;
    margin-right: 0;
    margin-left: 0;
}

#workloadIndicatorModes .workloadDropDown, #teamWorkloadIndicatorModes .workloadDropDown, #milestonesPanelBlock .milestonesDropDown{
    /*border: 1px solid #dadada;*/
    /*max-width: 200px;*/
    border: none;
    color: #565f6f;
    /*font-weight: 500;*/
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 1px;
    cursor: pointer;
    display: block;
    line-height: 25px;
    font-size: 15px;
    /*height: 27px !important;*/
}

.workloadModeBlock {
    min-height: 275px;
}

.workloadTypeBlock {
    float: left;
}

.workloadCalculationBlock {
    float: right;
}

.configureWorkload img {
    width: 16px;
    padding-right: 4px;
    vertical-align: text-bottom;
    filter: brightness(0) saturate(100%) invert(34%) sepia(34%) saturate(5966%) hue-rotate(202deg) brightness(103%) contrast(104%);
}

#userWorkloadConfigurationButton {
    display: inline-block;
    text-decoration: none;
    margin: 16px 0 0;
    color: #027AFF;
}

#confirmDialog, #approveDialog {
    min-height: 20px !important;
    padding: 0;
}

#confirmDialog label {
    color: #101724;
    vertical-align: 1px;
}

.confirmDialog .ui-dialog-buttonpane {
    border-top: 1px solid #EAEDF0 !important;
}

.confirmation-title-container {
    padding: 12px 16px;
}

.confirmation-prompt-text {
    color: #101724;
    font-weight: 500;
}

.recurrence-mode-apply-to {
    color: #3E4D67;
    font-weight: 500;
    padding-bottom: 8px;
}

.confirmation-sub-header {
    color: #3E4D67;
}

.replace-placeholder-wrapper, .create-issue-wrapper, .confirm-dialog-group-option {
    display: none;
    border-top: 1px solid #EAEDF0;
    padding: 10px 16px;
}

#approveRecurrenceUpdateMode, .confirm-dialog-recurrence-options {
    display: none;
    flex-direction: column;
    gap: 6px;
    border-top: 1px solid #EAEDF0;
    padding: 10px 16px;
}

.confirmDialog {
    width: auto !important;
}

.confirmDialog  .ui-widget-content{
    border: none ;
}

.approveDialog .ui-widget-content{
    border: none ;
}

.topIssuesLabel {

    font-size: 12px;
    /* text-align: left; */
    /* padding-left: 10px; */
    color: #0d2054;
    font-size: 14px;
    margin-left: 9px;
    margin-bottom: 5px;
}

.bulkUpdateButtons {
    text-align: left;
}

.select-all-span {
    margin-left: 16px;
}
#dashboardsTable .select-all-span {
    margin-left: 20px;
}

.issueEstimate.estimate-status-ok, .estimate-status-ok, .estimate_status_ok {
    /*background-color: #93F1A1;*/
    color: #008c15;
}

.issueEstimate.estimate-status-underestimated, .estimate-status-underestimated, .estimate_status_underestimated {
    /*background-color: #fd9191;*/
    color: #ff5656;
}

.issueEstimate.estimate-status-overestimated, .estimate-status-overestimated, .estimate_status_overestimated {
    /*background-color: #f8ff7a;*/
    color: #c76e00;
}

/* TODO Optimize duplicates selectors with - and _ */
.reportContent .estimate-status-ok, .reportContent .estimate_status_ok {
    background-color: #93F1A1aa;
    color: #555555;
}
.reportContent .estimate-status-underestimated, .reportContent .estimate_status_underestimated {
    background-color: rgba(255, 174, 174, 0.67);
    color: #555555;
}
.reportContent .estimate-status-overestimated, .reportContent .estimate_status_overestimated {
    background-color: #f8ff7aaa;
    color: #555555;
}

.estimateStatus {
    text-align: center;
    margin-top: 3px;
    padding: 1px;
    text-transform: uppercase;
    font-weight: 600;
}

#addNewIssuePartRow {
    margin-top: 10px;
    display: block;
    color: #4169e1;
}

.createIssuePart {
    color: #4169e1;
}

#worklogDialogContainer, #estimateDialogTabs {
    min-width: 394px;
    min-height: 160px;
}

#remainingEstimate{
    height: 22px;
    font-size: 14px;
}

#originalEstimate{
    height: 22px;
    font-size: 14px;
}

#editEstimateTab, #editHoursPerDayTab {
    margin-top: 35px;
}


#worklogDialogContainer .ui-tabs .ui-tabs-nav,
#estimateDialogTabs .ui-tabs .ui-tabs-nav {
    background-color: #FFFFFF !important;
}

#worklogDialogContainer .ui-tabs-nav li,
#estimateDialogTabs .ui-tabs-nav li {
    padding-top: 5px;
    width: auto;
    list-style: none;
    float: left;
    position: relative;
}

#worklogDialogContainer ul, #issueActionPanel ul,
#estimateDialogTabs ul {
    background-color: #FFFFFF !important;
}

#worklogDialogContainer .ui-widget-header, #estimateDialogTabs > .ui-widget-header, #issueActionPanel .ui-widget-header, #leftIssuesPanel > div > #actionPanel ul.ui-tabs-nav {
    background-color: #FFFFFF;
    box-shadow: none;
}

#worklogDialogContainer .ui-tabs .ui-tabs-nav li a,
#estimateDialogTabs .ui-tabs .ui-tabs-nav li a {
    padding-bottom: 3px;
}
#worklogDialogContainer .ui-state-hover, #issueActionPanel .ui-state-hover,
#worklogDialogContainer .ui-state-active, #issueActionPanel .ui-state-active,
#worklogDialogContainer .ui-state-default, #issueActionPanel .ui-state-default,
#estimateDialogTabs .ui-state-hover, #issueActionPanel .ui-state-hover,
#estimateDialogTabs .ui-state-active, #issueActionPanel .ui-state-active,
#estimateDialogTabs .ui-state-default, #issueActionPanel .ui-state-default {
    background-color: transparent;
}
#jira-issue-action-switcher .ui-tabs .ui-tabs-nav li {
    width: auto;
}
#jira-issue-action-switcher .ui-tabs .ui-tabs-nav {
    margin-left: -13px;
    height: auto;
    margin-bottom: 0;
}
.star {
    color: #027AFF;
    font-family: serif;
}

.dasboardContainer {
    background-color: #FFFFFF;
    width: 100%;
    height: 99.5%;
    min-width: 580px;
    /*box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);*/
}

#jqlSearch {
    min-height: 73px;
    border: 1px solid #D0D5DD;
    border-radius: 4px;
    width: 90%;
    padding: 4px 6px 8px 8px;
    margin-bottom: 10px;
    resize: none;
    overflow: hidden;
    max-height: 50vh;
}

#jqlSearchBtn {
    width: 95%;
    height: 28px;
    background-color: #027AFF;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#jqlSearchBtn .ui-button-text {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 14px;
}

#jqlSearchPanel {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#issueExtraContainer {
    padding: 16px;
    left: 67%;
    width: 320px;
    border-radius: 4px;
    max-height: 72vh;
}

#issueExtraContainer .auto-schedule-icon {
    width: 24px;
    height: 24px;
}

#issueExtraContainer label {
    color: #000000;

    font-size: 13px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 600;
    text-align: right;
}

.userImage {
    /*padding-top: 25px;*/
}

#teamLoadingProgress {
    display: inline-block;
    width: 16px;
}

.fc-button-content {
    user-select: none;
    height: 28px;
    line-height: 28px;
}

.fc-button-today {
    border-right: none !important;
    border-left: none !important;
    margin-bottom: -1px;
}

.fc-button-today .fc-button-content {
    height: 26px;
    line-height: 26px;
    color: #027AFF;
}

.fc-button-today:hover .fc-button-content {
    text-decoration: underline;
}

.select2-container .select2-choice > .select2-chosen,
.select2-container-multi .select2-choice > .select2-chosen {
    margin-right: 33px;
}

.select2-drop .select2-search input {
    border-radius: 3px;
    height: 22px !important;
    min-height: 22px;
}

.select2-choice, .select2-choices {
    background: #FFFFFF;
}

.select2-dropdown-open .select2-choice,
.select2-dropdown-open .select2-choices {
    background: #FFFFFF;
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices,
.select2-container-multi-active .select2-choice, .select2-container-multi-active .select2-choices,
.select2-container-multi .select2-choices {
    border: 1px solid #dadada;
    border-radius: 3px;
    background-image: none;
}

.select2-drop {
    border: 1px solid #dadada;
    box-shadow: none;
    max-width: 370px!important;
}

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #dadada;
    background: #FFFFFF;
}

.select2-container .select2-choice,
.select2-container-multi .select2-choice {
    height: 24px;
    line-height: 24px;
}

.schedule-dialog-change-assignee .select2-choice{
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    font-weight: normal;
    padding-left: 3px;
    margin-left: 0;
}

.select2-results {
    font-size: 13px;
}

.select2-results .select2-highlighted {
    background: #13688a;
    color: #fff;
}
.select2-search-choice-close:before {
    content: "x";
    font-size: 14px;
    display: inline-block;
    margin-top: -2px;
    margin-left: 2px;
}
.select2-container-multi .select2-choices .select2-search-field input {
    padding-top: 0;
    padding-bottom: 0;
}
.select-img-icon {
    padding-bottom: 1px;
    vertical-align: sub;
    height: 16px;
}
.daysMove{
    font-size: 13px;
    width: 50px;
    text-align: center;
}

.selectBulk{
    font-size: 13px !important;
    height: 21px;
    width: 100px;
}
.bulkIssues .issue {
    /* display: inline-block; */
    width: 99%;
    display: block;
    min-height: 18px;
    border: none;
    padding-top: 1px;
}
.bulkIssues .fc-event {
    width: 90%;
    display: inline-block;
    margin-top: 4px;
    margin-left: 5px;
}
.bulk-issue-assignee{
    font-weight: 500;
    margin-top: 5px;
    margin-left: -5px;
    color: #333;
}
.bulkActionRadio {
    vertical-align: bottom;
    margin-bottom: 2px;
    margin-right: 5px;
}
.bulkActionSelectorBlock td.name {
    padding-bottom: 9px;
    padding-top: 9px;
}
#bulkEditDialog td.name, .bulkActionSelectorBlock td.value {
    vertical-align: middle;
}
.issue-box{
    margin-left: 10px;
    vertical-align: middle;
}

.teamMembersSkill, .teamMembersPosition {
    width: 255px;
}

.toggle {
    display: inline-block;
    padding-right: 8px;
}

.toggle-light .toggle-off, .toggle-light .toggle-select .toggle-on {
    background: #F4F4F4;
    font-size: 16px;
}

.toggle-light .toggle-on {
    color: #9ed2a3;
    font-size: 16px;
    background: #84d88d;
    color: rgba(255, 255, 255, 0.8);
}

.toggle-light .toggle-off {
    color: #cc8686;
}

.loggedInUser {
    text-transform: uppercase;
    height: 23px;
    display: inline-block;
}

#accountUser {
    cursor: pointer;
}

.userImage{
    height: 50px !important;
    display: inline-block;
}

.ps-scrollbar-y-rail {
    z-index: 90;
    background: none !important;
}

.ui-layout-pane.ui-layout-pane-west .ps-scrollbar-y-rail {
    margin-right: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
}

#toast-container > div {
    opacity: 0.96;
}

.toast-message {
    font-size: 14px;
}
.toast-top-right {
    top: 65px; /* do not overlap main header row */
}
.toast-bottom-right {
    bottom: 0; /* do not overlap main header row */
}

.ps-container > .ps-scrollbar-y-rail {
    transition: background-color .2s linear, opacity 0.2s linear;
    cursor: ns-resize;
}
.ps-container > .ps-scrollbar-x-rail {
    cursor: ew-resize;
}
.ps-container > .ps-scrollbar-y-rail,
.ps-container > .ps-scrollbar-x-rail {
    opacity: 0.7;
}

#issueFiltersContainer {
    border-radius: 4px;
    width: 348px;
    left: 3%;
    max-height: calc(75vh - 1em);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 4px;
}

#issueFiltersContainer .divider {
    width: calc(100% + 16px);
    height: 1px;
    display: inline-block;
    background: #E4E6EB;
    margin-top: 12px;
    margin-bottom: 16px;
    margin-left: -16px;
}

.myDashboardSavedJIRAFilter #jq-dropdown-6 {
    margin-left: 1.3%;
    top: 270px !important;
}

#issueFiltersContainer #jq-dropdown-6 {
    left: 384px !important;
}

#jq-dropdown-6.limUserView {
    top: 175px !important;
}

#jq-dropdown-6 {
    position: fixed;
    top: 216px !important;
    box-shadow: 0 3px 5px rgba(12, 33, 69, 0.18), 0 0 1px rgba(12, 33, 69, 0.32);
    border-radius: 4px;
}

#jq-dropdown-6 ul {
    padding: 0;
    border: none;
    min-width: 0;
}

#jq-dropdown-6 a {
    color: #3E4D67;
    padding: 5px 15px;
}

#jq-dropdown-6 a:hover {
    background:  #F4F6F8;
}

#jq-dropdown-6 li:first-of-type a:hover {
    border-radius: 4px 4px 0 0;
}

#jq-dropdown-6 li:last-of-type a:hover {
    border-radius: 0 0 4px 4px;
}

#jq-dropdown-6 img {
    vertical-align: top;
    margin-right: 3%;
}

#issueGroupContainer {
    padding: 16px;
    width: 348px;
    border-radius: 4px;
    left: 35%;
}

a.link:link, a.link:visited, a.link:hover {
    color: #027AFF;
    cursor: pointer;
    font-weight: normal;
}

a.link:hover {
    text-decoration: underline;
}

a.inlineLink:link, a.inlineLink:visited {
    color: #027AFF;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
}
a.inlineLink:hover {
    text-decoration: underline;
}

#filters-more {
    position: relative;
    top: -1px;
}

.filters-more__img {
    display: flex;
    width: 24px;
    height: 24px;
    pointer-events: all;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

.filters-more__img:hover {
    background: #F0F2F5;
    border-radius: 4px;
}

.content {
    background-color: #ffffff;
}

.menuButton a.selectedMenu {
    color: #13688a;

    font-weight: 600;
    text-align: left;
    border-bottom: #13688b solid 3px;
    border-bottom: none !important;
}
.poweredByOwnerLabel {
    float: left;
    margin-top: 25px;
    padding-left: 5px;
    font-size: 10px;
    color: #C4C4C4;
    background-color: #22545B;
}
.selectedTab {
    background-color: #F4F5F7;
    border-left: 3px solid rgb(20, 73, 163);
}

.jq-dropdown .jq-dropdown-menu .jq-dropdown-divider {
    font-size: 1px;
    border-top: solid 1px #ebe9e9; /*#efeeee;*/
    padding: 0;
    margin: 9px 15px;
}

#jq-dropdown-3:before{
    display: none;
}

#jq-dropdown-3:after{
    display: none;
}

.tourLabelText{
    margin-left: 15px;
}

.projectTour{
    display: inline-block;
    width: 100%;
    height: 22px;
    line-height: 20px;
}

.projectTour:hover{
    display: inline-block;
    width: 100%;
    cursor: pointer;
    background-color: #f2f2f2;
}

.tour-timelines-panel-tooltip {
    top: 173px!important;
    z-index: 299999999 !important
}

/* testing performance with tooltip accessibility disabled */
/* .ui-helper-hidden-accessible {
    display: none;
}*/

.table-mix-column-width {
    min-width: 45px;
}

.calendarPaginationBlock {
    margin: 7px 0 25px 210px;
}
.paginationButton {
    cursor: pointer;
    margin-right: 5px;
    padding-right: 5px;
}
.pageNumberButton {
    font-size: 15px;
    color: cornflowerblue;
}

/* Dashboard compact mode is super-compact now: */
.compactedView .user-position-wrapper {
    display: none;
}

.compactedView #subNorthPanel {
    padding-top: 0;
}

.compactedView #calendarButtons {
    /*margin-top: 5px;*/
}
.compactedView .fc-button-create-new {
    margin-top: 2px;
}
.compactedView .fc-event,
.compactedView .fc-event-inner {
    max-height: 36px;
}

.demo-event{
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: -15px;
    display: inline-block;
    width: auto;
    min-width: 370px;
}

.demoEventPreviewLabel{
    margin-left: 10px;
}

.tooltipTimeBlock{
    width: 60%;
    float: left;
}

.tooltipColorBlock{
    float: right;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.secondColorBlock {
    line-height: 0;
}

.issueColorBlock .firstColorBlock{
    height: 26px;
    padding-right: 12px;
    border-right: 1px solid #E4E6EB;
    display: flex;
    align-items: center;
}

.tooltipCustomFieldBlock{
    white-space: normal !important;
}

.bulTtableNote {
    margin-top: 0px;
    width: auto;
    padding-bottom: 2px;
}

.bulkWizardNote {
    color: #3d3d3d;
    font-weight: 600;
    text-align: left;
    line-height: 30px;
    min-height: 20px;
    width: 503px;
}
.bulkWizardNote .syncStatus {
    padding: 0 5px 0 5px
}
.bulkNoteHeader {
    text-align: center;
    width: auto;
    font-size: 18px;
}
.bulkNote {
    border: 1px solid #c8eaf6;
    background-color: #f0fbff;
    width: auto;
    min-height: 30px;
    height: auto;
    color: #000000;
    font-weight: 400;
    /*line-height: 20px;
    margin-top: 10px;
    margin-left: 69px;
    padding-bottom: 10px;*/
    text-align: center;
}
.bulkProperties {
    /*border: 1px solid #dadada;*/
    margin: 10px auto;
    border: none;
    color: #3d3d3d;
    font-weight: 400;
    width: 380px;
    height: 300px;
    text-align: center;
}
.bulkGroupSuccess .bulkProperties {
    width: auto;
    height: auto;
}
.hide-element{
    display: none;
}
.show-element{
    display: initial;
}
.tooltip-split-link{
    margin-left: 150px;
}
.tooltip-split-link-date-time {
    margin-left: 55px;
}

.tooltipTimeBlock.datePickerBlock{
    height: 15px;
    margin-top: -3px;
    margin-bottom: 0px;
}

.tooltip-button.tooltip-action-div.tooltip-split-button,.tooltip-timesheet-button.tooltip-action-div.tooltip-split-button{
    max-width: 40px;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
}

.tooltip-manageIssueParts-div{
    margin-top: 8px;
    float: right;
}

.sort-direction{
    display: none !important;
}

.dropDownMenuIcon{
    margin-left: 5px;
    margin-right: 10px;
}

.tableHeaderTitle {
    color: #14688B;
    text-transform: capitalize;
}


.worklog-record-table, .issues-table {
    width: 100%;
    border: none;
    padding: 5px 8px;
}


.scheduled-issues-title{
    margin-top: 15px;
    margin-bottom: 5px;
}

.issues-table td div input, .worklog-record-table td div input{
    width: 115px;
}

.issues-table tr, .worklog-record-table tr{
    text-align: center;
}
.projectPanel {
    text-align: center;
}

.tooltip-split-link{
    margin-left: 140px;
}

.tooltipTimeBlock.datePickerBlock{
    height: 15px;
    margin-top: -7px;
    margin-bottom: -1px;
}

.tooltip-button.tooltip-action-div.tooltip-split-button,.tooltip-timesheet-button.tooltip-action-div.tooltip-split-button{
    width: 35px;
    font-size: 11px;
    height: 20px;
    line-height: 19px;
}

.alignReportColumn{
    width: 50%;
}
.alignCommentColumn{
    width: 11%;
}
.report-oneDay-header{
    text-align: center;
    background-color: #f6f6f6;
}

.manageIssueDialogBody{
    width: 85%;
    margin-top: 20px;
    margin-left: 45px;
}

.dialogTitle{
    font-size: 15px;
    margin-bottom: 15px;
    color: #75787c;
}

#issueDescription, #jiraIssueDescription, #issueEnvironment{
    width: 507px;
    vertical-align: top;
    height: 180px;
}

.dialogDescriptionBlock{
    margin-top: 15px;
    margin-bottom: 15px;
    height: 200px;
}

.dialogDescriptionBlock .jqte{
    width: 655px;
    margin-right: 30px;
    display: inline-block;
    white-space: pre-wrap;
}

.jqte_editor, .jqte_source {
    height: 160px;
    max-height: 160px;
    line-height: 1.5;
    white-space: normal;
}

#s2id_selectProject{
    width: 220px !important;
}

#s2id_selectPriority{
    width: 220px !important;
}

.priorityDropDown{
    margin-left: 19px;
    margin-right: 5px;
}

.manageIssueDialogBody .select2-arrow{
    border-left: none !important;
}

.dialogDatePicker {
    height: 25px;
    width: 100px;
}

.manageIssueDialogBody .leftLabel{
    display:  inline-block;
    width: 90px;
}

.manageIssueDialogBody input{
    height: 25px;
}

.dialogBottomBlock{
    margin-top: 15px;
}

.issueEstimateInput{
    margin-left: 30px;
}

#issueEstimate{
    width: 40px;
}

.startDatePicker{
    float: left
}

.dueDatePicker{
    float: right;
    margin-right: 30px;
}

.endDatePicker{
    float: right;
    margin-right: 65px;
}

.dialogTimeBlockBlock{
    margin-top: 45px;
    height: 40px;
}

.dialogTopBlock{
    margin-bottom: 25px;
}

.dialogBlockLineMargin{
    margin-top: 50px;
}

.createIssue #issueTitle{
    width: 80%;
    margin-top: 25px;
}

.updateIssue #issueTitle{
    width: 69%;
    margin-top: 25px;
}

.updateIssue input[type="text"]#issueKey{
    padding-left: 10px;
    display: inline-block;
    width: 62px;
    border-right: 0px;
    margin: 0 0 0 -7px;
    background: white;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-left: 0px;
}
.updateIssue input[type="text"]#issueTitle{
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-left: none;
    bor: 0px;
    display: inline-block;
    outline: none;
    margin-left: -4px;
}
.leftPanelParent {
    display: inline-block;
    border: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:75%;
    color: #24325F;
    vertical-align: middle;
}
.issueCategoryTitle {
    margin-left: 1px;
    font-weight: 500;
    color: #24325F;
}

.zeroEstimateCategory {
    margin-left: 13px;
}

.issueCategoryRow {
    padding-left: 1px !important;
}

.issueCategoryRemainingEstimate {
    font-weight: 600;
    color: #6385AA;
    background-color: white;
    padding: 2px 3px;
    margin-left: 10px;
    line-height: 20px;
    text-transform: capitalize;
}

.viewParentIssueLink {
    float: right;
    margin-right: 5px
}

.ui-accordion .ui-accordion-header a {
    padding-left: 0;
}

.modeDescription{
    width: 235px;
    margin-left: 26px;
    margin-bottom: 4px;
    font-size: 12px;
    color: #929292;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.selectWorkloadModeLabel{
    margin-left: 11px;
    color: #3E4D67;
}

.workloadDropDown, .milestonesDropDown{
    /*width: 95%;*/
    width: 100%;
    background: url(settings.svg) no-repeat right;
}

.milestonesPanelNameLabel {
    font-weight: 500;
}

.milestonesDropDown {
    cursor: pointer;
    border: none;
    margin-bottom: -5px;
    margin-right: 7px;
    width: 30px;
    float: right;
}

.workloadDropDown:hover, .milestonesDropDown:hover {
    background: url(settings-active.svg) no-repeat right;
}

.worklogHtml {
    background-color: #F4F6F8;
    cursor: pointer;
    display: block;
    padding: 1px;
    letter-spacing: -0.35px;
}

.customEvent.worklogHtml {
    border: 1px solid #EAEDF0;
}

.worklogHtml .issueEstimate {
    background-color: #FFFFFF;
    color: #091936;
    float: left;
    border: 1px solid #3E4D67;
    border-radius: 3px;
    padding: 0 4px;
    line-height: 14px;
    margin: 0 4px 0 3px;
}

.worklogDescription {
    margin-bottom: 2px;
}

.worklogMoreIcon {
    transform: rotate(90deg);
    margin-right: 2px;
    float: right;
    width: 16px;
}

.worklogsGroupImg {
    vertical-align: top;
    margin-top: -2px;
    margin-left: -2px;
    width: 20px;
}
.ps-scrollbar-x-rail{
    z-index: 100;
}

.enabledButton{
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
    background: #498edb;
    /* width: auto; */
    min-width: 100px;
    height: 32px;
    text-align: center;
    margin-left: 10px;
    cursor: pointer;
    padding: 0 25px;
    line-height: 30px;
    border-radius: 3px;
    margin-bottom: 15px;
    text-transform: uppercase;
    display: inline-block;
}

.enabledButton .ui-button.ui-state-focus {
    background-color: #0B52C8!important;
}

.equalsColumn {
    min-width: 3%;
}
.selectPartial {
    display: none;
    margin-top: 15px;
}
.jiraIssueAdvance{
    display: none;
    margin-top: 15px;
}
.jiraIssueBlock{
    /*display: none;*/
    margin-top: 15px;
}
.holiday-preview-table {
    float: left;
    width: 260px;
    margin-left: 20px
}
.schemaHeader{
    text-align: center;
    height: 21px;
}

.workloadCurrentDate {
    border-bottom: 2px solid #86ddff;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
}
.workloadCurrentDate .workloadDayName {
    color: #027AFF;
    font-weight: 600;
}

.workloadPastDate {
    border-bottom: 2px solid #bdbdbd /*#f3afb5*/;
}

.workloadFutureDate {
    border-bottom: 2px solid #93F1A4 /*#80e2af*/;
}

.workloadIndicatorSumBlock {
    vertical-align: bottom;
}
.workloadIndicatorSumBlock>.workloadCell {
    padding-bottom: 2px;
    vertical-align: bottom;
}

.team-sum-for-current-page-message{
    display: none;
}

#warning-notification.capacityIncludePastDaysWarningMessage {
    display: inline-block;
    padding: 8px;
    margin: 16px 0 0;
}

.capacityIncludePastDaysWarningMessage p {
    margin: 4px 0 4px 32px;
}

.qtip-content .worklogHtml {
    margin-top: 2px;
    width: 230px;
    display: inline-block;
    border: 1px solid #EAEDF0;
    border-radius: 3px;
    padding: 3px 0;
    color: #253146;
}

.worklogQtip {
    max-height: 350px;
    overflow-y: auto;
    margin-right: -15px;
}

.worklogQtip .fc-event {
    padding: 1px 0;
}

.worklogsListTooltipTitle {
    margin-bottom: 5px;
    color: #3E4D67;
    font-weight: 500;
    margin-right: 5px;
}
.logPeriod {
    margin-right: 4px;
    margin-bottom: 2px;
    vertical-align: middle;
    display: none;
}
.linkLabel, .showMoreLogMode{
    color: #498fe1;
    font-weight: 400;
    cursor: pointer;
    margin-left: 10px;
}
.billableBlock {
    margin-right: 10px;
    cursor: pointer;
    line-height: 28px;
}
#nonBillableHours {
    vertical-align: middle;
}
.log-time-mode-additional {
    display: none;
}
.single-label{
    display: none;
}
.choose-log-period-multi {
    margin-left: 20px;
}
.multi-log {
    margin-right: 10px;
}
.worklog-table .estimate-table-cell {
    padding-bottom: 2px;
}
.ui-button .ui-button-text {
    text-shadow: none;
}
.manageEventTypesBlock .ui-button .ui-button-text{
    color: #027AFF;
    width: 162px;
    text-align: center;
}

.manageEventTypesBlock .ui-button .ui-button-text:hover {
    text-decoration: underline;
}

.advanceSearchCell {
    padding-top: 20px
}

.advancedSearch {
    display: none;
}

.editPersonSkillsBlock, .editPersonPositionBlock, .editCategoryBlock {
    position: relative;
    min-width: 80px;
}

.editPersonPositionBlock {
    max-width: 130px;
}

.editPersonSkillsBlock:hover{
    background-color: #f2f2f2;
}

.editPersonPositionBlock:hover, .editCategoryBlock:hover{
    background-color: #f2f2f2;
}

.editBlockPencil > .pencilImage:after {
    content: " ";
    height: 14px;
    width: 14px;
    margin-top: 5px;
    margin-right: 10px;
    display: inline-block;
    float: right;
    position: absolute;
}

.editPersonSkillsImage > div, .editPersonPositionImage > div, .editCategoryImage > div {
    display: inline-block;
}

.editBlockPencil:hover > .pencilImage:after {
    content: url("icons/edit-small.png");
    height: 14px;
    width: 14px;
    margin-top: 3px;
    margin-right: 10px;
    margin-left: 2px;
    display: inline-block;
    float: right;
    position: absolute;
}

.updateSkills {
    margin-left: 15px;
}
.skills {
    width: 100%;
    max-width: 100%;
}

.Dropdown li {
    margin-bottom: 0;
}

.editPersonSkillsBlock, .editPersonPositionImage, .updateSkills, .editPersonPositionBlock, .cancelSkills:hover, .editCategoryBlock, .editCategoryImage {
    cursor: pointer;
}

.usertable #personPosition {
    width: 98%;
}
.updateUserPosition, .updateCategory {
    margin-left: 15px;
}

.workDetailsGraphsContainer {
    display: inline-block;
    height: 9vh;
    width: 100%;
}

#unscheduleAndUnassign {
    left: 0;
    position: fixed;
    bottom: 1px;
}

#unscheduleAndUnassignSecondary {
    left: 0;
    position: fixed;
    bottom: 2px;
    z-index: 500;
}

.remove-date-span {
    cursor: pointer;
}

#waitingProgressBlock{
    text-align: center;
    height: 300px;
    position: relative;
    display: none;
}

.waitingProgressImage{
    margin: 0;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%
}
.worklogDialogWarning {
    border: 1px solid #FF6200 !important;
}
.worklogDialogValidationError {
    border: 1px solid red !important;
}

.thirdPartyAuthorization {
    font-weight: 600;
    color: #6A7890
}
.cancelUserPositionCloseImage, .cancelUserSkillsCloseImage {
    width: 16px;
    margin-left: 2px;
}

.teamNameMultiselectSpan {
    width: 350px;
    display: inline-block;
    padding: 3px 1px;
    color: #333333;
}
.imgShadowBorder {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.imgBorderRadius {
    border-radius: 6px;
}

.log-work-label {
    float: right;
    color: #027AFF;
}

#tooltip_subtask_count_label, #tooltip_placeholder_count_label {
    color: #027AFF;
}

.log-work-label:hover,#durationButton:hover,.issueStatus:hover, #tooltip_subtask_count_label:hover, #tooltip_placeholder_count_label:hover {
    color: #006fea;
    cursor: pointer;
    text-decoration: underline;
}
.st-status {
    display: inline-block;
    max-width: 200px;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.changeStatusButton {
    margin-left: -5px !important;
}

.issuePartStartDate, .issuePartEndDate {
    max-width: 90%;
}
.worklogTooltipCard {
    min-width: 250px;
    box-shadow: none; !important;
}

.worklogTooltipCardBlock{
    min-height: 70px;
}

.worklogTooltipCardBlock .field-block{
    margin-top: 10px;
}
.selectedUsersAddSKill {
    text-align: center;
    width: 65%;
}

.selectedUsersAddSKill > .select2-container {
    min-width: 65%;
}

.skillLevelNameBlock {
    border-radius: 2px;
    padding-left: 30px;
}

.saveSkillToUsers {
    margin-left: -1px;
}

.addSkillToUserBlock {
    padding-top: 50px;
}

.skillLevelColor {
    width: 30px;
    position: absolute;
    height: 28px;
    margin-top: -5px;
}

.skillLevelName {
    padding-left: 40px;
    font-weight: 600;
}

.AssignToSkillUserSpan {
    font-weight: 600;
    padding-right: 13px;
}
#durationButton{
    margin-top: 5px;
    color:#027AFF
}
.qtip .toast-info{
    background-color: white;
}
.qtip .toast-message label{
    color: #797979;
}
.qtip .toast-message {
    word-wrap: normal;
}
.qtip .toast-close-button{
    color: #797979;
    margin-top: 5px;
    display: none;
}
#duration{
    width: 20px;
}

.my-account-user-avatar {
    float: left;
    background-size: auto;
    width: 48px;
    height: 48px;
    margin-bottom: 15px;
    border: none;
}

.my-account {
    margin-left: 0px;
}

.my-account-user-avatar-block {
    padding: 0px !important;
}

.update-avatar-link {
    margin-left: 20px;
    position: absolute;
    margin-top: 20px;
}

.placeHolderBlock {
    /*margin-bottom: -20px;*/
}


.sortTeamMembersLink {
    position: absolute;
    margin-top: 19px;
    padding-left: 13%;
}

.refresh-users-button{
    display: none;
}
#refreshedList{
    max-height: 300px;
}
#refreshedList table td {
    padding-left: 10px;
}
#configButton{
    cursor: pointer;
}
.work-description-area{
    max-height: 100px;
    max-width: 235px;
}

.trackLeftTabButtons {
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;    /*for internet explorer*/
    text-orientation: mixed;
    position: absolute;
    left: 5px;
    transform: rotate(180deg);
}
.planFiltersMenuView, .planGroupsMenuView, .planExtraMenuView, .track__header_filters_popup {
    position: absolute;
    z-index: 100;
    margin-top: -8px;
    margin-left: 3px;
    box-shadow: 0 3px 5px rgba(12, 33, 69, 0.18), 0 0 1px rgba(12, 33, 69, 0.32);
}
.ui-layout-toggler {
    display: none !important;
}
.ui-layout-resizer-west {
    overflow:visible !important;
}
.plan .group-button-text{
    text-align: left;
    margin-left: 5%;
    width: 70%;
}
.plan .button-group-wrap .ui-button,
.work .button-group-wrap .ui-button {
    box-shadow: none;
    border-bottom: 1px solid;
    border-color: #bbb;
    border-radius: 3px;
}

/*slick(product tour) css - beginning */
.productTourDivBlock {
    height: 570px !important;
    padding: 0px !important;
}

.productTourCarousel {
    height: 84%;
    text-align: center;
}

.productTourHeader {
    color: #4a4a4a;
    text-align: left;
    font-weight: 400;
    padding-left: 15px;
}

.slick-dots li button:before {
    font-size: 10px;
}

.slick-prev {
    z-index: 1;
    height: 40px;
    border: none !important;
    top: 97% !important;
    left: 15px !important;
    text-align: left;
}

.slick-next {
    height: 40px;
    border: none !important;
    top: 97% !important;
    right: 25px !important;
}

.slick-prev:before, .slick-next:before {
    position: absolute;
    top: -20px;
    font-family: "";                    /*font-family is empty for edge browser*/
    font-size: 60px;
    line-height: 1;
    color: darkslategray;
}

ul.productTourReportSliderTextMain {
    padding-left: 35px;
    margin-top: 10px;
    padding-inline-start: 35px;
    margin-inline-start: 10px;
    margin-inline-end: 10px;
}

ul.productTourSliderTextMain {
    margin-top: 30px;
    padding: 0px;
}

ul.productTourSliderTextMain > li {
    font-size: 16px;
    line-height: 30px;
    list-style: none;
    margin-left: 40px;
    margin-right: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.productTourSliderTextMain > li:hover {
    overflow: visible;
    white-space: normal;
}

.sliderSlickImage {
    width: 674px;
    height: 350px;
    border: 1px solid #ececec;
}

.productTourHeaderBlock {
    width: 100%;
    display: inline-block;
    margin-top: 6px;
    margin-bottom: 6px;
}

div.projectTourDialogWindow {
    border: 1px solid #aaaaaa;
    border-radius: 4px;
    box-shadow: 0px 4px 30px -5px rgba(0, 0, 0, 0.8) !important;
    background-color: white !important;
}

ul.slick-dots {
    bottom: -60px !important;
}

.closeProductTour {
    position: absolute;
    width: 100%;
    text-align: right;
    right: 10px;
    font-size: 14px;
    top: 96%;
}
.buttonCloseTour {
    color: #6498CA;
}
.buttonCloseTour:hover {
    border-bottom: 1px solid lightgray;
    cursor: pointer;
}

.slick-slide {
    height: 560px;
}
/*slick(product tour) css - end */


.usedVacationDaysBlock {
    position: absolute;
    margin-left: 6px;
    top: 140px
}

#teamDropDownMenuLabel{
    margin-left: 15px;
    margin-right: -15px;
    display: inline-block;
    color: black;
    padding-top: 8px;
}

.waitingProgressTimeSpent {
    display: none;
    height: 20px;
    position: absolute;
    right: -2%;
}
#adminNotificationMessage {
    margin-top: 10px;
    min-height: 80px;
    max-height: 100px;
    width: 100%;
    height: 80px;
    max-width: 900px;
    min-width: 800px;
}

.switchUserView {
    display: inline-block;
    margin-top: 1px;
    position: absolute;
    margin-left: 10px;
}

.editTeamWorkloadIndicatorModeButton{
     display: block;
     text-align: right;
     margin-top: 10px;
     margin-right: 20px;
}

.team_workload_setting_dialog label, .workloadModeBlock label {
    margin-left: 5px;
    vertical-align: text-bottom;
}

.workload_indicator_type{
    float: left;
}
.workload_indicator_type .marginTop, .workload_calculation_mode .marginTop, .workloadModeBlock .marginTop {
    margin-top: 2px;
    color: #3E4D67;
}

.workload_indicator_type .bolderText, .workload_calculation_mode .bolderText, .workloadModeBlock .bolderText {
    margin-bottom: 16px;
    color: #3E4D67;
}

.workload_calculation_mode{
    float: right;
    margin-left: 20px;
}

#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%;cursor: pointer }
#sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; height: 18px; }
#sortable li span { position: absolute; margin-left: -1.3em; }

.person-calendar-block, .team-panel-block {
    position: relative;
}

.teamCalendarHeaderRow { ;
    width: 210px !important;
    margin-bottom: -39px !important;
}

.teamWorkloadConfigurationBlock{
    height: 120px;
    width: 428px;
}
#learnMoreTeamWorkloadConfigurationButton {
    display: inline-block;
    vertical-align: bottom;
    color: #027AFF;
    margin-top: 16px;
    text-decoration: none;
    float: right;
}
#submitTeamWorkloadConfigurationButton {
    float: right;
    margin-bottom: -5px;
}
.ts-include-bookings-option {
    display: block;
    margin: 10px 0px 5px 30%;
    color: rgb(66, 82, 110);
    cursor: pointer;
}


.includeHoursNonWorkingDays {
    display: block;
    margin-top: 9px;
    margin-left: 25px;
    font-size: 13px;
    margin-bottom: -5px;
}

.report-details-table .ui-button,
#viewModes .ui-button {
    border: 1px solid #D0D5DD!important;
}

.report-details-table .ui-button .ui-button-text,
#viewModes .ui-button .ui-button-text {
    color: #3E4D67!important;
}

.actionToExcelTimesheetButton {
    border: none;
    background: none;
    color: white;
    cursor: pointer;
    padding: 0;
    font-weight: 500;
}

.day-period-butt, .month-period-butt {
    margin-top: -5px;
    color: #498edb;
    cursor: pointer;
    display: none;
}
.jiraFilterReport {
    display: none /*!important;*/            /*  temporary hide for v7.1 */
}

.editIssueAssigneeImage {
    height: 14px;
    width: 14px;
    margin-right: 10px;
    margin-left: 2px;
    display: inline-block;
    float: right;
    position: absolute;
}

.selectIssueAssignee {
    display: inline-block;
    margin-left: 10px;
    width: 130px!important;
}

.selectIssueAssignee > a {
   height: 20px!important;
   line-height: 20px!important;
}

.select2-drop {
    z-index: 15002;
}

.summaryPerProjectIssues {
    text-align: left!important;
    padding-left: 15px;
    height: 27px;
    color: #333;
    text-transform: uppercase;
}

#teamPanelContainer .fc-first td{
    background-color: #ffffe0;
}

#teamPanelContainer .fc-today {
    background-color: #f4f8fd !important;
}

.right-calendar-header-block {
    margin-right: 10px;
}

#enableTeamPanelLabel{
    position: relative;
    margin-right: 10px;
    top: -7px;
    font-weight: 500;
    text-transform: uppercase;
}

.team-panel-toggle{
    position: relative;
    top: -2px;
}

.team-panel-switcher{
    margin-left: 10px;
}

.filterToggleButtons {
    vertical-align: sub;
    cursor: pointer;
}

.work .mydashboard-change-date-button {
    top: 6px;
    margin-top: 0;
}

.planSelectIssues{
    float: right;
}

.timelineTeamLabel {
    display: inline-block;
    font-weight: 600;
}

.timelineTeamSelect {
    display: inline-block;
    min-width: 211px;
    max-width: 400px !important;
}

.timelineTeamSelect .teamSelectorDropDown span {
    color: #3E4D67;
}

.workloadVacationLoggedHours {
    background-color: #C8BCFF /*a1cfff*/;
    text-align: center;
    color: #C8BCFF;
}

.workloadVacationOrWeekendLoggedHours {
    background-color: #C8BCFF /*a1cfff*/;
    text-align: center;
}

.myDashboardSavedJIRAFilter {
    margin-top: 10px;
    margin-bottom: 15px;
}

.approvedVacation {
    background-color: #c1ffda;
    text-align: center;
    color: #498edb;
}

.issue-box-plan {
    margin-right:3px;
    vertical-align: middle;
}

#percentage {
    width: 40px;
}

.vertical-line {
    /*border-left: 1px solid black;*/
    padding-right: 3px;
}

#syncError{
    color: red;
    display: none;
}

.issues .load-plus {
    margin-left: 3px;
}
.issues .close-plus, .issues .open-plus {
    margin-left: 3px;
    margin-top: 2px;
    cursor: pointer;
}

.plan .categoryContainer .issues, .work .categoryContainer .issues {
    margin-left: 10px;
}

.plus{
    z-index: 500;
}
.manageUsersDashboardAction {
    margin-top: 5px;
    width: 200px;
    text-align: center;
    min-height: 18px;
}
a.manageUsersDashboardLink {
    font-weight: 500 !important;
    text-transform: uppercase;
}
.schedule-dialog-change-assignee{
    text-align: left;
    margin-bottom: 5px;
    width: 171px;
}

.worklogRowComment {
    text-align: left;
    max-width: 500px;
}
.fontWeightForReport {
    font-weight: 500;
    font-style: normal;
    color: #7E8CA6;
}

.customEventDescription {
    width: 30%;
    padding-left: 20px;
    padding-right: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
}
.createSubIssues {
    text-align: center;
    margin-left: 20px;
    margin-top: -8px;
    margin-bottom: 10px;
    border: 1px solid #B6B6B6;
    cursor: pointer;
    color: #333;
    background-color: #fbfbfb;
    border-radius: 2px;
}
.createSubIssues:hover {
    background-color: rgb(251, 251, 251);
}

.enabledText {
    color: green;
}

.customEventHint {
    float: right;
    margin-top: -32px;
    padding-right: 10px;
}
.div-as-link {
    display: inline-block;
    color: #498fe1;

    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
}

#eventTypeRadio {
    z-index: 2000;
}

#storyPoint {
    height: 22px;
    font-size: 14px;
}
.issuePerPage {
    margin-left: 10px;
    color: #13688a;
    font-size: 14px;
    text-transform: uppercase;
}
.selectIssuesCountPerPage {
    display: inline;
}

.drag_n_drop_label {
    margin-left: 10px;
    margin-bottom: 5px;
    font-style: italic;
}

.issueBarCustomField {
    border: 1px solid #8a8a8a;
    border-radius: 3px;
    padding-left: 2px;
    padding-right: 2px;
}
.higherZIndex {
    z-index: 15004 !important;
}

.compactViewToggle {
    padding: 3px 0;
    cursor: pointer;
}
.dashboardFilterContainer {
    margin-top: 3px;
}

#teamPanelContainer .userCell {
    display: none;
}
#users-to-remove {
    display: inline-block;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 500px;
}

.removeUsersTable {
    width: 40%;
    padding-bottom: 5%;
    margin-left: 30%;
    margin-top:15px;
}

.center-position {
    text-align: center;
    margin: 20px 0;
}

.findRemovedUserLoader {
    visibility: hidden;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

.issues .scheduled-issue {
    border-left: 4px solid #0653CA;
}

.issues .sprint-scheduled-issue {
    border-left: 4px solid #72B7FF;
}

/*hide plus icon if dashboard panel*/
.dashboard .openSubIssuesImage {
    display: none;
}

.timelineTable .issueDue, .milestonesPanel .issueDue {
    display: inline-block;
}

.containerProgressLabel {
    font-weight: 400;
    color: rgb(107, 119, 140);
    display: inline-block;
    margin-left: 7px
}

.fixedPosition {
    position: fixed;
}
#dropdown-container {
    z-index: 9999999;
    margin-top: -10px
}

.project-items-dialog {
    width: auto !important;
}


.assignmentReportLegend {
    margin-top: 40px;
}

#dashboardConfigurationDropdownBlock {
    margin-top: 10px;
    margin-left: 25px;
}

.ui-layout-west, .ui-layout-center, .ui-layout-resizer, .ui-layout-east{
    top: 112px !important;
}
.ui-layout-west.mobile, .ui-layout-center.mobile, .ui-layout-resizer.mobile, .ui-layout-east.mobile {
    top: 152px !important;
}

.dashboards-dropdown-button {
    display: inline-block;
    width: 20px;
    line-height: 9px;
    height: 16px;
    margin-top: 5px;
    float: none;
    cursor: pointer;
}

#select2-dashboardConfigurationDropdown-container {
    font-size: 15px;
}

.team-dropdown-block {
    margin-left: 8px;
    margin-top: 10px;
}

.save_dashboard_config_dialog {
    margin-left: 10px;
}
.save_dashboard_config_dialog_descr {
    margin: 15px 10px 10px 0;
}
.save_dashboard_config_dialog .periodSelectionBlock {
    margin-left: -10px;
    margin-top: -5px;
}

#dashboardConfigName {
    width: 95%;
    height: 25px;
    margin: 5px 0;
    border-radius: 3px;
}

#saveDashboardConfigButton {
    margin-top: 20px;
    margin-left: 2px;
}

.left-tooltip-panel {
    float: left;
    margin-left: 15px;
    margin-top: 10px;
}

.switchUnitAction .select2-container {
    min-width: 108px;
}
.selectDashboardResourcesAction {
    margin-top: -1px;
}

/*TODO temporary disabled possibility to hide left panel on TRACK view*/
.track-left-panel #left-button-img-close {
    display: none !important;
}

.dashboard-config-fields {
    margin-top: 15px;
}

.dashboard-dropdown-block {
    cursor: pointer;
    height: 32px;
    padding: 4px 4px 4px 0;
    border-radius: 10px;
}

.dashboard-dropdown-block:hover {
    background: #F4F6F8;
}

.log-work-action-button {
    display: inline-block;
    float: right;
}

#tooltip-panel {
    height: 50px;
    border-bottom: 1px solid #e7e7e7;
}
#tooltip-panel.mobile {
    height: 89px;
}

#s2id_dashboardConfigurationDropdown {
    border: 1px solid silver !important;
    border-radius: 5px;
}

#dashboard-resources-select-dropdown {
    display: none;
}

.containerActionMenu {
    display: inline-block;
    float: right;
    color: #FFFFFF;
    background: #027AFF;
    border-radius: 3px;
    padding: 0 4px 0 6px;
    margin-top: -2px;
    line-height: 22px;
}

.containerActionMenu:hover {
    background: #006EE8;
    cursor: pointer;
}

.containerActionMenu.dropdown-open {
    background: #3E4D67;
}

#container-action-button {
    filter: brightness(100);
    transform: rotate(90deg);
    vertical-align: middle;
}

.dropdown-menu ul {
    box-shadow: 0 3px 5px rgb(12 33 69 / 18%), 0 0 1px rgb(12 33 69 / 32%);
    border-radius: 4px;
    padding: 0;
}

.dropdown-menu ul li > a, .dropdown-menu ul li label {
    color: #3E4D67;
    padding: 4px 10px;
}

.dropdown-menu ul li > a img {
    vertical-align: top;
    margin-top: 1px;
    margin-right: 4px;
}

.dropdown-menu ul li > a:not(.grey):hover, .dropdown-menu ul li > a:hover {
    color: #3E4D67;
    background: #F4F6F8;
}

.issueContainerFooter {
    bottom: 5px;
    text-align: center;
    width: 100%;
    margin-top: 3px;
}
.issueEstimateContainer {
    margin-left: 10px;
    margin-top: 15px;
}
.issueEstimateData {
    display: inline-block;
    font-weight: 500;
}
#subItemsFooter {
    position: sticky;
    bottom: -7px;
    background: white;
    height: 50px;
}
.sub-issues-dialog-height {
    max-height: inherit !important;
}
.custom-dialog-content .issueContainer {
    margin-top: 5px;
}
.custom-dialog-content .categoryContainer {
    margin-top: 15px;
}
.ui-resizable-handle {
    z-index: 1000 !important;
}

.containerScheduleDropdown, .containerScheduleDropdown .select2-selection__arrow {
    /*height: 22px !important;*/
    margin-bottom: 4px;
}

.autoScrollList {
    max-height: 500px;
    overflow-y: auto;
}

#scopeDropDownMenu {
    background-color: #0747A6;
}

#scopeDropDownMenu button {
    margin-top: 0 !important;
}

.createTaskAction, .syncJiraAction, .bulkUpdateAction {
    float: right;
}

.dashboard_config {
    padding: 4px;
    line-height: 16px;
    vertical-align: middle;
    color: #3E4D67;
    font-weight: 400;
    border-radius: 10px;
}

.dashboardOptionContainer .dashboard_option_default {
    width: 86%;
    height: 32px;
    float: left;
}

.dashboardOptionContainer {
    min-height: 40px;
}

.dashboardOptionContainer img {
    float: left;
}

.dashboard-more-icon {
    padding: 8px;
    display: inline-block;
    border-radius: 10px;
}

.dashboard-more-icon img {
    filter: brightness(0) saturate(100%) invert(47%) sepia(12%) saturate(724%) hue-rotate(179deg) brightness(95%) contrast(90%);
}

.planDashboard, .workDashboard, .trackDashboard, .financesDashboard, .reportDashboard {
    margin: 0 16px;
    padding: 3px 0;
}

.dashboard_config:hover, .dashboard-more-icon:hover {
    cursor: pointer;
    background: #F4F6F8;
}

.dashboard_option_default.config-page-link {
    padding: 6px 4px 6px 8px;
}

.dashboard_option_default.config-page-link:hover, #dashboards-manage-icon:hover {
    background: #EFF2F4;
    border-radius: 8px;
}

.selected_dashboard_config {
    border-radius: 10px;
    background: #EAEDF0;
}

.default_PlanDashboardConfig.selected_dashboard_config {
    background: #E0EBFD;
    color: #027AFF;
}

.default_WorkDashboardConfig.selected_dashboard_config {
    background: #D7F9EB;
    color: #2DBF81;
}

.default_TimesheetDashboardConfig.selected_dashboard_config {
    background: #FFF2E3;
    color: #F79009;
}

.default_FinancesDashboardConfig.selected_dashboard_config {
    background: #e9fbff;
    color: #459fc3;
}

.default_ReportDashboardConfig.selected_dashboard_config {
    background: #ECE9FF;
    color: #6653CB;
}

.dashboard_options {
    border-left: 1px solid #D0D5DD;
    margin: 0 0 0 19px;
}

.dashboard_options div {
    margin-left: 16px;
    padding: 8px;
    border-radius: 8px;
}

.dashboards-menu-icon.config-page-link {
    height: 21px;
    filter: brightness(0) saturate(100%) invert(47%) sepia(12%) saturate(724%) hue-rotate(179deg) brightness(95%) contrast(90%);
}

.dashboard-view-label.config-page-link {
    vertical-align: 4px;
    margin-left: 11px;
}

.dashboard-dropdown-header .dashboards-menu-icon {
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    padding: 3px;
    margin-right: 4px;
}

#saveDashboardConfig, #refreshDashboardConfig {
    width: 352px;
    margin-left: 16px;
}

.dashboard-dropdown-header:first-of-type {
    text-align: center;
    position: relative;
}

.dashboard-dropdown-header:nth-of-type(2) {
    padding-bottom: 8px;
    border-bottom: 1px solid #EAEDF0;
    margin-bottom: 10px
}

.dashboard-dropdown-header > img {
    position: absolute;
    top: 23px;
    left: 25px;
    filter: brightness(0) saturate(100%) invert(53%) sepia(41%) saturate(197%) hue-rotate(180deg) brightness(96%) contrast(93%);
}

#dashboard-search {
    width: 326px;
    height: 28px;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    font-size: 14px;
    margin: 16px 0 8px;
    line-height: 28px;
    padding-left: 30px;
}

.dashboardSelectorBlock {
    width: 392px;
    height: auto;
    max-height: 600px;
    left: 19px;
    top: 185px;
    background: #FFFFFF;
    box-shadow: 0px 3px 5px rgba(12, 33, 69, 0.18), 0px 0px 1px rgba(12, 33, 69, 0.32);
    border-radius: 3px;
    overflow-y: auto;
    overflow-x: hidden;
}

.save-dashboard-config-button-img {
    margin-right: 15px;
    margin-top: 5px;
}

.dashboard-view-label {
    font-weight: 400;
    margin-left: 8px;
    vertical-align: top;
}

.dashboard-view-sub-label {
    float: left;
    color: #7E8CA6;
    font-weight: 400;
    margin-left: 8px;
}

.dashboard-dropdown-footer{
    border-top: 1px solid #e7e7e7;
    margin-top: 12px;
    padding-top: 12px;
    padding-bottom: 10px;
    background: #F9FBFB;
}

.dashboard-dropdown-footer a {
    width: 92%;
    display: inline-block;
    margin-left: 16px;
    margin-bottom: 2px;
    margin-right: 16px;
}

.dashboard-dropdown-qtip {
    width: auto !important;
    max-width: fit-content;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 3px 5px rgba(12, 33, 69, 0.18), 0 0 1px rgba(12, 33, 69, 0.32) !important;
}

.dashboard-dropdown-qtip .qtip-content{
    padding: 0 !important;
}

.save-dashboard-config-button {
    float: right;
    width: 25px;
    z-index: 5000;
    height: 25px;
}

.update-dashboard-config-button {
    margin-right: 5px;
    float: right;
    display: none;
}

#current-dashboard-icon-block {
    margin-right: 5px;
    vertical-align: top;
}

.logWorkAction {
     display: inline-block;
     float: right;
 }

.tooltip-panel-action {
    margin-left: 10px;
}
.tooltip-panel-action .toolbar-action-button {
    margin-top: 5px;
}
.tooltip-panel-action .toolbarLabel {
    display: inline-block;
    color: #797979;
    margin-right: 1px;
}

.milestonesToggleLabel .ui-button-text {
    display: inline-block;
    padding: 0;
}

.toggleMilestonesAction {
    margin-top: 7px;
}

.current-dashborad-details {
    display: inline-block;
}

.dashboardSelector {
    border-right: 1px solid #E4E6EB;
    padding-right: 5px;
    margin-top: -1px;
}

.module-name {
    font-style: normal;
    font-weight: 400;
    color: #3E4D67;
    margin-top: -2px;

    min-width: 55px;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.current-dashboard-config-name {
    margin-top: 0;
    font-style: normal;
    font-weight: normal;
    color: #7E8CA6;

    min-width: 55px;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dashboard-dropdown-block .ui-icon {
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    width: 24px;
    height: 24px;
}

.save-dashboard-error {
    margin-top: 5px;
    font-size: 12px;
}

.property-value input {
    padding-left: 5px;
    height: 20px;
    border: 1px solid #dadada;
    max-width: 150px;
    width: auto;
}
.property-value input.propNumber {
    width: 150px;
}
.property-value label {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 10px;
}

.save_dashboard_config_dialog .property-value {
    margin-top: 15px;
    margin-left: 3px;
}

.save_dashboard_config_dialog .select2-container{
    width: 150px;
    margin-left: 10px;
    margin-top: -10px;
}
.save_dashboard_config_dialog .property-value label {
    margin-top: 0;
    margin-left: 5px;
}

/*initialize scrollbar for 'team with users' and 'users' panel*/
[data-dashboard-panels="0"] , [data-dashboard-panels="-1"] {
    max-height: 400px;
}

.person-calendar-block {
    min-height: 410px;
}


.bottom-border {
    border-top: 1px solid #E4E6EB;
}

.ui-multiselect-extra-button {
    margin: 10px 10px 10px 0;
}

.teamSelectorAndOrAction {
    display: block;
    margin: 10px 0 10px 10px;
}

.teamSelectorAndOrAction .ui-button {
    border: 1px solid #E4E6EB;
    margin-right: 0px;
}

.teamSelectorAndOrAction.ui-buttonset {
    margin-right: 0px;
    float: left;
}

.teamSelectorAndOrAction .ui-button-text {
    padding: 3px 5px 3px 5px;
    font-size: 12px;
    line-height: 1;
}

.teamSelectorAndOrAction .ui-button.ui-state-active .ui-button-text {
    color:#027AFF;
    background-color: #E0EBFD;
}

#editHoursPerDayTab #hours_slider{
    margin-left: 0px;
    margin-top: 20px;
    display: block;
}
.no-titlebar .ui-dialog-titlebar {
    display: none;
}
#confirm-dialog .confirmMessage, #alert-dialog .alertMessage {
    padding: 20px;
    font-size: 14px;
    font-weight: 400;
    display: none;
}
.tsButtonLoadingImg {
    background-image: url(loading.gif) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    width: 16px;
    margin-top: 2px;
}
.buttonLoadingImg {
    background-image: url(loading.gif) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    vertical-align: top;
    width: 143px;
}
.buttonExcelLoadingImg {
    background-image: url(loading.gif) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    vertical-align: top;
    width: 120px;
    opacity: 0.9;
    background-color: #008E5F!important;
}
.buttonWebLoadingImg {
    background-image: url(loading.gif) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    vertical-align: top;
    width: 120px;
    opacity: 0.9;
    background-color: #027AFF!important;
}
.disablePointerEvent {
    pointer-events: none;
}
.current_relative_period_scope {
    display: none;
}
.loadingImgIndicator {
    margin-top: 10px;
    margin-bottom: 5px;
}
.issuePartHoursLabel {
    display: inline-block;
    vertical-align: top;
}
.timelineDatePeriod {
    z-index: 110 !important;
    border-radius: 5px;
}
.grey-info-img {
    vertical-align: middle;
}
.note_message {
    display: inline-block;
    vertical-align: middle;
}
.aggregatedEventTitle {
    margin-left: 2px;
    /*width: 95%;*/
}
.aggregatedTitle {
    padding-left: 2px;
    display: inline-block;
}
.aggregatedIssuesCount {
    font-size: 11px;
    background: white;
    width: auto !important;
    min-width: 10px;
    display: inline-block;
    font-weight: 600;
    float: right;
    text-align: center;
    margin-top: 2px;
}
.issueProgressBar {
    width: 66%;
    margin-left: 10px;
    font-size: 12px;
    border: 1px solid #ddd;
    height: 7px;
    display: inline-block;
    border-radius: 20px;
}
.aggregateImg {
    display: none;
    height: 24px;
    border-radius: 6px 0 0 6px;
    border: 1px solid #dadada;
    padding: 1px 0;
}

.aggregateImgContainer .aggregateImg {
    padding: 5px;
    border: none;
    height: initial;
}
.issueContainerFooter {
    bottom: 5px;
    text-align: center;
    width: 100%;
}
#issueAggregationTypeContainer {
    display: inline-block;
    vertical-align: top;
    margin-left: -10px;
}
.issueAggregationElement {
    display: block;
    margin-bottom: 0;
    margin-top: 0;
    padding: 3px 5px 3px 5px;
}

.qtip-config.dashboardTopFiltersQtip {
    overflow: initial !important;
    max-height: none !important;
}
.configExampleBlock {
    display: none;
}

.displayOnlyMyTasksContainer {
    margin: 5px 0 5px 7px;
}
.displayOnlyMyTasksContainer input {
    margin-right: 5px;
    height: 12px;
}

.bookmarked-report-permission-icon {
    margin-bottom: -2px;
}

.groupBulkRescheduleIcon {
    float: right;
    padding-right: 5px;
}
.teamBulkScheduleImg {
    cursor: pointer;
    float: right;
    margin-right: 7px;
    background: url(icons/team_bulk.svg) no-repeat center;
    height: 26px;
    width: 24px;
    display: inline-block;
}
.teamBulkScheduleImg:hover {
    background: url(icons/team_bulk_hover.svg) no-repeat center;
}
.includeParentIssueLink {
    width: 70%;
}
.withoutFloating {
    float: none;
}

.toggleCompactViewAction, .toggleMilestonesAction, .dashboardTopFiltersAction, .goToDateAction, .aggregationSwitcherAction, .scheduleDemoAction{
    float: right;
}

.toggleCompactViewAction{
    margin-top: 5px;
}

.dashboardTopFiltersAction{
    margin-top: 5px;
}

.switchUnitAction .select2-selection--single {
    border-radius: 4px !important;
}

.goToDateAction{
    margin-top: 7px;
}

.fc-button-prev {
    border-radius: 4px 0px 0px 4px;
    border: 1px solid #D0D5DD;
    margin-right: -5px;
}

.fc-button-prev-day{
    margin-right: -4px;
    border-left: 0px;
}

.fc-button-next-day {
    margin-left: -4px;
    border-right: none !important;
    border-radius: 0px;
}

.fc-button-next {
    border-radius: 0px 4px 4px 0px;
    border: 1px solid #D0D5DD;
    margin-left: -4px;
}

.fc-button-today, .fc-button-prev-day, .fc-button-next-day {
    border: 1px solid #D0D5DD;
}

.dropDownMenu .ui-button-text {
    padding: 0px;
}

.changeScopeAction .select-img-icon, #select2-scopeDropDownMenu-results .select-img-icon{
    height: 22px;
    vertical-align: middle;
    padding-bottom: 5px;
    margin-top: 2px;
}
#select2-scopeDropDownMenu-results .select-img-icon{
    padding-left: 4px;
}

.timelineScopeWorkDropDown #select2-scopeDropDownMenu-results .select2-results__option {
    padding: 2px 5px 0 1px;
}

.timelineScopeWorkDropDown #select2-scopeDropDownMenu-results .select2-results__option.select2-results__option--highlighted {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.dashboard-panel-switcher .select2-results__option:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.dashboard-panel-switcher .select2-results__option:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.timelineScopeDropDown:not(.timelineScopeWorkDropDown) #select2-scopeDropDownMenu-results .select2-results__option .select2-results__option {
    padding: 2px 5px 0 1px;
}

.timelineScopeDropDown #select2-scopeDropDownMenu-results > .select2-results__option:first-child {
    border-right: 1px solid #F4F6F8;
}

.timelineScopeDropDown #select2-scopeDropDownMenu-results .select2-results__option:first-child .select2-results__option--highlighted:last-child {
    border-bottom-left-radius: 8px;
}

.timelineScopeDropDown .select2-results__option span {
    display: block;
}

.changeScopeAction .select2-selection {
    border-radius: 4px !important;
}

.changeScopeAction .select2-container {
    border-radius: 4px !important;
}

.changeScopeAction .select2-selection__arrow {
    border-left: none !important;
}

.select2-container .select2-results__option.optInvisible {
    display: none;
}

li.select2-results__option:empty {
    display: none;
}

#select2-scopeDropDownMenu-results .select2-results__option[aria-selected=true] {
    display: inherit; !important;
}

#select2-issueAggregationType-results .select2-results__option[aria-selected=true] {
    display: inherit !important;
}

#select2-scopeDropDownMenu-results {
    max-height: 450px;
}
#issueAggregationTypeContainer .select2-selection--single{
    border-radius: 0 4px 4px 0;
}

#issueAggregationTypeContainer .select2-selection__rendered {
    color: transparent;
    width: 0;
    padding: 12px;
}

.aggregateImgContainer.enabled {
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 6px 0 0 6px;
    border: 1px solid #D0D5DD;
    border-right: none;
    background-color: #EFF5FF;
    margin-right: 6px;
}

.aggregateImgContainer.enabled:hover {
    background-color: #E0EBFD;
}

#select2-issueAggregationType-results .select-img-icon {
    padding-right: 4px;
}

.aggregationSwitcher {
    margin-top: 6px;
}
.aggregateOffImg {
    border: none !important;
}

.TokensContainer {
    border-radius: 4px;
}
.tooltip-panel-action img.toolbarIcon:hover {
    background-color: #F0F2F5;
    border-radius: 4px;
}
.tooltip-panel-action.calendarNavigation .fc-button:hover {
    background-color: #F0F2F5;
    /*border-radius: 4px;*/
}

.tooltip-panel-action.tsSelectPeriodAction,
.tooltip-panel-action.tsSelectFilters,
.tooltip-panel-action.switchUnitAction,
.tooltip-panel-action.changeScopeAction,
.tooltip-panel-action.calendarNavigation {
    margin-left: 6px;
}

.customEvent.fix_version {
    background: #CFF9EB;
}
.customEvent.sprint {
    background: #B6F6DB;
}

.milestonesConfigurationDropdownItem {
    margin-top: 10px;
    max-height: 600px;
    overflow-y: auto;
}

#cancelMilestonesConfigurationButton{
    background: #E4E6EB;
}

.milestonesConfigurationButton{
    float: right;
    margin-top: 20px;
}

.milestonesConfigurationButton .button {
    min-width: 0px;
    width: 71px;
    height: 32px;
    padding: 0px;
}

.milestonesPanelDescriptionPoint {
    color: #3E4D67;
    margin-left: 10px;
    margin-bottom: 5px;
}

.milestones-dropdown-qtip {
    padding-left: 0;
}

.purpleEpicIcon {
    filter: invert(0%) sepia(75%) saturate(367%) hue-rotate(209deg) brightness(90%) contrast(150%);
}

#filterToggle, #filterIssuesDoneToggle, #filterChildIssuesToggle, #customEventsToggle {
    border-radius: 8px;
    border: none;
    margin-right: 8px;
}

#customEventsToggleContainer {
    margin-top: 6px;
}

.edit-event-capacity-warning {
    width: 635px;
    margin-top: 10px;
}

.capacity-warning-estimate-dialog {
    margin-right: -15px;
    width: 100%;
}

.highlighted-button {
    background-color: #E0EBFD;
}

.cookiesBlockedDiv {
    display: none;
}
.howToFixCookieLink{
    display: none;
}

.resyncButton {
    display: block;
    float: right;
    min-width: auto;
    margin-right: 0;
    height: 26px;
    padding-left: 10px;
}

.resyncButton:hover, #fieldConfig:hover {
    background-color: #EAEDF0;
}

.toolbar-action-icon {
    width: 16px;
    height: 16px;
    margin: 5px 0 2px 0;
}

.createTaskAction .toolbar-action-icon {
    margin-top: 6px;
}

#timelineNav .fc-button.fc-button-create-new .fc-button-inner,
#timelineNav .resyncButton .fc-button-inner {
    display: inline-flex;
    align-items: center;
}

.createTaskAction .fc-button {
    height: 28px;
    padding: 0 5px 0 10px;
}

.resyncButton .fc-button-content {
    line-height: 26px;
}

.resyncButton .sync-image-animation {
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, #000, #eee, #000);
    background-repeat: no-repeat;
    background-size: 80%;
    animation: sync-animate 3s linear infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0);
}
@keyframes sync-animate {
    0% {
        background-position: -350%;
    }
    100% {
        background-position: 350%;
    }
}

.resetFilter {
    float: right;
    background: #E0EBFD;
    border-radius: 4px;
    padding: 4px 8px;
    font-weight: 500;
    color: #027AFF;
    cursor: pointer;
    text-transform: none;
}
#holiday-scheme-refresh-all {
    float:right;
    margin-right: 5px;
    margin-top: 7px;
    color: #0052cc;
}
#holiday-scheme-refresh-all:hover {
    text-decoration: underline;
}
.create-dialog-button:disabled {
    opacity: 0.8;
    pointer-events: none;
}

.fs-12 {
    font-size: 12px;
}

.fs-13 {
    font-size: 13px;
}

.fs-14 {
    font-size: 14px;
}

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px;
}

#teamSelection input[type="radio"], #teamSelection > label {
    vertical-align: middle;
    display: inline-block;
    margin-top: 10px;
    padding-left: 5px;
    margin-left: 0;
}

#teamSelection th:first-of-type, #teamSelection td:first-of-type {
    text-align: left;
    padding-left: 8px;
    width: 50px;
}

.cancelButton {
    min-width: 76px;
}

.hideBackgroundIcon {
    background-image: none !important;
    text-indent: 0 !important;
}
.resetWorkFilter {
    height: 20px;
    padding-right: 15px;
    margin-right: 31px;
}

#editDashboardConfigConfirmation {
    max-width: 175px;
    position: fixed;
    top: 200px;
    left: 420px;
    display: none;
    padding: 16px;
    color: #091E42;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #EAEDF0;
    background: #FFFFFF;
    box-shadow: 0 0 1px 0 rgba(12, 33, 69, 0.32), 0 3px 5px 0 rgba(12, 33, 69, 0.18);
}

#editDashboardConfigConfirmation img {
    padding: 6px;
    background: #FFF2E3;
    border-radius: 28px;
}

#editDashboardConfigConfirmation span {
    margin-top: 5px;
    margin-bottom: 10px;
    display: inline-block;
}

#editDashboardConfigConfirmation .button {
    min-width: auto;
    margin: 0 5px;
}

.tooltip-buttons-block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 20px;

    /*border-top: 1px solid #E4E6EB;
    padding-top: 12px;
    margin-bottom: -5px;*/
}
.warning-img {
    display: inline-block;
    width: 30px;
    float: left
}
#wrap_site .gadget .right-content {
    margin-left: 20px;
    margin-right: 0;
}

.highlightSprint {
    background-color: #68E1AE !important;
    border: 1px #01834C dashed;
}

.dragging-shadow {
    box-shadow: 0 0 1px 0 rgba(12, 33, 69, 0.32), 0 8px 12px 0 rgba(12, 33, 69, 0.16);
}

.left-sidebar-toggle-block {
    height: 40px;
    line-height: 40px;
    padding-left: 2px;
    padding-right: 10px;
    border-right: 1px solid #E4E6EB;
}

.left-sidebar-icon {
    padding: 5px;
    height: 18px;
    line-height: 18px;
    border-radius: 6px;
    cursor: pointer;
    vertical-align: sub;
    display: inline-block;
}

.left-sidebar-close-icon {
    background-color: #EAF2FF;
}

.left-sidebar-open-icon:hover {
    background-color: #F4F6F8;
}

.left-sidebar-close-icon:hover {
    background-color: #E0EBFD;
}

.jqte_tool, .jqte_tool_icon, .jqte_tool_label {
    border: #E4E6EB 1px solid;
}

.jqte_editor div, .jqte_editor p {
    margin: 0;
}

.select2-container--disabled {
    pointer-events: none;
}

#worklogDialogContainer .linkLabel,
#timesheet-info .linkLabel,
#worklogDialogContainer .showMoreLogMode,
#worklogDialogContainer .a-link {
    color: #027AFF;
    font-size: 14px;
    font-weight: 400;
    padding-left: 5px;
    cursor: pointer;
}
#worklogDialogContainer .linkLabel:hover,
#timesheet-info .linkLabel:hover,
#worklogDialogContainer .showMoreLogMode:hover,
#worklogDialogContainer .a-link:hover {
    text-decoration: underline;
}
.show-hidden-fields {
    padding-left: 5px;
}
.checkbox-wrapper {
    display: inline-block;
    padding: 0 1px 2px 1px;
    height: 15px;
    border-radius: 3px;
    border: 0 solid #999999;
}

.hidden-scrollbar .ps-scrollbar-x-rail {
    display: none !important;
}

#noTeamSelected {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

#noTeamSelected span {
    position: fixed;
}

.dashboard-panel-switcher .select2-dropdown {
    border: 1px solid #F4F6F8;
    border-radius: 8px;
    box-shadow: 0 8px 12px 0 rgba(12, 33, 69, 0.16);
}

.dashboard-panel-switcher-extra-space img {
    margin-right: 5px;
    width: 15px;
    height: 15px;
    top: 2px;
    position: relative;
}

.dashboard-panel-switcher .select2-results__option {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard-panel-switcher .select2-results__option.select2-results__option--highlighted:last-child:first-child {
    border-radius: 8px;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background-color: #F4F5F7;
}

.teamSelectorDropDown .ui-multiselect-header li.ui-multiselect-close {
    display: none;
}

.teamSelectorDropDown .at-tooltip-wrapper .tooltip {
    min-width: 180px;
}

.teamSelectorDropDown .at-tooltip-wrapper {
    float: left;
    margin-top: 11px!important;
    margin-left: 4px!important;
}

.approvalFilterLabel {
    overflow: visible;
}

.approvalFilterLabel span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80px;
    display: inline-block;
}

.select2-selection__clear {
    line-height: 25px !important;
}

/* apply only when dropdown has no-search class */
.no-search .select2-search--dropdown {
    display: none !important;
}

.qtip .status-select-dropdown {
    min-width: max-content;
}

.qtip .select2-dropdown {
    border-radius: 6px;
    border: none;
    box-shadow: 0 3px 5px 0 rgba(12, 33, 69, 0.18);
}

.qtip .status-select-dropdown .select2-results__option {
    padding: 8px;
}

.status-option {
    font-size: 12px;
    font-weight: 600;
    border-radius: 4px;
    padding: 2.5px 6px 1.5px;
    text-transform: uppercase;
}

.status-default, .status-blue-gray {
    color: #65738B;
    background-color: #EAEDF0;
}

.status-inprogress, .status-yellow {
    color: #027AFF;
    background-color: #E0EBFD;
}

.status-success, .status-green {
    color: #0DA765;
    background-color: #D7F9EB;
}

.issue-tooltip-header-actions {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 16px 10px;
    margin-top: -6px;
}

.issue-tooltip-select {
    max-width: 255px;
    line-height: 28px;
    display: flex;
    gap: 6px;
}

.issue-tooltip-select .select2-selection:hover {
    background-color: #F4F6F8;
}

.force-wrap {
    flex-wrap: wrap;
}

.issue-tooltip-select .select2-container:first-of-type {
    max-width: 250px;
}

.issue-tooltip-select .select2-container {
    max-width: 345px;
}

.assignee-select-container {
    min-width: 200px;
}

.issue-tooltip-select .select2-selection__rendered {
    line-height: 24px !important;
}

.storePeriodLabel {
    padding-top: 1.5px;
}
.issue-container-dropdown {
    top: 0 !important;
    z-index: 9999999
}

/*Limit Select2 dropdown height for the temporary Issue Part assignee selector only*/
ul[id^="select2-issuePartAssigneeTemp_"][id$="-results"], ul[id^="select2-issuePartAssignee_"][id$="-results"] {
    max-height: 80px !important;
    overflow-y: auto !important;
}

.select2-exclude-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    border-bottom: 1px solid #e0e0e0;
    background: #fff;
    font-weight: 500;
}

.select2-exclude-row:hover {
    background: #f5f5f5;
}

.exclude-mode-switch {
    position: relative;
    width: 36px;
    height: 18px;
}

.exclude-mode-switch input {
    display: none;
}

.exclude-mode-slider {
    position: absolute;
    inset: 0;
    cursor: pointer;
    background: #ccc;
    border-radius: 18px;
    transition: .2s;
}

.exclude-mode-slider:before {
    content: "";
    position: absolute;
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 2px;
    background: #fff;
    border-radius: 50%;
    transition: .2s;
}

.exclude-mode-switch input:checked + .exclude-mode-slider {
    background: #4caf50;
}

.exclude-mode-switch input:checked + .exclude-mode-slider:before {
    transform: translateX(18px);
}

.select2-container--default.exclude-mode .select2-selection--multiple {
    border: 1px solid #ff8078 !important;
    background-color: #fff4f3;
}

.select2-container--default.exclude-mode .select2-selection--multiple .select2-selection__choice {
    background-color: #ffffff;
    border-color: #dc9c98;
}

@media screen and (max-width: 1450px) and (min-width: 1370px) {
    #timelineNav #scopeDropDownMenu + .select2.select2-container,
    #timelineNav #dashboardPanelsSwitcher + .select2.select2-container,
    #timelineNav .switchUnitAction select + .select2.select2-container {
        width: 100px !important;
        min-width: 100px !important;
    }
}

@media screen and (max-width: 1369px) and (min-width: 1280px) {
    #timelineNav #scopeDropDownMenu + .select2.select2-container,
    #timelineNav #dashboardPanelsSwitcher + .select2.select2-container,
    #timelineNav .switchUnitAction select + .select2.select2-container {
        min-width: 50px !important;
        max-width: 55px;
    }

    #timelineNav #select2-scopeDropDownMenu-container,
    #timelineNav #select2-dashboardPanelsSwitcher-container,
    #timelineNav .switchUnitAction .select2-selection__rendered {
        color: transparent !important;
        text-shadow: none !important;
    }
}

@media screen and (max-width: 1279px) and (min-width: 1130px) {
    #timelineNav #scopeDropDownMenu + .select2.select2-container,
    #timelineNav #dashboardPanelsSwitcher + .select2.select2-container,
    #timelineNav .switchUnitAction select + .select2.select2-container {
        min-width: 50px !important;
        max-width: 55px;
    }

    #timelineNav #select2-scopeDropDownMenu-container,
    #timelineNav #select2-dashboardPanelsSwitcher-container,
    #timelineNav .switchUnitAction .select2-selection__rendered {
        color: transparent !important;
        text-shadow: none !important;
    }

    #timelineNav .fc-button.fc-button-create-new .fc-button-content,
    #timelineNav.dashboard-view .fc-button.fc-button-sync .fc-button-content {
        display: none !important;
    }

    #timelineNav .fc-button.fc-button-create-new .fc-button-inner,
    #timelineNav.dashboard-view .fc-button.fc-button-sync .fc-button-inner {
        padding: 0 6px !important;
        min-width: 0 !important;
        width: auto !important;
    }

    .createTaskAction .fc-button {
        padding: 0 1px;
    }

    .dashboard-view .resyncButton {
        padding: 0;
    }
}

@media screen and (max-width: 1129px) {
    #timelineNav #teamId + .ui-multiselect {
        width: 120px !important;
        min-width: 120px !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #timelineNav #scopeDropDownMenu + .select2.select2-container,
    #timelineNav #dashboardPanelsSwitcher + .select2.select2-container,
    #timelineNav .switchUnitAction select + .select2.select2-container {
        min-width: 50px !important;
        max-width: 55px;
    }

    #timelineNav #select2-scopeDropDownMenu-container,
    #timelineNav #select2-dashboardPanelsSwitcher-container,
    #timelineNav .switchUnitAction .select2-selection__rendered {
        color: transparent !important;
        text-shadow: none !important;
    }

    #timelineNav .fc-button.fc-button-create-new .fc-button-content,
    #timelineNav.dashboard-view .fc-button.fc-button-sync .fc-button-content {
        display: none !important;
    }

    #timelineNav .fc-button.fc-button-create-new .fc-button-inner,
    #timelineNav.dashboard-view .fc-button.fc-button-sync .fc-button-inner {
        padding: 0 6px !important;
        min-width: 0 !important;
        width: auto !important;
    }

    .createTaskAction .fc-button {
        padding: 0 1px;
    }

    .dashboard-view .resyncButton {
        padding: 0;
    }

    .timelineTeamSelect, .teamChooser {
        min-width: 0 !important;
    }
}