/* body font */

body {
    font-size: 16px;
    line-height: 24px;
    color: #71737F;
    font-family: Arial, sans-serif;
    background-color: #FFFFFF;
}

.info-box, .custom {
    min-height: 160px;
}

.info-box-content, .no-flex {
    display: block !important;
}

.document-viewer-iframe {
    width: 100%;
    height: 70vh;
    border: none;
}

/* buttons are #2E5C99 with white text */
.btn-primary {
    background: #2E5C99;
    border-color: #2E5C99;
}

.btn-primary:hover {
    background: #2366c8;
    border-color: #2366c8;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background: #2E5C99;
    border-color: #2E5C99;

}

.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #1D4B57;
}

.bg-notuploaded {
    background-color: #fff !important;
}

.bg-uploaded {
    background-color: #c3edf5 !important;
}

.bg-ready {
    background-color: #74b7be !important;
    color: #fff !important;
}

.bg-approved {
    background-color: #E5F0DB !important;
}

.bg-approved.card-title,
.bg-approved.card-footer {
    background-color: #75b985 !important;
    color: #fff !important;
}

.bg-rejected {
    background-color: #F9DADA !important;
}

.bg-rejected.card-title,
.bg-rejected.card-footer {
    background-color: #e8959c !important;
    color: #fff !important;
}

.bg-dueToExpire {
    background-color: #ffeab0 !important;
}

.bg-reworkrequired {
    background-color: #ffc107 !important;
}


.bg-reworkrequired.card-title,
.bg-reworkrequired.card-footer {
    background-color: #ffc107 !important;
    color: #fff !important;
}



.logo {
    content: url('../images/BA_logo.png');
    width: 178px;
    height: 47px;
}

th a {
    color: inherit;
    text-decoration: underline;
}

.multiCheckbox-wrapper {
    padding: 0.25em 1em;
    border: 1px solid #ced4da;
    height: 20em;
    overflow-y: scroll;
}

.doc-description,
#qcReplyContext,
.qc-entry-quote-content,
.qc-entry-note {
    white-space: pre-line;
}

form #vacancies {
    height: 40vh;
}

form fieldset {
    margin: 3em 0;
}

.big-checkbox {
    width: 30px;
    height: 30px;
}

.layout-fixed .main-sidebar-custom .sidebar.user {
    height: calc(100% - ((3.5rem + 8rem) + 1px));
}

/* Recruiter view candidate details card */

#candidateDetailsCard > .col {
    flex: 0 0 100%;
    padding: 0 1em;
}

@media (min-width: 1200px) {
    #candidateDetailsCard > .col {
        flex: 0 0 50%;
    }
}

@media (min-width: 1700px) {
    #candidateDetailsCard > .col {
        flex: 0 0 33.3%;
    }
}

#candidateDetailsCard section {
    margin: 0 0 1.5em;
}

#candidateDetailsCard section h4 {
    border-bottom: 1px solid var(--gray);
}

#candidateDetailsCard section .row {
    border-radius: 0.3em;
}

#candidateDetailsCard section .row:hover {
    background-color: var(--light);
}

#candidateDetailsCard section .row > .col:first-of-type {
    font-weight: bold;
    flex: 0.66;
}

#candidateDetailsCard section .row > .col:first-of-type {
    padding: 0.375em 0;
    padding-left: 0.5em;
    text-align: right;
}

#candidateDetailsCard section .row > .col.display-value,
#candidateDetailsCard section .row > .col .display-value {
    display: inline-block;
    padding-top: 0.375em;
    padding-bottom: 0.375em;
    cursor: copy;
}

#candidateDetailsCard [data-toggle="tooltip"]:hover {
    text-decoration: underline;
    text-decoration-style: wavy;
}

#candidateDetailsCard [data-toggle="tooltip"]:not(:empty)::after {
    content: "ⓘ";
    position: absolute;
    top: 0.375em;
    right: 0.6em;
    font-weight: bold;
}


/* Recruiter view custom entries (metadata) card */

#customMetadataCard h4 {
    border-bottom: 1px solid var(--gray);
}

#customMetadataCard .row {
    border-radius: 0.3em;
    margin-bottom: 0.5em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

#customMetadataCard .row:hover {
    background-color: var(--light);
}

#customMetadataCard .row > .col:first-of-type {
    padding-top: 0.375em;
    padding-bottom: 0.375em;
    padding-left: 0.5em;
    text-align: right;
    font-weight: bold;
    flex: 0.4;
    max-width: 20em;
}

#customMetadataCard div.row > .col .display-value {
    padding-top: 0.375em;
    padding-bottom: 0.375em;
    white-space: pre-line;
    cursor: copy;
}

#addMetadataForm .col {
    padding-top: 0.375em;
    padding-bottom: 0.375em;
}


/* Breadcrumb view on candidates view */
/* Arrow Breadcrumb */
#bcrumbs {
    padding-inline-start: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0;
}

#bcrumbs .bcrumbs-title {
    position: absolute;
    white-space: nowrap;
    text-align: center;
    top: 3.5rem;
    left: 2.2rem;
    padding: 0.5rem;
    transform: translateX(-50%);
    color: #fff;
    border-radius: 0.25em;
    z-index: 1;
}

#bcrumbs .badge {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.9em;
    z-index: 1;
    border-radius: 1em;
    border: 0.25em solid #f4f6f9;
}

