﻿.emp-flex {
    display: flex;
    height: calc(100% - 36px);
}

.content .body.module-employees {
    height: 100% !important;
}

.details-body .task-header .icon-ambulance {
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: 15px;
    margin-right: 2px;
}

.details-body .task-header .icon-ambulance {
    background-image: url('images/ambulance.svg');
    position: relative;
    bottom: 1px;
}

.details-body .fields .field .input textarea.emp-details-txtarea {
    height: 120px;
    min-height: 120px;
}

.emp-map-area {
    height: 100%;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 20px;
}

#map-employees {
    height: 100%;
    border-radius: 20px;
}

.emp-checkboxes {
    gap: 20px;
    justify-content: center;
}

.emp-contact-box {
    border: 1px solid #e3ecf3;
    border-radius: 6px;
    max-width: 270px !important;
    min-width: 270px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    height: auto !important;
}

.emp-contact-split {
    gap: 20px;
    padding-left: 10px;
}

.emp-contact-split {
    flex-wrap: wrap;
}

.emp-checkboxes > div > * {
    vertical-align: middle;
}

.emp-checkboxes > div > label {
    position: relative;
    top: 3px;
    margin-left: 5px;
}

.module-employees .details-body .task-split .split-row .profile-image {
    position: absolute;
    width: 63px;
    height: 63px;
    left: calc(50% - 32px);
    top: 53px;
    border-radius: 100px;
    background-size: cover;
    background-position: center;
    box-shadow: rgb(213, 213, 213) 0px 1px 4px;
}

    .module-employees .details-body .task-split .split-row .profile-image::before {
        content: '';
        display: block;
        width: 35px;
        height: 10px;
        position: absolute;
        left: 14px;
        top: -11px;
        background: white;
    }

.module-employees .details-body:not(.small-width) .task-split > .split-row:first-child > .fields:first-child {
    padding-right: 80px;
    border-right: 1px solid #e3ecf3;
    padding-left: 60px;
}

.module-employees .details-body:not(.small-width) .task-split > .split-row:first-child > .fields:last-child {
    padding-left: 80px;
    padding-right: 60px;
}

.task-split.full-height {
    height: 100%;
}

.split-row > .emp-big-pad {
    min-width: 50%;
    max-width: 50%;
}

.split-row.single > .emp-big-pad {
    min-width: 100%;
    max-width: 100%;
}

.split-row > .emp-big-pad:first-child {
    padding-top: 18px;
}

.split-row > .emp-big-pad:last-child .task-header:hover {
    background: white;
    cursor: default;
}

.split-row > .emp-big-pad:last-child .fields {
    padding-left: 15px !important;
}

.task-name.emp-pad-no-icon {
    margin-left: 6px;
}

