﻿body {
    color: #000;
}

.input-group-text {
    line-height: 1 !important;
}

.text-lincs-electrical-primary {
    color: #e5322c !important;
}

.form-control {
    border: 1px solid #7e7e7e;
    color: #7e7e7e;
}

.input-group-text {
    border: 1px solid #7e7e7e;
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.input-validation-error:focus {
    border: 2px solid #a94442;
}

.input-validation-error {
    border: 2px solid #a94442 !important;
}

.field-validation-error {
    color: #a94442;
}

.profilebar img {
    width: 26px !important;
    margin-top: unset !important;
}

.profilebar a {
    padding: 10px 8px 10px !important;
    border-radius: 3px !important;
}

.mt-55 {
    margin-top: 55px;
}

.breadcrumb-thin {
    background-color: #ffffff;
    border: none;
    border-radius: 3px;
}

    .breadcrumb-thin .breadcrumb-item a {
        color: #8A98AC;
    }

    .breadcrumb-thin .breadcrumb-item.active {
        color: #263a5b;
    }

.border-radius-3 {
    border-radius: 3px;
}

.logobar .logo img {
    width: 180px;
}

.select2-selection__choice {
    background-color: #0073e6 !important;
    color: white !important;
    border-color: #0073e6 !important;
}

.select2-selection__choice__remove {
    color: white !important;
}

.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
    box-shadow: none !important;
}

.input-validation-error ~ .select2 .selection .select2-selection {
    border: 2px solid #a94442 !important;
}

.select2-selection {
    border: 1px solid #7e7e7e !important;
    color: #7e7e7e !important;
}

.select2-container {
    width: auto !important;
    display: block;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: rgba(0, 0, 0, 0.1);
}

.select2-search--dropdown .select2-search__field {
    border: 1px solid #7e7e7e !important;
    color: #7e7e7e !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
    padding-left: 15px;
    color: #000;
}

.select2-container--default .select2-selection--single {
    background-color: #ffffff;
    font-size: 15px;
    color: #7e7e7e;
    border: 1px solid rgba(0, 0, 0, 0.03);
    border-radius: 3px;
}

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #000000;
    }

.input-group > .select2-container--bootstrap {
    width: auto;
    flex: 1 1 auto;
}

    .input-group > .select2-container--bootstrap .select2-selection--single {
        height: 100%;
        line-height: inherit;
        padding: 0.5rem 1rem;
    }

.hr-line-dashed {
    border-top: 1px dashed #e7eaec;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    margin: 20px 0;
}

.form-control {
    color: #000;
}

    .form-control:focus {
        color: #000;
    }

