/* this css controls styling elements, e.g. colours, fonts, cursors, etc. */

/* 25/0/6/2025 DJA, For A (telephone) links in grids */
.DxGrids td a, .DxGridsWPreview td a {
    text-decoration: underline;
    color: inherit;
}

.text-dark-override {
    color: #444 !important;
}

.text-light-override {
    color: #ddd !important;
}

.disabled-tablink {
    cursor: default;
    pointer-events: none;
}

    .disabled-tablink a {
        text-decoration: none;
        color: grey !important;
    }

/* font awesome - start */
.fa, .fas, .fa-solid,
.fa, .fas, .fa-solid, .fa-duotone, .fa-regular,
.fa-brands {
    top: 0;
    width: 1.5em;
    font-size: 1.1em; /*0.9rem;*/
    cursor: inherit;
    text-align: center;
}

    .fa.fa-large-icon {
        font-size: 1.4em;
    }
/* font awesome - finish */


/* drag/drop - start */
.ui-draggable-dragging {
    border: 1px solid red;
    background: var(--bs-white);
    border-radius: 5px;
}

.droppable.remove-temp.highlight-droppable {
    border-width: 1px;
    border-style: solid;
    border-color: #ffc107 !important;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 50%);
}

    .droppable.remove-temp.highlight-droppable.ui-droppable-hover {
        border-color: #dc3545 !important;
    }

tr.droppable.insert-temp.highlight-droppable,
tr.req-plan-job-tr.ui-droppable-active {
    background-color: #ffc107 !important;
}

    tr.droppable.insert-temp.highlight-droppable.ui-droppable-hover,
    tr.req-plan-job-tr.ui-droppable-active.ui-droppable-hover {
        background-color: #6c9683 !important;
    }
/* drag/drop - end */


/* cursor - start */
.cursor-pointer {
    cursor: pointer !important;
}

.cursor-pointer-hover:hover {
    cursor: pointer !important;
}

.cursor-default {
    cursor: default !important;
}
/* cursor - finish */

/* text - start */
h1, h2, h3, h4, h5, h6 {
    color: var(--bs-primary);
}

.text-initial {
    color: initial !important;
}

.text-inherit {
    color: inherit !important;
}

.no-underline,
.no-underline:hover {
    text-decoration: none;
}

.text-underline,
.underline,
.text-underline-hover:hover {
    text-decoration: underline;
}

.text-overflow-ellipsis,
.text-overflow-ellipsis * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* text - finish */

/* override for _styles */
.mm-button.btn-secondary {
    color: #fff;
    background-color: #888;
    border-color: #888;
}

.bg-current-color {
    background-color: currentColor;
}

.bg-dark-trans {
    background-color: rgba(0, 0, 0, 0.5);
}

.bg-inherit {
    background: inherit !important;
}

/* bg wave - start */
.bg-wave::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.2;
}

.bg-wave.bg-wave-dark::before {
    background: url(/images/bg-wave-black.svg), var(--bs-gray-dark) !important;
    background-size: cover !important;
    background-position: center center !important;
}
/* bg wave - finish */


/* bg headers/gradients - start */
.bg-header-grad {
    /* border-bottom: 1px solid #eee; */
    box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 10%) !important;
}

.main .bg-header-grad {
    /* position: sticky; */
    /* top: 0; */
    /* z-index: 3; */
    /* z-index: 1; */
    /* margin-bottom: 0.5rem; */
}

.preview-pane-header.bg-header-grad,
.preview-pane-header.bg-header-grad h5,
.preview-pane-header.bg-header-grad h4,
.preview-pane-header.bg-header-grad h3 {
    color: inherit;
}

.preview-header-section .preview-header-caption,
.preview-header-section .fa {
    /*
    color: var(--bs-primary);
    color: var(--bs-white);
    */
}

.preview-header-section .preview-header-value {
    /*
    color: var(--dark);
    color: var(--bs-white);
    */
    color: var(--bs-dark);
}