#bcrumbs .active-arrow {
    height: 1.5em;
    width: 2.5em;
    border-radius: 1em;
    border: 0.25em solid #f4f6f9;
    position: absolute;
    background-color: #ffc107;
    top: 3.25em;
    left: 1.25em;
}

#bcrumbs li {
    display: inline;
    position: relative;
}

#bcrumbs li a {
    width: 5rem;
    height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    background: #c0d7ec;
    text-align: center;
    padding: 0.5em 1em;
    position: relative;
    margin: 0.5em 0;
    text-decoration: none;
    color: #000;
    cursor: pointer;
    -webkit-clip-path: polygon(0 0, 80% 0, 100% 50%, 80% 100%, 0 100%, 20% 50%);
    clip-path: polygon(0 0, 80% 0, 100% 50%, 80% 100%, 0 100%, 20% 50%);
}

#bcrumbs li a:hover {
    background: #2f4885;
    color: #fff;
}

#bcrumbs li[data-display="Messages"] a {
    background-color: #a6e9f8;
    border-radius: 5em;
    width: 4em;
    height: 3.5em;
    margin: 0.5em;
    -webkit-clip-path: none;
    clip-path: none
}

#bcrumbs li[data-display="Messages"] a:hover {
    background-color: #1f7a88;
}

#bcrumbs li[data-display="Messages"] a.active,
#bcrumbs li[data-display="Messages"] a.active:hover {
    background-color: #0fb5d3;
}


#bcrumbs li:nth-of-type(2) a {
    -webkit-clip-path: polygon(10% 0, 80% 0, 100% 50%, 80% 100%, 10% 100%);
    clip-path: polygon(10% 0, 80% 0, 100% 50%, 80% 100%, 10% 100%);
}

#bcrumbs li:last-of-type a {
    -webkit-clip-path: polygon(0 0, 90% 0, 90% 100%, 0 100%, 20% 50%);
    clip-path: polygon(0 0, 90% 0, 90% 100%, 0 100%, 20% 50%);
}

#bcrumbs li:nth-of-type(2):last-of-type a {
    border-radius: 0.3em;
    -webkit-clip-path: polygon(10% 0, 90% 0, 90% 100%, 10% 100%);
    clip-path: polygon(10% 0, 90% 0, 90% 100%, 10% 100%);
}

/* Active link */
#bcrumbs li a.active,
#bcrumbs .bcrumbs-title {
    background-color: #5071BE;
    color: #fff;
}

#bcrumbs li a.active:hover {
    background-color: #5071BE;
}


/* Warning link */
#bcrumbs li a.warning {
    background-color: #FADADA;
}

#bcrumbs li a.warning:hover {
    background-color: #a43434;
}

#bcrumbs li a.warning.active,
#bcrumbs .bcrumbs-title.warning {
    background-color: #ed4c4c;
}


/* Success link */
#bcrumbs li a.success {
    background-color: #c9ecb7;
}

#bcrumbs li a.success:hover {
    background-color: #608141;
}


#bcrumbs li a.success.active,
#bcrumbs .bcrumbs-title.success {
    background-color: #73a649;
}


/* Recruiter view tabbar */

#candidate-tab li + li {
    margin-left: 0.5em;
}

#candidate-tab .nav-link:not(.active) {
    background-color: rgba(255, 255, 255, .3);
}

#candidate-tab .nav-link:not(.active):hover {
    background-color: rgba(255, 255, 255, .5);
    border-color: transparent;
}

#candidate-tab .nav-link > span {
    font-size: 1em;
    display: inline-block;
    margin-left: 0.5em;
}


/* Tooltips and text highlights */

.tooltip-inner {
    max-width: none !important;
    color: #000 !important;
    background-color: #fff !important;
    border: 0.1em solid #666;
    box-shadow: 0 0.3em 0.5em #333;
    font-size: 1rem;
}

.hl-info, .hl-danger, .hl-warning {
    outline: transparent solid 0.3em;
    border-radius: 0.1em;
}

.hl-info {
    color: #fff !important;
    background-color: #17a2b8 !important;
    outline-color: #17a2b8;
}

.hl-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
    outline-color: #dc3545;
}

.hl-warning {
    color: #1f2d3d !important;
    background-color: #ffc107 !important;
    outline-color: #ffc107;
}

.text-decoration-underline {
    text-decoration: underline !important;
}


/* QC features */

#qcEntriesWrapper {
    max-height: 80vh;
}

#qcForm.card-footer {
    scroll-margin-top: 1em;
}

.qc-entry {
    scroll-margin-top: 2em;
}


/* Gantt chart */

.gantt-chart-bar {
    margin-bottom: 0.3em;
    padding: 0.3em;
    border-radius: 0.3em;
    min-width: 1em;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.gantt-chart-bar:hover {
    outline: 0.3em solid rgba(33, 47, 62, 0.3);
}

.gantt-chart-bar-missing {
    position: absolute;
    top: 0;
    bottom: 1.5em;
    opacity: 0.5;
}


/* Animations */

.blink {
    animation: blink 1s ease-in-out infinite;
}

@keyframes blink {
    0% {
        outline: none;
    }
    50% {
        outline: 0.5em solid rgba(33, 47, 62, 0.5);
    }
    100% {
        outline: none;
    }
}