.selection-list {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

    .selection-list li {
        display: inline-block;
        margin-bottom: 5px;
        margin-right: 5px;
        margin-left: 0px;
    }

.timeline-container {
    width: 100%;
    max-width: unset;
}

.table-planner td, .table-planner th {
    min-width: 175px;
}

.table-planner-simple th {
    max-width: 26px;
    padding: 10px 0px !important;
}

.table-planner-simple th {
    border: 1px solid #7e7e7e !important;
}

.table-planner-simple td {
    width: 26px;
    max-width: 26px;
    padding: 0px !important;
    border: 1px solid #7e7e7e;
}

.inner-planner-item {
    display: block;
    min-width: 175px;
    padding: 0.6rem;
    height: 100%;
    overflow: auto;
}

.table-planner td {
    vertical-align: top;
}

.alert-warning-text {
    color: #cfcfcf;
}

.inner-planner-main {
    max-width: 26px;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inner-planner-main-unplanned {
    background-color: #e9e9e9;
}

.inner-planner-main-danger {
    color: #000000;
    background-image: linear-gradient(to right, rgb(182, 244, 146), rgb(51, 139, 147));
    border: 0px;
    font-size: 12px;
    font-weight: bold;
}

.inner-planner-main-bh {
    color: #000000;
    background-image: radial-gradient( circle farthest-corner at 10% 20%, rgba(251,221,19,1) 0.1%, rgba(255,153,1,1) 90% );
    border: 0px;
    font-size: 12px;
    font-weight: bold;
}

.inner-planner-main-weekend {
    background-color: #5a88d3;
}

.overflow-inherit {
    overflow: inherit;
}

.planner-dropdown {
    top: -2px;
    right: -7px;
}

.planner-dropdown-center {
    top: 1px;
    right: -7px;
}

.planner-sickness {
    background-color: #BA0021;
    color: #fff;
}

    .planner-sickness a {
        color: #fff;
    }

.btn-sickness {
    color: #fff;
}

    .btn-sickness:hover {
        color: #fff;
    }

.planner-annual-leave {
    background-color: #5072A7;
    color: #fff;
}

    .planner-annual-leave a {
        color: #fff;
    }

.btn-annual-leave {
    color: #fff;
}

    .btn-annual-leave:hover {
        color: #fff;
    }

.modal-header {
    background-color: #263a5b;
    border: 1px solid #263a5b;
}

.dropzone {
    cursor: pointer;
    min-height: unset;
}

    .dropzone .dz-message {
        font-size: 16px;
    }

.day-separator {
    border-right: 2px solid #e7eaec;
}

thead.thead-dark .day-separator {
    border-right: 2px solid rgba(255, 255, 255, 0.2);
}

.weekend-col {
    background-color: #eef2f7;
}

thead.thead-dark .weekend-col {
    background-color: #2d3f5e;
}

thead.thead-dark .day-separator {
    border-right: 2px solid rgba(255, 255, 255, 0.2);
}

.nt-label,
td.nt-label,
table td.nt-label {
    color: #212529 !important;
    font-weight: 600;
}

.ot-label,
td.ot-label,
table td.ot-label {
    color: #d4a017 !important;
    font-weight: 600;
}

.dt-label,
td.dt-label,
table td.dt-label {
    color: #dc3545 !important;
    font-weight: 600;
}

.timesheet-table td, .timesheet-table th {
    vertical-align: middle;
}

.day-cell {
    width: 110px;
    min-width: 110px;
    vertical-align: top !important;
    padding-top: 10px !important;
    border-right: 2px solid #dee2e6;
}

    .day-cell.weekend {
        background-color: #f7f9fc;
    }

.day-name {
    font-weight: 700;
    color: #1a2942;
}

.day-date {
    color: #6c757d;
}

.job-entry-row td {
    border-top: none !important;
    border-bottom: 1px solid #f1f4f8;
}

.day-total-row td {
    background-color: #f8f9fb;
    border-top: 2px solid #dee2e6 !important;
    font-weight: 700;
}

.week-total-row td {
    background-color: #1a2942;
    color: #fff;
    border-top: 3px solid #0e1e33 !important;
    font-weight: 700;
}

.week-total-row .nt-val {
    color: #ffffff;
}

.week-total-row td.ot-val {
    color: #f0c040;
}

.week-total-row td.dt-val {
    color: #ff8080;
}

td.nt-val {
    color: #212529;
    font-weight: 600;
    text-align: center;
}

td.ot-val {
    color: #d4a017;
    font-weight: 600;
    text-align: center;
}

td.dt-val {
    color: #dc3545;
    font-weight: 600;
    text-align: center;
}

td.empty-val {
    color: #dc3545;
    text-align: center;
}

.loc-col {
    width: 160px;
    min-width: 140px;
}

.job-col {
    min-width: 180px;
}

.time-col {
    width: 58px;
    text-align: center;
}

.tracker-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 0;
    color: #6c757d;
}

    .tracker-loading .spinner-border {
        width: 3rem;
        height: 3rem;
        margin-bottom: 1rem;
    }

#tracker-container {
    display: none;
}

#client-tracker-table {
    table-layout: fixed;
}

#client-tracker-table_wrapper thead th {
    white-space: normal;
    word-break: break-word;
}

#client-tracker-table_wrapper td {
    overflow-wrap: break-word;
}

#client-tracker-table_wrapper thead th:nth-child(-n+2),
#client-tracker-table_wrapper tbody td:nth-child(-n+2) {
    text-align: left;
}

#client-tracker-table_wrapper thead th:nth-child(n+3),
#client-tracker-table_wrapper tbody td:nth-child(n+3) {
    text-align: center;
}

#matrix-container {
    display: none;
}

#training-matrix-table {
    table-layout: fixed;
}

#training-matrix-table_wrapper thead th {
    white-space: normal;
    word-break: break-word;
}

#training-matrix-table_wrapper td {
    overflow-wrap: break-word;
}

#training-matrix-table_wrapper thead th:nth-child(-n+5),
#training-matrix-table_wrapper tbody td:nth-child(-n+5) {
    text-align: left;
}

#training-matrix-table_wrapper thead th:nth-child(n+6),
#training-matrix-table_wrapper tbody td:nth-child(n+6) {
    text-align: center;
}

#ComplianceCategoriesSortable tr {
    cursor: grab;
}

    #ComplianceCategoriesSortable tr a {
        cursor: pointer;
    }

#ComplianceCategoriesSortable .ui-sortable-placeholder {
    visibility: visible !important;
    background-color: #f8f9fa;
    border-top: 2px dashed #dee2e6;
    border-bottom: 2px dashed #dee2e6;
}

#ComplianceCategoriesSortable .sortable-dragging {
    background-color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    cursor: grabbing !important;
}

    #ComplianceCategoriesSortable .sortable-dragging td {
        cursor: grabbing !important;
    }

