/*Write your custom css in this file.*/
/* Edit the links on the nav bar at the top*/
.nav-link {
    --bs-nav-link-color: #18024dad;
    --bs-nav-link-hover-color: #973ef0;
    --bs-nav-link-disabled-color: #6c757d;
}

.invoice-preview img.dashboard-image {
    max-height: 45px;
}

.brand-logo-mini img.dashboard-image {
    width: 60px;
    height: 60px;
}

/* Edit the profile image uploads so they aren't cut off*/
#profile-image-form.general-form {
    padding-left: 25px;
}

/* Remove redundent hover border for file upload */
.file-upload.btn.p0.profile-image-upload.profile-image-direct-upload:hover {
    border: none;
}

/* Edit the action button with the dropdown */
.btn.btn-secondary.dropdown-toggle.caret {
    background-color: #973ef0;
}

/* Remove Project ID from the table */
table#project-table.dataTable.no-footer th.w50.sorting, table#project-table.dataTable.no-footer td.w50 a {
    color: #fff;
    width: auto;
}

table#project-table.dataTable tbody tr:hover td.w50 a {
    color: #f2f4f6;
}

/* Remove Task ID from the table */
table#task-table.dataTable.no-footer th.w10p.sorting_desc, table#task-table.dataTable.no-footer td.w10p {
    color: #fff;
    width: auto;
}

table#task-table.dataTable tbody tr:hover td.w10p {
    color: #f2f4f6;
}

/* Remove File ID from the table */
table#project-file-table.dataTable.no-footer th.sorting_desc, table#project-file-table.dataTable.no-footer td:first-child {
    color: #fff;
    width: auto;
}

table#project-file-table.dataTable tbody tr:hover td:first-child {
    color: #f2f4f6;
}

/*Change color of warning badge */
.bg-warning {
    background-color: #ff8006 !important;
}

.bg-secondary {
    background-color: #a9a2b1;
}

/* Change color of the chart svg on the dashboard when there are no calendar events */
#upcoming-event-container svg.feather.feather-calendar {
    color: #14b8a5;
}
#upcoming-event-container .card-body .text-off {
    opacity: 0.9;
}
/* Change the width and height of the kanban container*/
@media screen and (max-height: 654px) {
    [id^='kanban-item-list-'] {
        height: max-content !important;
    }
}
@media screen and (max-width: 500px and max-height: 654px) {
    [id^='kanban-item-list-'] {
        height: 25vh !important;
    }
}
@media screen and (min-width: 780px) {
    [id^='kanban-item-list-'] {
        height: max-content !important;
    }
}
/* Change the scrollbar for kanban container */
#kanban-wrapper::-webkit-scrollbar {
    height: 4px;
}

/* Wrap the text in the calendar events grid */
.fc-daygrid-event span {
    white-space: pre-wrap;
    border-radius: 5px;
}
.fc .fc-daygrid-day.fc-day-today {
    background-color: #eaeaea !important;
}

/* Change the color of the subtasks */
a.font-13 {
    color: #18024dad;
}

/* Change the color of the dropdown selection choices */
.select2-container .select2-choice, .select2-container .select2-choices, .select2-container .select2-choices .select2-search-field input {
    color: #18024dad;
}

/* Change the color of the progess bar in open projects widget */
.bg-progress-custom {
background-color: rgb(24 2 77 / 45%);
}

/* Change the color of the small open ticket widget in the client dashboard */
.bg-open-ticket-widget {
background-image: linear-gradient(160deg, #371a7b, #18024d);
}
/* Change the color of the Save As a Note and Assigned To buttons in the ticket view */
.primary-dark {
  color: #fff;
  background-color: #18024d;
  border-color: #18024d;
}
.primary-dark:hover {
color: #18024d;
}

/* Change the color of the app alert message that appears at the bootom right side of the page whenever a successful change is made. */
.app-alert .progress .bg-success {
    background-image: linear-gradient(160deg, #b677f4, #b677f4);
}

/* Edit the disabled buttons */
.btn.disabled {
  background-color: #78757e;
  border-color: #78757e;
  opacity: 0.4;
}

/* Edit the badge link color in the task for the number in the right column next to the status */
.badge.badge-light.mr5 a {
    color: #18024dad;
}
.badge.badge-light.mr5 a:hover {
    color: #18024dad;
}

/* Remove the focus shadow around buttons */
.btn {
  --bs-btn-focus-box-shadow: none;
  }