/*
MAIN GLOBAL STYLES
*/
/*
Had to comment out and just use hex codes everywhere since IE11 does not support var
Ideally be able to polyfill this later too...

body {
    --jira-dark-blue: #172B4D;
    --jira-blue: #0052CC;
    --jira-ocean-blue: #0065FF;
    --jira-navy: #42526e;
    --jira-green: #006644;
    --jira-light-green: #e3fcef;
    --jira-grey: #6B778C;
    --jira-light-grey: #F4F5F7;
    --jira-orange: #FF5230;
    --jira-red: #BF2600;
    --jira-light-red: #ffebe5;
    --jira-selected: #DEEBFF;
}
*/
.ac-content {
    background: white;
}

.aui-popover ul {
    max-height: 300px;
    overflow: auto;
}

aui-inline-dialog[class^="configuration-field-hover-dialog-"] .aui-inline-dialog-contents{
    max-width: 250px;
}

form.aui {
    height: 100%;
    margin-top: 0px !important;
}

.global-progress-bar {
    text-align: center;
    background-color: #fff;
    min-width: 100px;
    min-height: 6px;
    height: 6px;
    border-radius: 4px;
    display: flex;
    overflow: hidden;
}

.global-progress-bar .progress-completed {
    background-color: #0065FF;
}

.global-progress-bar .progress-state {
    background-color: #dfe2e7;
    flex-grow: 1;
}

.error-message-wrapper {
    margin-top: 0px;
}

.error-message-wrapper .error-row {
    cursor: pointer;
}


.error-message-wrapper .error-name {
    font-weight: bold;
}

.error-message-wrapper .error-details {
    font-size: 12px;
    margin: 5px 0px;
    padding-left: 17px;
}

.error-message-wrapper .error-list {
    display: flex;
    flex-direction: column;
}


@keyframes flickerAnimation {
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}

.animate-flicker {
    -webkit-animation: flickerAnimation 1s infinite;
    -moz-animation: flickerAnimation 1s infinite;
    -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}

.affected-item-show-more-text .show-less-text {
    display: none;
}

.affected-item-show-less-text .show-more-text {
    display: none;
}

/*
MAIN SECTION STYLES
*/
.jet-main-section {
    padding-bottom: 65px;
}

.jet-main-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.main-section-loader {
    height: 50vh;
    justify-content: center;
    display: flex;
    align-items: center;
}

/*
TOP SECTION STYLES
*/

.jet-top-section {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
}

.jet-boards-section {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
}

.jet-top-section .header-text {
    display: flex;
    justify-content: left;
    flex-grow: 1;
    align-items: center;
}

.jet-top-section .header-action-buttons {
    display: flex;
    flex-grow: 1;
    align-items: center;
}

.jet-top-section  .header-action-buttons-left {
    display: flex;
    align-items: center;
}

.jet-back-to-configuration-link {
    cursor: pointer;
    color: #42526e;
}

.jet-back-to-configuration-link .aui-icon {
    margin-top: 2px;
    padding-right: 5px;
}

.jet-top-section  .header-action-buttons-right {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
}

.jet-top-section .header-progress-bar {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-left: -20px;
    pointer-events: none;
}

.jet-top-section .header-progress-bar .aui-progress-tracker {
    width: 550px;
}

.aui-progress-tracker-step:not(.aui-progress-tracker-step-current) span {
    font-weight: 600;
}

.aui-progress-tracker-step-current span {
    color: #0065FF;
}

/*
WELCOME SCREEN SECTION STYLES
*/

.welcome-screen-wrapper {
    display: flex;
    flex-direction: column;
    width: 500px;
    margin: auto;
}

.welcome-screen-title {
    color: #172B4D;
    font-size: 29px;
    font-weight: 500;
    line-height: 32px;
    padding-bottom: 40px;
}

.welcome-screen-sub-header {
    color: #172B4D;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 4px;
}

.welcome-screen-sub-description {
    color: #172B4D;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 16px;
}

.welcome-screen-action-header {
    color: #172B4D;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 14px;
}

.welcome-screen-action-section {
    display: flex; 
    padding-bottom: 14px;
}

.welcome-screen-action-description {
    width: 45%;
    padding-right: 37px;
    color: #172B4D;
    font-size: 14px;
    line-height: 20px;
}

.welcome-screen-lets-get-started {
    padding-top: 20px;
    display: flex;
    justify-content: center;
}

.welcome-screen-questions-section {
    padding-top: 15px;
    display: flex;
    justify-content: center;
}