.fields.no-pad {
    padding-left: 0px !important;
    padding-right: 40px !important;
    height: calc(100% - 140px);
}

    .fields.no-pad.right {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

.files-docs.emp-module {
    padding: 15px;
}

    .files-docs.emp-module .file-preview-overlay {
        top: 90px;
        height: calc(100% - 90px);
    }

    .files-docs.emp-module.no-preview-top-space .file-preview-overlay {
        top: 0px;
        height: calc(100%);
    }

.emp-box-column {
    display: flex;
    flex-direction: column;
}

    .emp-box-column.hours-less-width {
        max-width: 300px !important;
        min-width: 300px !important;
    }

.split-row.emp-pad, .emp-pad {
    padding: 10px;
}

.emp-big-pad {
    padding: 20px;
    padding-top: 0px;
    position: relative;
}

.emp-ver-line {
    position: absolute;
    left: 0px;
    top: 10px;
    height: calc(100% - 20px);
    background: #e3ecf3;
    width: 1px;
}

.emp-big-pad .task-header.no-border {
    border-top: 0 !important;
}

.emp-big-pad .task-header .icon-close.emp-task {
    right: 25px;
    top: 5px;
}

.emp-full-height {
    height: 100%;
}

.emp-fields-inline {
    display: flex;
    gap: 10px;
    margin-bottom: 5px;
    position: relative;
}

.emp-inline-profile {
    width: 60px;
    height: 60px;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin-bottom: 10px;
}

.emp-info-box input {
    padding-left: 0px;
}

.emp-fields-inline.hoverable {
    cursor: pointer;
}

    .emp-fields-inline.hoverable input {
        cursor: pointer;
    }

    .emp-fields-inline.hoverable:hover {
        background-color: #EDF8FF;
    }

.emp-fields-inline > * {
    flex-grow: 1;
    min-width: calc(33% - 7px);
    max-width: calc(33% - 7px);
}

.emp-fields-inline.with-icon > * {
    min-width: calc(33% - 13px);
    max-width: calc(33% - 13px);
}

    .emp-fields-inline.with-icon > *:first-child {
        min-width: 20px;
        max-width: 20px;
        position: relative;
        top: 8px;
    }

.split-row.emp-pad {
    gap: 20px;
}

    .split-row.emp-pad.bigger-gap {
        gap: 40px;
    }

    .split-row.emp-pad > * {
        flex-grow: 1;
        min-width: calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
    }
    
    .split-row.emp-pad > *.m-60 {
        flex-grow: 1;
        min-width: calc(60% - 10px) !important;
        max-width: calc(60% - 10px) !important;
    }

    .split-row.emp-pad > *.m-40 {
        flex-grow: 1;
        min-width: calc(40% - 10px) !important;
        max-width: calc(40% - 10px) !important;
    }

    .split-row.emp-pad.bigger-gap > * {
        flex-grow: 1;
        min-width: calc(50% - 20px) !important;
        max-width: calc(50% - 20px) !important;
    }


    .split-row.emp-pad.emp-hours-columns > * {
        min-width: auto !important;
        max-width: 100% !important;
    }

        .split-row.emp-pad.emp-hours-columns > *:first-child {
            flex-grow: 1;
            min-width: 250px !important;
            max-width: 250px !important;
        }



.emp-info-box {
    flex-grow: 1;
    min-width: 100%;
    margin-bottom: 10px;
}

.emp-box-column .single-child {
    height: 100%;
    overflow: auto;
}

.emp-info-box .emp-title {
    background: #f6f8fa;
    border: 1px solid #ecf2f7;
    border-radius: 5px;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-family: 'Outfit Medium';
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.emp-info-box .emp-body {
    padding: 10px;
    border: 1px solid #ecf2f7;
    border-top: 0;
    height: calc(100% - 24px);
    min-height: 100px;
}

.emp-body .emp-info-box .emp-body {
    min-height: 0px;
}

.emp-centered-fields {
    display: flex;
    width: 100%;
}

    .emp-centered-fields.inline {
        display: flex;
        margin: 0 auto;
        width: 700px;
        align-items: center;
    }

    .emp-centered-fields > * {
        flex-grow: 1;
        min-width: 50%;
        max-width: 50%;
    }

    .emp-centered-fields.three > * {
        flex-grow: 1;
        min-width: 33%;
        max-width: 33%;
    }

.text-right {
    text-align: right;
}

.emp-centered-fields .emp-f-label {
    text-align: right;
    padding-right: 5px;
}

    .emp-centered-fields .emp-f-label.middle {
        text-align: center;
    }

    .emp-centered-fields .emp-f-label .loading-placeholder {
        display: inline-block;
    }

.emp-centered-fields .emp-f-value {
    color: #2c2c2c;
    padding-left: 5px;
    text-align: left;
}

.emp-calendar-days .emp-centered-fields .emp-f-label {
    text-align: left;
}

.emp-calendar-days .emp-centered-fields {
    padding: 2px 5px;
    border: 1px solid transparent;
    cursor: pointer;
}

    .emp-calendar-days .emp-centered-fields.active {
        border: 1px solid #008AD1;
        border-radius: 5px;
    }

    .emp-calendar-days .emp-centered-fields .emp-f-value {
        padding-left: 10px;
    }

.emp-body .loading-placeholder {
    margin-bottom: 10px;
}


.icon-military {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 18px;
    background-image: url('images/icon-military.svg');
}

.icon-holiday {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 18px;
    background-image: url('images/icon-holiday.svg');
}

.icon-maternity {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 18px;
    background-image: url('images/icon-maternity.svg');
}

.icon-sickness {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 18px;
    background-image: url('images/icon-sickness.svg');
}

.icon-info {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url('images/info-circle.svg');
    position: relative;
    top: 2px;
    left: 2px;
}

.sorba-dropdown .icon-military, .sorba-dropdown .icon-holiday,
.sorba-dropdown .icon-maternity, .sorba-dropdown .icon-sickness {
    position: relative;
    top: 5px;
    margin-right: 10px;
}

.sorba-dropdown-items .icon-military, .sorba-dropdown-items .icon-holiday,
.sorba-dropdown-items .icon-maternity, .sorba-dropdown-items .icon-sickness {
    vertical-align: middle;
    margin-right: 5px;
}

.sorba-dropdown.icon-pad {
    display: inline-block;
    padding-left: 25px;
}

.sorba-dropdown.icon-pad {
    padding-left: 25px;
}

.sorba-dropdown-items .item.icon-pad {
    padding-left: 25px;
}

.emp-pills {
    display: flex;
    max-width: 250px;
}

    .emp-pills > * {
        flex-grow: 1;
    }

    .emp-pills .pill {
        border: 1px solid #E3ECF3;
        color: #495d70;
        font-family: 'Outfit';
        padding-left: 6px;
        cursor: pointer;
        height: 25px;
        line-height: 23px;
        padding-right: 6px;
        min-width: 100px;
        max-width: 100px;
        text-align: center;
    }

        .emp-pills .pill:first-child {
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
        }

        .emp-pills .pill:last-child {
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
        }

        .emp-pills .pill:not(.active):not(.non-hover):hover {
            background-color: #EDF8FF;
            border: 1px solid transparent;
        }

        .emp-pills .pill.active {
            background-color: #EDF8FF;
        }

.activity-emp-icon {
    display: block;
    width: 25px;
    height: 25px;
    min-width: 0px !important;
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    background-image: url(/css/images/clipboard-notes.svg);
    position: absolute;
    background-color: #1d89d2;
    border-radius: 100%;
    right: 5px;
    top: 5px;
    opacity: 0.8;
    z-index: 99999;
}

    .activity-emp-icon:hover {
        opacity: 1;
    }

    .emp-cal-wrap input {
        border: 1px solid #d2e1ea;
        color: #495d70;
        max-width: 200px;
        min-width: 200px;
        text-align: center;
    }

.emp-cal-wrap .right-aligned {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 5px;
}

.emp-cal-wrap .left-aligned {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.jcalendar-inline {
    border: 1px solid #d2e1ea !important;
    border-radius: 5px !important;
    margin-bottom: 10px;
}

.emp-cal-wrap .left-aligned {
    position: relative;
}

    .emp-cal-wrap .left-aligned .emp-to-label {
        position: absolute;
        left: -30px;
        top: 0px;
        color: #495d70;
    }

.emp-details {
    border-radius: 5px;
    padding: 10px;
    padding-left: 40px;
    background-color: #f6f8fa;
}

    .emp-details .regular {
        display: block;
        color: #2c2c2c;
    }

    .emp-details label {
        margin-bottom: 0px;
    }

    .emp-details .emp-fields-inline {
        gap: 30px;
    }

        .emp-details .emp-fields-inline > * {
            flex-shrink: 1;
            flex-grow: 0;
            max-width: unset;
            min-width: unset;
        }

.emp-pad.notes {
    min-height: calc(100% - 470px);
    max-height: calc(100% - 470px);
}

    .emp-pad.notes textarea {
        background: #f6f8fa;
        border-radius: 5px;
        border: 0;
        height: calc(100% - 40px);
    }

.emp-doc-wrap {
    position: relative;
    width: 100%;
    height: 120px;
}

.emp-short-docs {
    max-height: 100px;
    padding-top: 5px;
}

.emp-doc-wrap .drop-zone.emp-drop {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    left: unset;
    width: 100px;
    padding-top: 12px;
    display: none;
}

    .emp-doc-wrap .drop-zone.emp-drop.hovered {
        background-color: #e3ecf3;
    }

    .emp-doc-wrap .drop-zone.emp-drop .icon-plus {
        display: none;
    }


    .emp-doc-wrap .drop-zone.emp-drop.visible {
        display: block;
    }

.jcalendar-controls {
    padding: 0 !important;
}

.jcalendar-table > table > tbody > tr {
    height: 28px !important;
}

.jcalendar-table > table > tbody td {
    padding-bottom: 2px;
    padding-top: 2px;
}

.new-entity-button.emp-absence {
    background-color: #008AD1;
    color: white;
    background-image: url('/css/images/plus_white.svg');
}

.new-entity-button.emp-edit-small {
    background-color: #008AD1;
    color: white;
    background-image: url('/css/images/icon-edit-white.svg');
}

.new-entity-group {
    display: flex;
    gap: 10px;
    position: absolute;
    position: absolute;
    right: 15px;
    top: 5px;
}

.new-entity-group > .new-entity-button {
    position: relative !important;
    left: unset !important;
    right: unset !important;
    top: unset !important;
}

.emp-f-value > .emp-edit-small {
    position: absolute;
    left: 45px;
    width: 65px;
    top: -1px;
}

.new-entity-button.emp-send-report {
    right: 140px;
    background-image: url('/css/images/icon-arrow-up-white.svg');
}

.new-entity-button.emp-delete-report {
    right: 70px;
    background-image: url('/css/images/icon-delete-white.svg');
}

.emp-short-docs {
    flex-direction: row !important;
    justify-items: left;
    align-items: start;
    padding-left: 12px;
}

.task-header .new-entity-button {
    top: 3px;
}

.emp-fields-inline .field.error {
    color: red;
}

.task-header.emp-inline-header {
    border-top: 0;
    padding-left: 32px;
}

.emp-assignee-pic {
    background-image: url(data:image/png;base64,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);
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 10px;
    vertical-align: middle;
}

.emp-task-header {
    margin-left: 40px;
}

.task-header .icon-close.emp-task {
    position: absolute;
    right: 15px;
    top: 3px;
}

.emp-task-header .emp-title {
    vertical-align: middle;
    font-size: 20px;
    display: inline-block;
    font-family: 'Outfit Medium';
}

.emp-days-line {
    position: relative;
}

    .emp-days-line .emp-time-indicator {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 12px !important;
        min-width: 0px;
        height: 12px;
        display: block;
        background: #ff9d18;
        border-radius: 100%;
        opacity: 0.8;
    }

    .emp-days-line .emp-pending-time, .emp-f-value.emp-pending-time {
        color: #ff9d18;
    }

.emp-year-bar {
    background: #f6f8fa;
    display: flex;
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-top: 15px;
    border-radius: 5px;
}

    .emp-year-bar.emp-absences {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .emp-year-bar .item {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 6px;
        padding-bottom: 3px;
        cursor: pointer;
    }

        .emp-year-bar .item:hover {
            border-bottom: 2px solid #ff9d188f;
        }

        .emp-year-bar .item.active {
            border-bottom: 2px solid #ff9d18;
        }

    .emp-year-bar.with-months {
        flex-direction: column;
        gap: 10px;
        background-color: white;
    }

    .emp-year-bar .year-part, .emp-year-bar .month-part {
        display: flex;
        gap: 10px;
        border-radius: 5px;
        background: #f6f8fa;
    }

.emp-title {
    position: relative;
}

    .emp-title .control-left {
        position: absolute;
        width: 20px;
        height: 20px;
        left: 5px;
        top: 1px;
        background-size: 100%;
        background-image: url('/css/images/icon-arrow-left.svg');
        background-repeat: no-repeat;
        background-position: center;
    }

    .emp-title .control-right {
        position: absolute;
        right: 5px;
        top: 1px;
        width: 20px;
        height: 20px;
        background-size: 100%;
        background-image: url('/css/images/icon-arrow-right.svg');
        background-repeat: no-repeat;
        background-position: center;
    }

    .emp-title .control-right, .emp-title .control-left {
        opacity: 0.8;
        cursor: pointer;
    }

        .emp-title .control-right:hover, .emp-title .control-left:hover {
            opacity: 1;
        }



.row-add {
    padding-top: 2px !important;
    padding-bottom: 0px !important;
}

    .row-add .icon-plus {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(/css/images/icon-plus-new.svg);
        background-position: center;
        background-size: 100%;
    }

    .row-add:hover {
        cursor: pointer;
        background-color: #EDF8FF;
    }

.emp-hide-select {
    border: 0;
    outline: 0;
    width: 100%;
}

.emp-masked {
    position: relative;
}

    .emp-masked .masked-input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: white;
        padding: 2px 5px;
        pointer-events: none;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .emp-masked .sorba-dropdown-wrapper {
        min-width: 50px;
    }

        .emp-masked .sorba-dropdown-wrapper .sorba-dropdown {
            background: none;
            border: 0;
        }

.inline-fields.profile-title {
    gap: 10px;
    align-items: center;
}

    .inline-fields.profile-title > *:first-child {
        min-width: 60px;
        max-width: 60px;
    }

    .inline-fields.profile-title .large-title {
        color: #495d70;
        font-size: 20px;
    }

.fields.emp-fields-auto-height {
    height: auto;
    border-bottom: 1px solid #E3ECF3;
}

.task-header .icon-only {
    position: absolute;
    right: 45px;
    top: 6px;
    background-repeat: no-repeat;
    background-size: 18px;
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    opacity: 0.75;
}

    .task-header .icon-only:hover {
        opacity: 1;
    }


.loading-placeholder.block.emp-cd {
    width: 204px;
    height: 204px;
    margin-right: 10px;
}

.jcalendar-set-day.highlight-range {
    background: #EDF8FF;
}

.jcalendar-set-day.highlight-selected {
    background: #d5efff;
}

input.force-selected {
    border-color: #ff9d18;
}

.emp-toolbar {
    display: flex;
    gap: 10px;
}

.emp-white-btn, .emp-white-input {
    background: white;
    border: 1px solid #d1d9e0;
    color: #222222;
    padding: 2px 4px;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'Outfit Medium';
    font-size: 12px;
}

.emp-arrow-left {
    background-image: url('/css/images/icon-arrow-left.svg');
    background-size: 100%;
    display: inline-block;
    width: 16px;
    height: 12px;
}

.emp-arrow-right {
    background-image: url('/css/images/icon-arrow-right.svg');
    background-size: 100%;
    display: inline-block;
    width: 16px;
    height: 12px;
}

.emp-white-btn.active {
    background-color: #d9d9da;
}

.emp-schedule-wrap {
    display: flex;
    flex-direction: row;
    gap: 0px;
    border: 1px solid #E3ECF3;
    overflow: auto;
}

.emp-schedule-month-view {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.emp-schedule-month-row {
    display: flex;
    border-bottom: 1px solid #E3ECF3;
}

.emp-schedule-wrap .emp-schedule-day {
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.emp-schedule-day > * {
}

.emp-schedule-row {
    display: flex;
}

    .emp-schedule-row:not(.second) > *:first-child {
        border-right: 1px solid #E3ECF3;
        max-width: 80px;
        border-bottom: 0px solid #E3ECF3;
    }

    .emp-schedule-row > * {
        flex-grow: 1;
    }

    .emp-schedule-row .emp-half-border-top {
        display: inline-block;
        width: 40px;
        border-top: 1px solid #E3ECF3;
        margin-left: 40px;
        position: absolute;
        top: 0px;
        right: 0px;
    }

.emp-header-cell {
    font-size: 16px;
    font-family: 'Outfit Medium';
    padding-left: 80px;
    background-color: #edf8ff;
    min-width: 300px;
    overflow: hidden;
}

    .emp-header-cell.second {
        padding-left: 0px;
        min-width: 250px;
    }

.emp-schedule-row .emp-time-cell {
    font-size: 16px;
    font-weight: 500;
    color: #222222;
    text-align: right;
    padding-right: 8px;
    padding-top: 5px;
    position: relative;
}

.emp-appointment-cell {
    display: flex;
    gap: 5px;
}

    .emp-appointment-cell > * {
        flex: 1;
        min-height: 29px;
        border-right: 1px solid #E3ECF3;
    }

        .emp-appointment-cell > *:not(.emp-appointment) {
            border-left: 15px solid transparent;
            border-bottom: 1px solid #E3ECF3
        }

.emp-time-cell.first {
    border-bottom: 0;
}

.emp-grouped-btns {
    display: inline-flex;
}

    .emp-grouped-btns > *:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .emp-grouped-btns > *:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .emp-grouped-btns > *:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.emp-limit-width {
    max-width: 80%;
    margin-left: 10%;
}

.emp-side-borders {
    border-left: 1px solid #E3ECF3;
    border-right: 1px solid #E3ECF3;
    border-top: 1px solid #E3ECF3;
    padding-top: 10px !important;
}

    .emp-side-borders > *:last-child .emp-toolbar {
        display: flex;
        justify-content: end;
    }

.emp-appointment {
    padding: 5px;
    position: relative;
    background-color: #73c280;
    color: white;
    border-left: 5px solid #f07d22;
    border-bottom: 1px solid #E3ECF3;
}

    .emp-appointment strong {
        font-size: 14px;
        position: absolute;
    }

    .emp-appointment span {
        position: absolute;
        top: 22px;
        z-index: 999;
    }

    .emp-appointment.no-bot, .emp-appointment.no-both {
        border-bottom: 0;
    }

        .emp-appointment.no-top strong, .emp-appointment.no-both strong, .emp-appointment.no-top span, .emp-appointment.no-both span {
            display: none;
        }

.fixed-menus.emp-top-pad-fix {
    padding-top: 6px;
}

.emp-pad-top-1 {
    padding-top: 1rem !important;
}

.details-body .task-header.emp-split-task img {
    position: relative;
    left: 5px;
    top: 0px;
    z-index: 0;
}

.emp-emergency-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
}

.split-row.emp-pad.bigger-gap.emp-hours {
    gap: 0 !important;
}

    .split-row.emp-pad.bigger-gap.emp-hours > * {
        min-width: calc(50%) !important;
        max-width: calc(50%) !important;
    }

.field.required .sorba-grid td, .field.required .sorba-grid th {
    border-color: #FF8D8D !important;
}

input.pr-40 {
    padding-right: 40px;
}

@media(max-width: 1000px) {
    .emp-limit-width {
        max-width: 95%;
        margin-left: 2%;
    }
}

/* Appointment Popup Styles */
.emp-appointment-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.emp-appointment-popup {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    min-width: 350px;
    max-width: 500px;
    overflow: hidden;
}

.emp-popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background-color: #73c280;
    color: #fff;
}

.emp-popup-title {
    font-weight: 600;
    font-size: 16px;
}

.emp-popup-header .icon-close {
    cursor: pointer;
    font-size: 18px;
    opacity: 0.8;
    transition: opacity 0.2s;
}

.emp-popup-header .icon-close:hover {
    opacity: 1;
}

.emp-popup-body {
    padding: 20px;
}

.emp-popup-field {
    margin-bottom: 15px;
}

.emp-popup-field:last-child {
    margin-bottom: 0;
}

.emp-popup-field label {
    display: block;
    font-size: 12px;
    color: #666;
    margin-bottom: 4px;
    font-weight: 500;
}

.emp-popup-field span {
    display: block;
    font-size: 14px;
    color: #333;
}

.emp-appointment {
    cursor: pointer;
}

.emp-appointment:hover {
    filter: brightness(0.95);
}
