.help-block {
    color:red;
}

.employee-link:hover {
    text-decoration-thickness: 2px;
}

.rotate {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    width: 1.5em;
}
.rotate div {
    transform: rotate(-90.0deg);
    -moz-transform: rotate(-90.0deg);  /* FF3.5+ */
    -o-transform: rotate(-90.0deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-90.0deg);  /* Saf3.1+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
    margin-left: -10em;
    margin-right: -10em;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
    z-index: 100000 !important;
}

.choices .choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #3874FF !important;
}

.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
    border:none !important;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    width: 20px;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    width: 20px;
    left: auto !important;
    right: 25px;
}

.flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months {
    font-size: 1.2rem;
}

.flatpickr-months .flatpickr-month .flatpickr-current-month .cur-year {
    font-size: 1.2rem;
}

.training_attendance_switch:checked {
    background-color: #25b003 !important;
    border-color: #6e7891 !important;
}

.nav-link-text {
    font-size: 1rem;
}

.signature-pad {
    border-radius: 10px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
    border: 1px solid rgb(0 0 0 / 20%);
    background-color: white;
}

.hidden {
    display: none;
}

.kanban-container .kanban-column {
    width: 18rem !important;
    display: inline-flex !important;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.kanban-container .kanban-items-container {
    flex: 1 1 auto;
    min-height: 10rem;
    padding-bottom: 4.5rem;
    overflow-y: auto;
    overflow-x: hidden;
}

.kanban-container .sortable-item.card {
    cursor: pointer;
}

.kanban-container .kanban-add-task {
    position: absolute;
    right: 0.75rem;
    bottom: 0.75rem;
    z-index: 5;
    margin-top: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    background: transparent;
}

.kanban-add-task button {
    width: 35px !important;
    height: 34px !important;
    position: relative;
    z-index: 6;
}

table.table.table-striped.dataTable>tbody>tr.selected>*
{
    box-shadow: inset 0 0 0 9999px var(--bs-table-striped-bg) !important;
    color: var(--bs-table-striped-color) !important;
}

table.table.table-striped.dataTable>tbody>tr.selected:nth-of-type(even)>*
{
    box-shadow: inset 0 0 0 9999px var(--phoenix-table-striped-bg) !important;
    color: var(--phoenix-table-striped-color) !important;
}

table.table.dataTable>tbody>tr.selected a {
    color: var(--phoenix-link-color) !important;
}

table.table.dataTable>tbody>tr.selected a:hover {
    color: var(--phoenix-link-hover-color) !important;
}

table.table.dataTable>tbody>tr.selected a.btn {
    color: var(--phoenix-btn-color) !important;
}

table.table.dataTable>tbody>tr.selected a.btn:hover {
    color: var(--phoenix-btn-hover-color) !important;
}

.treeview-row {
    width:0px !important;
}

.editable-field {
    position: relative;
    cursor: pointer;
    min-height: 24px; /* so it does not collapse when empty */
}

.editable-field:not(.cf-editing):hover::after {
    content: "✎"; /* pencil-alt */
    font-weight: 900; /* for solid icons */
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: #adb5bd; /* gray */
}

.notification-card.unread {
    background-color: #d7dce9;
}

.notification-card.read {
    background-color: #FFFFFF;
}

/* Custom CSS for collapse icon rotation */
.collapse-icon-button .fa-chevron-right {
    transition: transform 0.3s ease-in-out;
}

.collapse-icon-button[aria-expanded="true"] .fa-chevron-right {
    transform: rotate(90deg) !important;
}

.image-upload>input {
    display: none;
}

.photo_thumbnail {
    position: relative;
}

.photo_thumbnail a {
    display: block;
    position: absolute;
    top: 3px;
    right: 20px;
}

input[type=number] {
    /*
    text-align: right;
    */
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
}

input[type=number]:read-only input[type=text]:read-only {
    background-color: ghostwhite;
    color: gray;
}

.input-number-text-left {
    text-align: left !important;
}

.group {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
}

.group-preview {
    background-color: white;
    border-radius: 10px;
    border: 1px gray solid;
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
}

.signature-pad {
    border-radius: 10px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
}

.numInput {
    text-align: center !important;
}

.order-6 {
    -webkit-box-ordinal-group: 7 !important;
    -ms-flex-order: 6 !important;
    order: 6 !important;
}

.order-7 {
    -webkit-box-ordinal-group: 8 !important;
    -ms-flex-order: 7 !important;
    order: 7 !important;
}

.order-8 {
    -webkit-box-ordinal-group: 9 !important;
    -ms-flex-order: 8 !important;
    order: 8 !important;
}

.order-9 {
    -webkit-box-ordinal-group: 10 !important;
    -ms-flex-order: 9 !important;
    order: 9 !important;
}

.order-10 {
    -webkit-box-ordinal-group: 11 !important;
    -ms-flex-order: 10 !important;
    order: 10 !important;
}

.order-last {
    -webkit-box-ordinal-group: 11 !important;
    -ms-flex-order: 10 !important;
    order: 10 !important;
}

@media (min-width: 768px) {
    .order-md-6 {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important;
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8 !important;
        -ms-flex-order: 7 !important;
        order: 7 !important;
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9 !important;
        -ms-flex-order: 8 !important;
        order: 8 !important;
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10 !important;
        -ms-flex-order: 9 !important;
        order: 9 !important;
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11 !important;
        -ms-flex-order: 10 !important;
        order: 10 !important;
    }

    .order-md-last {
        -webkit-box-ordinal-group: 11 !important;
        -ms-flex-order: 10 !important;
        order: 10 !important;
    }
}

@media (min-width: 992px) {
    .order-lg-6 {
        -webkit-box-ordinal-group: 7 !important;
        -ms-flex-order: 6 !important;
        order: 6 !important;
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8 !important;
        -ms-flex-order: 7 !important;
        order: 7 !important;
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9 !important;
        -ms-flex-order: 8 !important;
        order: 8 !important;
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10 !important;
        -ms-flex-order: 9 !important;
        order: 9 !important;
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11 !important;
        -ms-flex-order: 10 !important;
        order: 10 !important;
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 11 !important;
        -ms-flex-order: 10 !important;
        order: 10 !important;
    }
}

/* Disabled state for Html::permittedA — link rendered as a span when user lacks RBAC for the target route. */
.link-disabled {
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: auto;
    text-decoration: none;
}
.link-disabled:hover {
    text-decoration: none;
}

/* Calendar (FullCalendar) month/day-grid event titles: theme.min.css sets these
   to display:flex, which lays the <br>-separated lines (type, name, OP link,
   client link) out as a single centered row. Force normal block flow so the
   lines stack. Overrides theme.min.css (same selector, loaded later). */
.fc .fc-h-event .fc-event-title,
.fc .fc-daygrid-event .fc-event-title {
    display: block !important;
    align-items: initial;
}

.tox-promotion {
    display: none;
}