.welcome-screen-image {
    display: flex;
    padding-top: 27px;
    justify-content: center;
}

.boards-check-info-list {
    display: flex;
    flex-direction: column;
}

.boards-check-info-row {
    display: flex;
    flex-direction: row;
    padding-bottom: 40px;
}

.boards-check-info-content {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.boards-check-info-dialog .aui-dialog2-content {
    padding-left: 41px;
    padding-right: 20%;
}

.boards-check-info-blurb {
    padding-bottom: 32px;
    font-size: 14px;	
    line-height: 20px;
}

.boards-check-info-image img {
    padding-right: 28px;
    width: 65px;
}

.boards-check-info-content-header {
    color: #172B4D;	
    font-size: 16px;	
    font-weight: 500;	
    line-height: 20px;
    padding-bottom: 8px;
}

.boards-check-info-content-description {
    padding-bottom: 16px;
    font-size: 14px;
    line-height: 20px;
    color: #172B4D;	
}

.boards-check-info-content-todo-header {
    color: #172B4D;	
    font-size: 12px;	
    font-weight: 500;	
    line-height: 20px;
}

.boards-check-info-content-to-do {
    font-size: 12px;
    line-height: 20px;
    color: #172B4D;	
}

.about-boards-info-list {
    display: flex;
    flex-direction: column;
}

.about-boards-info-row {
    display: flex;
    flex-direction: row;
    padding-bottom: 24px;
}

.about-boards-info-content {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.about-boards-info-dialog .aui-dialog2-content {
    padding-left: 41px;
    padding-top: 41px;
    padding-right: 20%;
}

.about-boards-info-image img {
    padding-right: 28px;
    width: 65px;
}

.about-boards-info-content-header {
    color: #172B4D;	
    font-size: 16px;	
    font-weight: 500;	
    line-height: 20px;
    padding-bottom: 8px;
}

.about-boards-info-content-description {
    padding-bottom: 16px;
    font-size: 14px;
    line-height: 20px;
    color: #172B4D;	
}


/*
BOARD SELECTION SCREEN SECTION STYLES
*/

.board-selection-screen-wrapper {
    width: 94%;
    margin: 0 auto;
    max-width: 1180px;
    display: flex;
    flex-direction: column;
}

.board-selection-screen-wrapper.loading > div:not(.board-selection-screen-loader) {
    display:none;
}

.board-selection-screen-wrapper:not(.loading) .board-selection-screen-loader {
    display:none;
}

.board-selection-screen-loader {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10% 0 10%;
}

.board-selection-screen-loader img {
    height: 237px;
    width: 255px;
}

.board-selection-screen-loader-text {
    padding-left: 25px;
    width: 256px;
}

.board-selection-screen-loader-text-header {
    color: #172B4D;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 16px;
}

.board-selection-screen-loader-text-progress {
    padding-bottom: 8px;
}

.board-selection-screen-loader-text-sub {
    display: flex;
    flex-direction: row;
}



.board-selection-top-section {
    display: flex;
    flex-direction: row;
}

.board-selection-screen-loader-text-sub-desc {
    color: #6B778C;
    font-size: 11px;
    line-height: 16px;
}

.board-selection-screen-loader-text-loaded {
    color: #6B778C;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    padding-left: 5px;
    flex-grow: 1;
    text-align: right;
}



.board-selection-header-section {
    flex-grow: 1;
    padding-right: 15%;
}

.board-selection-header {
    color: #172B4D;
    font-size: 29px;
    font-weight: 500;
    line-height: 32px;
}

.board-selection-sub-header {
    padding-top: 24px;
    color: #172B4D;
    font-size: 14px;
    line-height: 20px;
}

.board-selection-middle-section {
    border-radius: 3px;
    background-color: #F4F5F7;
    margin-bottom: 15px;
    margin-top: 28px;
}

.board-selection-middle-top-section {
    display: flex;
    flex-direction: row;
    padding: 20px 38px 20px;
    border-bottom: 1px solid #DFE1E6;
}

.board-selection-middle-top-header {
    flex-grow: 1;
}

.boards-selection-boards-found {
    color: #172B4D;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.boards-selection-boards-selected {
    color: #6B778C;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
}
.boards-selection-boards-selected.over-selected {
    color: #FF5230;
}

.board-selection-middle-top-search {
    width: 50%;
    display: flex;
    align-items: flex-end;
    background-color: #FAFBFC;
    border: 2px solid #DFE1E6;
    height: 28px;
    border-radius: 3px;
}
.board-selection-middle-top-search .aui-icon {
    color: #42526e;
    margin: 6px;
}

.board-selection-middle-top-search .filter-boards-input {
    height: calc(100% - 2px);
    flex-grow: 1;
    padding-left: 7px;
    color: #6B778C;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: none;
}

.board-selection-bottom-section {
    display: flex;
    flex-direction: row;
}

.board-selection-top-section, .board-selection-bottom-section {
    padding: 0px 40px;

}

.board-selection-bottom-navigation {
    min-width: 117px;
}

.board-selection-bottom-pagination {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.board-selection-middle-boards-section-loader {
    display: flex;
    justify-content: center;
    padding: 50px;
    flex-grow: 1;
}

.board-selection-middle-boards-section {
    padding: 20px 28px 20px;
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
}

.board-selection-middle-no-boards-message {
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.jet-board-row  {
    height: 119px;
    width: 234px;
    border-radius: 3px;
    background-color: #FFFFFF;
    margin: 19px;
    cursor: pointer;
}

.jet-board-row.jet-board-row-export-select  {
    border-radius: 3px;
    background-color: #FFFFFF;
    margin: 10px;
    box-shadow: 1px 0px 2px 0px rgba(9,30,66,0.31), 0 1px 1px 0 rgba(9,30,66,0.25);
    -moz-box-shadow: 1px 0px 2px 0px rgba(9,30,66,0.31), 0 1px 1px 0 rgba(9,30,66,0.25);
    -webkit-box-shadow: 1px 0px 2px 0px rgba(9,30,66,0.31), 0 1px 1px 0 rgba(9,30,66,0.25);
}

.jet-board-row.selected-board  {
    background-color: #DEEBFF;
}

.jet-board-row-main {
    display: flex;
    flex-direction: row;
}

.jet-board-project-image, .jet-board-row-main-bottom-download {
    padding: 14px;
    width: 40px;
    height: 40px;
}

.jet-board-row-main-bottom-download {
    opacity: 0;
}

.jet-board-project-image img {
    width: 40px;
    height: 40px;
}

.jet-board-details, .jet-board-row-main-bottom-report {
    padding: 14px 0px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.jet-board-details-name {
    color: #0052CC;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 10px;
    width: 135px;
    max-width: 135px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jet-board-details-name a {
    white-space: nowrap;
}

.jet-board-details-project-header {
    color: #6B778C;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
}

.jet-board-details-project-name {
    color: #172B4D;
    font-size: 14px;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    max-width: 130px;
    width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jet-board-check-box {
    margin: 4px;
}

.board-selection-bottom-pagination-numbers {
    display: flex;
    max-width: 620px;
    overflow: auto;
}

.board-selection-bottom-pagination-number {
    height: 24px;
    width: 21px;
    min-width: 21px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #42526e;
    margin: 2px;
}
.board-selection-bottom-pagination-number.selected-page {
    background-color: #42526e;
    color: white;
}
.board-selection-bottom-pagination-number.disabled-pagination {
    color: #6B778C;
}
.board-selection-bottom-pagination-number:hover:not(.disabled-pagination):not(.selected-page) {
    cursor: pointer;
}

.selected-boards-header {
    color: #172B4D;	
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 8px;
}

.selected-boards-dialog-row-name {
    margin: 0px;
}


/*
CONFIGURATION SCREEN SECTION STYLES
*/

.configuration-screen-wrapper {
    display: flex;
    flex-direction: column;
    width: 600px;
    margin: auto;
}

.configuration-screen-title {
    color: #172B4D;
    font-size: 29px;
    font-weight: 500;
    line-height: 32px;
    padding-bottom: 24px;
}

.configuration-screen-description {
    color: #172B4D;
	font-size: 14px;
    line-height: 20px;
    margin-bottom: 24px;
}

.configuration-screen-info {
    margin-bottom: 24px;
}

.configuration-screen-mapping-wrapper {
    display: flex;
    flex-direction: row;
}

.configuration-screen-mapping-section-loader {
    display: flex;
    justify-content: center;
    padding: 50px;
    flex-grow: 1;
}

.configuration-screen-mapping-loader-wrapper {
    min-width: 100%;
}

.configuration-screen-mapping-jira-align, .configuration-screen-mapping-jira {
    width: 50%;
    min-width: 50%;
}

.configuration-screen-mapping-header {
    padding-bottom: 16px;
    color: #172B4D;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.configuration-screen-mapping-row {
    color: #172B4D;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    height: 32px;
    max-height: 32px;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}

.configuration-screen-mapping-row aui-select {
    max-width: 100% !important;
}

#jet-analysis-start-date {
    width: 100%;
    padding: 7px;
    border-radius: 3px;
    border: 1px solid #c1c7d0;
}

.configuration-screen-mapping-row .fields-config-select, .configuration-screen-mapping-row .issues-config-select  {
    width: 100%;
}

.configuration-screen-mapping-row .aui-icon {
    color: #0747A6;
}

.configuration-screen-mapping-bottom-section {
    display: flex;
    flex-direction: row;
    padding-top: 20px;
}

.configuration-screen-mapping-bottom-navigation {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
}

.configuration-screen-mapping-row select {
    height: 32px;
    width: 100%;
    border-radius: 3px;
    background-color: #f5f6f8;
    border: 1px white;
    padding: 3px;
}


.advanced-settings-dialog-description {
    color: #172B4D;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 20px;
}

.advanced-settings-dialog-drop-downs {
    display: flex;
}

.advanced-settings-dialog aui-select input {
    /*Styles copied from aui-select within form since dialog is placed outside form upon rendering*/
    height: 2.14285714em;
    line-height: 1.4285714285714;
    padding: 4px 5px;
    border: 1px solid #ccc;
    border-radius: 3.01px;
    box-sizing: border-box;
    font-size: inherit;
    margin: 0;
    vertical-align: baseline;
    width: 100%;
    background: #fff;
    color: #172B4D;
    font-family: inherit;
}

/*
ANALYSIS SCREEN SECTION STYLES
*/

.analysis-screen-wrapper {
    display: flex;
    flex-direction: column;
    width: 90%;
    max-width: 1300px;
    margin: auto;
}

.analysis-screen-wrapper.loading div:not(.analysis-screen-loader) {
    display:none;
}

.analysis-screen-loader, .analysis-screen-loader img {
    width: 100%;
}

.analysis-screen-main {
    display: flex;
    flex-direction: row;
}

.analysis-screen-back-button {
    padding-bottom: 24px;
}

.analysis-screen-left-side {
    padding: 30px 35px;
    width: 390px;
    border-radius: 3px;
    background-color: #F4F5F7;
    display: flex;
    flex-direction: column;
    height: fit-content;
}

.analysis-screen-right-side {
    width: 100%;
    padding: 0px 40px;
}

.analysis-screen-right-side-report {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.analysis-screen-right-side-report-loader {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
}

.analysis-screen-right-side-report-loader-image img {
    width: 337px;
    height: 343px;
}

.analysis-screen-right-side-report-loader-text {
    width: 337px;
    padding-top: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.analysis-screen-right-side-report-loader-text-header {
    color: #172B4D;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
}

.analysis-screen-right-side-report-loader-text-desc {
    padding-top: 16px;
    color: #172B4D;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.analysis-screen-left-header {
    color: #172B4D;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 24px;
}

.analysis-screen-left-search {
    width: calc(100% - 4px);
    display: flex;
    align-items: flex-end;
    background-color: #FAFBFC;
    border: 2px solid #DFE1E6;
    height: 28px;
    border-radius: 3px;
    margin-bottom: 18px;
}
.analysis-screen-left-search .aui-icon {
    color: #42526e;
    margin: 6px;
}

.analysis-screen-left-search .filter-boards-input {
    height: calc(100% - 2px);
    flex-grow: 1;
    padding-left: 7px;
    color: #6B778C;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: none;
}

.analysis-screen-left-boards-list-loader {
    display: flex;
    justify-content: center;
    padding: 50px;
    flex-grow: 1;
}

.analysis-screen-left-boards-list{
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    align-items: center;
    overflow-x: hidden;
}

.analysis-screen-left-boards-list .jet-board-row  {
    cursor: initial;
}

.jet-board-details-checks-passed {
    display: flex;
    padding-top: 16px;
}

.jet-board-details-checks-passed-text {
    color: #6B778C;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
}

.jet-board-details-checks-passed-score {
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
}

.jet-board-details-checks-passed-score aui-badge {
    min-width: 25px;
}

.analysis-screen-left-boards-list .jet-board-row-main-bottom, .analysis-screen-left-boards-list .jet-board-row-main {
    width: calc(100% - 20px);
}

.jet-board-row-main-bottom {
    display: flex;
}

.jet-board-row-main-bottom-download, .jet-board-row-main-bottom-report {
    padding-top: 0px;
    padding-bottom: 5px;
}

.analysis-screen-left-boards-list .jet-board-row {
    margin: 0px 0px 24px 0px;
    height: auto;
}

aui-badge.error {
    color: #BF2600;
    background-color: #ffebe5;
    font-weight: bold;
}

aui-badge.success {
    color: #006644;
    background-color: #e3fcef;
    font-weight: bold;
}

.board-analysis-header {
    display: flex;
}

.board-analysis-header-board-image {
    width: 66px;
    height: 66px;
    padding-right: 12px;
    display: flex;
}
.board-analysis-header-board-image img {
    width: 100%;
}

.board-analysis-header-name {
    color: #172B4D;
    font-size: 29px;
    font-weight: 500;
    line-height: 32px;
    padding-bottom: 4px;
}

.board-analysis-header-issue-header-wrapper {
    display: flex;
    flex-direction: column;
    padding-left: 80px;
}

.board-analysis-header-issue-counts-header {
    color: #172B4D;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}


.board-analysis-header-type {
    display: flex;
    flex-direction: row;
}

.board-analysis-header-type .project-label {
    color: #172B4D;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

.board-analysis-header-type .project-name-label {
    color: #172B4D;
    font-size: 14px;
    line-height: 16px;
}

.board-analysis-header-issue-counts {
    display: flex;
    flex-direction: row;   
}

.board-analysis-header-issue-count {
    display: flex;
    padding-right: 30px;
    flex-direction: row;
    align-items: baseline;
    margin-top: -10px;
}

.board-analysis-header-issue-count .issue-name {
    padding-right: 8px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.board-analysis-header-issue-count .issue-count {
    font-size: 20px;
    font-weight: bold;
}

.board-export-report-section {
    display: flex;
    flex-direction: column;
    overflow: auto;
    height: 100%;
}

.board-analysis-details-row {
    display: flex;
    flex-direction: row;
    padding-top: 32px;
    padding-right: 8px;
}

.board-analysis-detail-image {
    height: 62px;
    width: 65px;
    padding-right: 13px;
}

.board-analysis-detail-desc {
    width: 60%;
    padding-right: 50px;
}

.board-analysis-detail-image img {
    height: 62px;
    width: 65px;
}


.board-analysis-detail-name {
    color: #172B4D;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.board-analysis-detail-description {
    color: #172B4D;
    font-size: 14px;
    line-height: 20px;
}

.board-analysis-errors {
    padding-bottom: 7px;
}

.board-analysis-detail-counts {
    display: flex;
    flex-direction: row;
}

.board-analysis-detail-count-row {
    display: flex;
    flex-direction: row;
}

.board-analysis-detail-count aui-badge {
    margin-left: 7px;
    line-height: 1.42857143;
}

.board-analysis-detail-results {
    width: 40%;
}

.board-analysis-detail-results-top {
    background-color: #F4F5F7;
    padding: 20px;
    border-radius: 3px;
}

.board-analysis-detail-results-top-health-score {
    padding-bottom: 8px;
}

.board-analysis-detail-results-top-to-do {
    padding-top: 16px;
}

.board-analysis-detail-results-top-to-do-header, .board-analysis-detail-description-header {
    color: #172B4D;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    padding-bottom: 4px;
}

.board-analysis-detail-description-section {
    padding-top: 16px;
}

.board-analysis-detail-results-top-to-do-desc, .board-analysis-detail-description {
    color: #172B4D;
    font-size: 14px;
    line-height: 20px;
}

.board-analysis-detail-results-items-affected {
    padding-top: 20px;
}

.board-analysis-detail-results-items-affected-header {
    color: #172B4D;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    padding-bottom: 6px;
}

.board-analysis-detail-results-items-affected-list {
    display: flex;
    flex-direction: column;
}

.board-analysis-detail-results-item-affected-row {
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,0.03);
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.05);
    display: flex;
    padding: 5px;
    margin-bottom: 4px;
}

.board-analysis-detail-results-item-affected-row.additional-affected-items-hidden {
    display: none;
}

.board-analysis-detail-results-item-affected-row.clickable {
    cursor: pointer;
}

.board-analysis-detail-results-item-affected-show-more-row {
    padding: 5px;
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
}

.board-analysis-detail-results-item-affected-show-more-row aui-badge{
    background-color: #0052CC;
    color: white;
}

.board-analysis-detail-results-item-affected-icon {
    height: 16px;
    width: 14px;
    display: flex;
    padding: 4px 9px 4px 5px;
}

.board-analysis-detail-results-item-affected-icon img {
    max-height: 100%;
}

.board-analysis-detail-results-item-affected-key {
    color: #6B778C;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    min-width: 50px;
    display: flex;
    align-items: center;
    padding: 0px 5px;
    justify-content: center;
}

.board-analysis-detail-results-item-affected-name {
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #172B4D;
    font-size: 14px;
    line-height: 20px;
    padding-top: 2px;
    width: 1px;
}

/*
EXPORT BOARD SECTION STYLES
*/

.select-boards-to-export-dialog-boards-list {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}

.select-boards-to-export-dialog-boards-list .jet-board-row-progress-bar {
    display: none !important;
}

.select-boards-to-export-dialog-boards-list .jet-board-row {
    height: fit-content;
    margin: 9px;
}

.mask-data-screen-wrapper {
    display: flex;
    flex-direction: column;
    width: 90%;
    max-width: 1500px;
    margin: auto;
}

.mask-data-screen-loader {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
}

.mask-data-screen-loader img {
    height: 237px;
    width: 255px;
}

.mask-data-screen-loader-text {
    padding-top: 15px;
    width: 100%;
    text-align: center;
}

.mask-data-screen-loader-text-header {
    color: #172B4D;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 16px;
}

.mask-data-screen-loader-text-sub {
    color: #172B4D;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 16px;
}

.mask-data-screen-loader-text-progress {
    padding-bottom: 8px;
}

.mask-data-screen-loader-text-sub {
    display: flex;
    flex-direction: row;
}

.mask-data-screen-loader-text-sub-desc {
    color: #6B778C;
    font-size: 11px;
    line-height: 16px;
}

.mask-data-screen-loader-text-loaded {
    color: #6B778C;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px;
    padding-left: 29px;
    flex-grow: 1;
    text-align: right;
}

.mask-data-screen-top-section {
    display: flex;
    flex-direction: row;
    padding-bottom: 45px;
}

.mask-data-screen-header {
    display: flex;
    flex-direction: column;
    max-width: 650px;
    width: 70%;
}

.mask-data-screen-header-text {
    color: #172B4D;
    font-size: 29px;
    font-weight: 500;
    line-height: 32px;
}

.mask-data-screen-header-desc {
    padding-top: 24px;
    color: #172B4D;
    font-size: 14px;
    line-height: 20px;
}

.mask-data-screen-back-button {
    padding-bottom: 24px;
    padding-left: 10px;
    width: 30%;
}

.mask-data-screen-progress-wrapper {
    display: flex;
    flex-direction: column;
    width: 90%;
    max-width: 1300px;
    margin: auto;
    align-items: center;
}

.mask-data-screen-progress-row {
    padding: 15px;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: 0 0 1px 0 rgba(9,30,66,0.31), 0 1px 1px 0 rgba(9,30,66,0.25);
    margin-bottom: 10px;
    width: 870px;
}

.mask-data-screen-progress-bar {
    padding-bottom: 15px;
}

.mask-data-screen-progress-header {
    display: flex;
}

.mask-data-screen-progress-board-image {
    width: 66px;
    height: 66px;
    padding-right: 12px;
    display: flex;
}
.mask-data-screen-progress-board-image img {
    width: 100%;
}

.mask-data-screen-progress-name {
    color: #172B4D;
    font-size: 29px;
    font-weight: 500;
    line-height: 32px;
    padding-bottom: 2px;
}

.mask-data-screen-progress-issue-header-wrapper {
    display: flex;
    flex-direction: column;
    padding-left: 80px;
}

.mask-data-screen-progress-issue-counts-header {
    color: #172B4D;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}


.mask-data-screen-progress-type {
    display: flex;
    flex-direction: row;
}

.mask-data-screen-progress-type .project-label {
    color: #172B4D;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}

.mask-data-screen-progress-type .project-name-label {
    color: #172B4D;
    font-size: 14px;
    line-height: 20px;
}

.mask-data-screen-progress-issue-counts {
    display: flex;
    flex-direction: row;   
}

.mask-data-screen-progress-issue-count {
    display: flex;
    padding-right: 30px;
    flex-direction: row;
    align-items: baseline;
    margin-top: -10px;
}

.mask-data-screen-progress-issue-count .issue-name {
    padding-right: 8px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.mask-data-screen-progress-issue-count .issue-count {
    font-size: 20px;
    font-weight: bold;
}

.masking-section-bottom-pagination-number {
    height: 24px;
    width: 21px;
    min-width: 21px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #42526e;
    margin: 2px;
}

.masking-section-bottom-pagination-number.selected-page {
    background-color: #42526e;
    color: white;
}

.masking-section-bottom-pagination-number.disabled-pagination {
    color: #6B778C;
}

.masking-section-bottom-pagination-number:hover:not(.disabled-pagination):not(.selected-page) {
    cursor: pointer;
}

.masking-selection-middle-section-loader {
    display: flex;
    justify-content: center;
    padding: 50px;
    flex-grow: 1;
}

.masking-selection-middle-no-rows-message {
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.masking-section-bottom-pagination {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.masking-section-bottom-pagination-numbers {
    display: flex;
    max-width: 70%;
    overflow: auto;
}

.mask-data-small-cell {
    width: 100px;
}

.mask-data-medium-cell {
    width: 200px;
}

.mask-data-large-cell {
    width: 750px;
}

table#mask-data-section-data {
    table-layout: fixed;
    width: 100%;
}

.mask-data-section-loader {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    align-items: center;
}

.mask-data-section-loader-image img {
    width: 337px;
    height: 343px;
}

.mask-data-section-loader-text {
    width: 337px;
    padding-bottom: 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 18px;
}

.mask-data-section-loader-text-header {
    color: #172B4D;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
}

.mask-data-section-loader-text-desc {
    padding-top: 16px;
    color: #172B4D;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}


.new-sign-up-dialog-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
}

.new-sign-up-dialog-text-header {
    color: #172B4D;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 16px;
    text-align: center;
    width: 100%;
}

.new-sign-up-dialog-text-sub {
    color: #172B4D;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 16px;
    text-align: center;
    width: 100%;
}

.new-sign-up-dialog-generate-form {
    width: 100% !important;
}

.new-sign-up-dialog-generate-form iframe {
    width: 100% !important;
}

.hs-input {
    width: 100% !important;
}

.new-sign-up-dialog-generate-form-link {
    text-align: center;
}



/*
LEFT SECTION STYLES
*/

.jet-left-section  {
    display: flex;
    flex-direction: column;
    width: calc(40%);
    height: 100%;
    border-right: 1px solid #DEDEDE;
    min-width: calc(40%);
    overflow: auto;
}

.jet-left-section .aui-icon-wait {
    margin: 0 auto;
    margin-top: 20px;
}

.jet-boards-section-header {
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 400;
}

.jet-boards-section-sub-header {
    padding: 10px 20px;
}

.jet-boards-section-filter-boards {
    padding: 10px 20px;
    padding-top: 8px;
    border-bottom: 1px solid #DEDEDE;
    display: flex;
}

.jet-boards-section-boards-list  {
    display: flex;
    flex-direction: column;
}



.jet-board-row.hidden-since-analysis {
    display: none;
}

.jet-board-row.hidden-since-export {
    display: none;
}

.jet-board-row-progress-bar {
    padding: 10px 14px;
}


.jet-board-row.hide-board  {
    display: none;
}

.jet-board-row:hover {
    /* background-color: #f5f5f5; */
}

.jet-board-row-info {
    flex-grow: 1;
    padding: 9px;
}

.jet-board-row-info-name {
    font-size: 15px;
}

.jet-board-row-select, .jet-board-row-icon {
    display: flex;
    align-items: center;
    min-width: 37px;
    justify-content: center;
}

.jet-board-row-select .aui-icon-wait {
    margin: 0px;
}


.jet-board-row-icon {
    display: flex;
    align-items: center;
    padding: 0px 7px;
}

.jet-board-row-analysis {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.jet-board-row-analysis .aui-iconfont-view {
    margin-top: 2px;
}

.jet-board-row-analysis .aui-lozenge {
    max-width: 111px;
    width: 99px;
    margin: 2px;
    padding: 4px;
    font-size: 11px;
    line-height: 16px;
}

.jet-board-row-analysis .aui-button {
    width: 111px;
    margin: 0px;
    display: none;
}

.jet-board-row.analyzed-board:hover .jet-board-row-analysis .aui-button {
    width: 111px;
    margin: 0px;
    display: block;
}


/*
RIGHT SECTION STYLES
*/

.jet-right-section {
    display: flex;
    flex-grow: 1;
    overflow: auto;
    width: 100%;
    max-width: calc(59vw);
}

.jet-right-section .aui-message:not(.error-message-wrapper) {
    display: inline-table;
    margin: 0 auto;
    margin-top: 20px;
    max-width: 85%;
}

.board-analysis-report {
    display: flex;
    flex-direction: column;
    padding: 40px;
}

.board-export-progress {
    display: flex;
    flex-direction: column; 
    padding: 10px;
}

.board-export-header {
    font-size: 20px;
    font-weight: 400;
}

.board-export-progress-row {
    display: flex;
    flex-direction: row;   
}

.board-export-buttons {
    padding-top: 20px;
    display: flex;
}

.download-export-file {
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.board-download-export-inside {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: initial;
    background: none;
    height: 200px;
    width: 250px;
    cursor: pointer;
}

.board-analysis-detail-count-spacer {
    border-left: 3px solid #DEDEDE;
    height: 23px;
    margin-left: 10px;
    margin-right: 7px;
}

/*
TOP SECTION STYLES
*/

.jet-advanced-settings-section {
    padding: 20px;
}

.jet-advanced-settings-mapping-row {
    display: flex;
    padding: 5px;
}

.jet-advanced-settings-mapping-row-left {
    padding-right: 10px;
    width: 20%;
    min-width: 200px;
}

.jet-advanced-settings-mapping-row-right select {
    width: 300px;
    border: none;
    padding: 4px;
}

.jet-advanced-settings-mapping-row-right input.date-picker::-webkit-clear-button {
    display: none;
}

/*
MESSAGES SECTION STYLES
*/

.jet-system-messages .aui-message {
    margin: 20px;
}


/*
LOGGING SECTION STYLES
*/

.dialog-logs-container {
    display: flex;
    flex-direction: column;
}

.dialog-logs-container .log-row {
    border-bottom: 1px solid #ecedf0;
}
.dialog-logs-container .log-row:first {
    border-top: 1px solid #ecedf0;
}

.log-row {
    padding: 7px 0px;
}

.log-expand-collapse .aui-icon {
    margin-top: 2px;
}

.log-row-top {
    display: flex; 
    cursor: pointer;
}

.log-row-bottom {
    font-size: 12px;
    margin: 5px 0px;
    padding-left: 17px;
}

.log-date-time {
    padding-right: 5px;
    width: 85px;
}

.log-type {
    width: 55px;
    text-transform: capitalize;
    padding: 0px 7px;
}

.log-description {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*
MASKING SECTION STYLES
*/

.mask-export-data {
    overflow: unset;
}

.mask-data-section-data {
    margin: 20px 0px;
    padding-left: 10px;
    min-height: 0;
    overflow: auto;
    max-height: calc(81vh);
}

#mask-data-section-data {
    border-spacing: 0px !important;
    border-collapse: collapse;
}

.mask-data-section {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.mask-data-section-top-actions {
    display: flex;
    flex-direction: row;
}

.mask-data-section-actions{
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
}

.mask-data-search {
    margin-right: 10px;
}

.mask-data-section-actions-search {
    display: flex;
    align-items: flex-end;
    background-color: #FAFBFC;
    border: 2px solid #DFE1E6;
    height: 28px;
    border-radius: 3px;
}
.mask-data-section-actions-search .aui-icon {
    color: #42526e;
    margin: 6px;
}

.mask-data-section-actions-search .filter-export-data-input {
    height: calc(100% - 2px);
    flex-grow: 1;
    padding-left: 7px;
    color: #6B778C;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: none;
}


.mask-data-tab {
    color: #0052cc;
}

.mask-data-section-header {
    border: 1px solid;
    padding: 7px;
    min-width: 50px;
    text-align: left;
}

.mask-data-section-row-cell {
    border: 1px solid;
}

.mask-data-section-row-cell textarea {
    width: -webkit-fill-available;
    height: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0px;
    display: block;
    max-width: 100%;
    min-width: 100%;
    min-height: 40px;
    font-family: inherit;
}


/*
SERVER APP STYLES
*/

.server-app-wrapper .jet-top-section {
    padding: 30px 20px 50px 20px;
}

.server-app-wrapper .jet-advanced-settings-mapping-row {
    border-bottom: 1px solid #dfe1e6;
    padding: 7px 10px;
}

.server-app-wrapper .jet-advanced-settings-mapping-row-left {
    font-weight: bold;
    color: #172B4D;
    padding: 2px;
}



/*
CLOUD APP STYLES
*/

.cloud-app-wrapper .jet-top-section {
    padding: 30px 20px 50px 20px;
}