#jstree .jstree-anchor {
    font-size: 0.9375rem;
    line-height: 32px;
    height: 32px;
}

#jstree .jstree-icon {
    font-size: 1.125rem;
    line-height: 32px;
    width: 28px;
}

#jstree .jstree-node {
    position: relative;
    min-height: 32px;
    line-height: 32px;
}

    #jstree .jstree-node::before {
        content: "";
        position: absolute;
        top: 16px;
        left: -10px;
        width: 18px;
        border-top: 1px dotted #b8bcc2;
        pointer-events: none;
    }

    #jstree .jstree-node::after {
        content: "";
        position: absolute;
        top: -16px;
        bottom: 0;
        left: -10px;
        border-left: 1px dotted #b8bcc2;
        pointer-events: none;
    }

    #jstree .jstree-node.jstree-last::after {
        top: -16px;
        height: 32px;
        bottom: auto;
    }

#jstree > .jstree-container-ul > .jstree-node::before,
#jstree > .jstree-container-ul > .jstree-node::after {
    display: none;
}

#jstree .jstree-ocl {
    height: 32px;
    line-height: 32px;
    background: none !important;
    text-align: center;
}

#jstree .jstree-closed > .jstree-ocl::before {
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 0.875rem;
    color: #6c757d;
}

#jstree .jstree-open > .jstree-ocl::before {
    content: "\f0d7";
    font-family: FontAwesome;
    font-size: 0.875rem;
    color: #6c757d;
}

#jstree .jstree-icon.text-warning {
    color: #ffc107 !important;
}

#jstree .jstree-icon.text-danger {
    color: #dc3545 !important;
}

#jstree .jstree-icon.text-primary {
    color: #007bff !important;
}

#jstree .jstree-icon.text-success {
    color: #28a745 !important;
}

#jstree .jstree-icon.text-info {
    color: #17a2b8 !important;
}

#jstree .jstree-icon.text-muted {
    color: #6c757d !important;
}

#jstree .jstree-wholerow {
    height: 32px;
}

#jstree .jstree-wholerow-hovered {
    background: #f1f5f9;
}

#jstree .jstree-wholerow-clicked {
    background: #e2eefd;
}

#documents-table td {
    vertical-align: middle;
}

#documents-table .folder-row {
    cursor: pointer;
}

#documents-table .folder-toggle {
    display: inline-block;
    width: 16px;
    text-align: center;
    color: #98a6ad;
}

#documents-table .document-depth-0 {
    padding-left: 0px;
}

#documents-table .document-depth-1 {
    padding-left: 24px;
}

#documents-table .document-depth-2 {
    padding-left: 48px;
}

#documents-table .document-depth-3 {
    padding-left: 72px;
}

#documents-table .document-depth-4 {
    padding-left: 96px;
}

#documents-table .document-depth-5 {
    padding-left: 120px;
}

#documents-table .document-depth-6 {
    padding-left: 144px;
}

.site-summary {
    display: flex;
    align-items: center;
    padding: 4px 0 20px;
}

.site-summary-icon {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    margin-right: 16px;
    border-radius: 12px;
    background: rgba(0, 128, 255, 0.1);
    color: #0080ff;
    font-size: 24px;
    line-height: 56px;
    text-align: center;
}

.site-summary-name {
    margin: 0 0 2px;
    font-size: 20px;
    font-weight: 600;
    color: #141d46;
}

.site-summary-customer {
    font-size: 14px;
    color: #8a98ac;
}

.site-panel {
    height: 100%;
    padding: 20px;
    border: 1px solid #e9edf4;
    border-radius: 6px;
}

.site-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 31px;
    margin-bottom: 16px;
}

.site-panel-title {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: #141d46;
}

.site-address-line {
    font-size: 15px;
    line-height: 1.7;
    color: #141d46;
}

.site-contact-row {
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-top: 1px solid #f0f3f8;
}

.site-panel-header + .site-contact-row {
    padding-top: 0;
    border-top: 0;
}

.site-contact-row:last-child {
    padding-bottom: 0;
}

.site-contact-icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    margin-right: 14px;
    border-radius: 50%;
    background: rgba(0, 128, 255, 0.1);
    color: #0080ff;
    font-size: 15px;
    line-height: 38px;
    text-align: center;
}

.site-contact-content {
    min-width: 0;
}

.site-contact-label {
    color: #8a98ac;
}

.site-contact-value {
    font-size: 15px;
    color: #141d46;
    overflow-wrap: anywhere;
}

a.site-contact-value:hover {
    color: #0080ff;
}

.site-value-empty {
    font-size: 14px;
    color: #a9b4c4;
}