.bg-header-grad.bg-header-grad-general {
    /* #231F20 */
    background: linear-gradient( 90deg, rgb(5, 39, 103) 0%, #DA2128 80%);
}

.bg-header-grad.bg-header-grad-client {
    background: linear-gradient( 90deg, var(--bs-client-dark) 0%, var(--bs-client) 90%);
    border-bottom: 1px solid white !important;
    color: var(--bs-white);
    /* color: var(--dark); */
}

.recent-page .fa.fa-building, .cli-icon-color {
    color: var(--bs-client-dark);
}

.bg-header-grad.bg-header-grad-client .preview-header-caption,
.bg-header-grad.bg-header-grad-client .fa {
    /* color: var(--bs-dark); */
    font-weight: 600;
}

.bg-header-grad.bg-header-grad-client .preview-header-value {
    /* color: var(--bs-dark); /**/
}

.bg-header-grad.bg-header-grad-job {
    background: linear-gradient( 90deg, var(--bs-job-dark) 0%, var(--bs-job) 90%);
    border-bottom: 1px solid white !important;
    color: var(--bs-white);
}

.recent-page .fa.fa-briefcase {
    color: var(--bs-job-dark);
}


.bg-header-grad.bg-header-grad-job .preview-header-caption,
.bg-header-grad.bg-header-grad-job .fa,
.mru-3, .mru-4, .mru-5, .mru-6, .mru-7, .mru-8 {
    color: var(--bs-white);
}

.bg-header-grad.bg-header-grad-job .preview-header-value {
    /* color: var(--light); */
}

.bg-header-grad.bg-header-grad-cand {
    background: linear-gradient(90deg, var(--bs-cand-dark) 0%, var(--bs-cand) 90%);
    border-bottom: 1px solid white !important;
    color: var(--dark);
}

.recent-page .fa.fa-user, .cand-icon-color {
    color: var(--bs-cand-dark);
}

.recent-page > .fa + div > div:first-child {
    font-weight: 500;
}

.preview-pane-header.bg-header-grad.bg-header-grad-cand,
.preview-pane-header.bg-header-grad.bg-header-grad-cand h5,
.preview-pane-header.bg-header-grad.bg-header-grad-cand h4,
.preview-pane-header.bg-header-grad.bg-header-grad-cand h3 {
    color: var(--dark);
}

}

.bg-header-grad.bg-header-grad-cand .preview-header-caption,
.bg-header-grad.bg-header-grad-cand .fa {
    color: var(--dark);
    font-weight: 600;
}

.striped-bg {
    background: repeating-linear-gradient( 45deg, var(--bs-primary), var(--bs-primary) 10px, var(--bs-primary-light) 10px, var(--bs-primary-light) 20px);
    background-size: 200% 200%;
}

.border-general {
    /* #231F20 */
    border-color: rgb(5, 39, 103);
}

.border-client {
    border-color: var(--bs-client);
}

.border-job {
    border-color: var(--bs-job);
}

.border-cand {
    border-color: var(--bs-cand);
}

.bg-header-grad h1,
.bg-header-grad h2,
.bg-header-grad h3,
.bg-header-grad h4,
.bg-header-grad h5,
.bg-header-grad h6 {
    color: inherit;
}

.bg-header-grad-primary,
.bg-header-grad.bg-header-grad-general,
.bg-header-grad.bg-header-grad-main-menu {
    background-image: linear-gradient(180deg, var(--bs-primary) 0%, var(--bs-primary-dark) 70%);
    /* background-image: linear-gradient(180deg, var(--bs-primary-light) 0%, var(--bs-primary-lighter) 70%); */
    color: var(--bs-white);
}

.bg-header-grad.bg-header-grad-primary-light {
    background-image: linear-gradient(180deg, var(--bs-primary-light) 0%, var(--bs-primary-light) 70%);
    color: var(--bs-white);
}
/* bg-headers - finish */


/* inputs - start */
input[type="month"] {
    border-radius: 0;
    border: 1px solid var(--bs-border-color, var(--bs-gray-400, #ced4da));
    background-color: var(--bs-white, var(--bs-body-bg, var(--dxbl-body-bg, inherit)));
    color: var(--bs-body-color, var(--dxbl-body-color, inherit));
    outline: none;
}

    input[type="month"]::-moz-selection,
    input[type="month"]::selection {
        background-color: var(--bs-primary);
    }

    input[type="month"]:focus-within {
        box-shadow: var(--dxbl-text-edit-box-shadow), 0 0 var(--dxbl-text-edit-focus-shadow-blur) var(--dxbl-text-edit-focus-shadow-spread) var(--dxbl-text-edit-focus-shadow-color);
    }
/* inputs - end */

/* background gradients - start */
.bg-gold {
    background: #EBC23D;
    background: linear-gradient(35deg, #D4AF37 0%, #EBC23D 50%) !important;
    color: black !important;
}

.border-gold {
    border-color: #EBC23D !important;
}

.glow-gold {
    box-shadow: 0px 0px 1em 0px #D4AF37;
}

.bg-silver {
    background: #c0c0c0;
    background: #dcdcdc;
    background: linear-gradient(35deg, #c0c0c0 0%, #dcdcdc 100%);
}
/* background gradients - end */

#ai-chat-input::placeholder {
    font-style: italic;
}