#jt-app-card {
    border-radius: 8px !important;
}

.cursor-pointer {
    cursor: pointer;
}

.multi-select .rotate-180 {
    transform: rotate(180deg);
}

.multi-select .dropdown-item:hover {
    background-color: #f8f9fa;
}


#search-switch-container button {
    border-radius: 5px;
}

#search-switch-container button:not(.switch-active) {
    border-width: 1.75px;
    border-color: #E4E6EF;
}

#search-switch-container button:not(.switch-active):hover {
    color: #ffffff !important;
}


.results-filter-tab .filter-tab {
    cursor: pointer;
}

.results-filter-tab .filter-tab.active {
    border-bottom: 2px solid var(--primary);
    color: var(--primary);
}

#job-search-result-table thead th {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-weight: 500 !important;
    vertical-align: middle !important;
}

.text-overflow-ellipses {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#job-search-result-table tbody td {
    vertical-align: middle !important;
}

.skeleton-line {
    background: linear-gradient(90deg, #e9ecef 25%, #f8f9fa 50%, #e9ecef 75%);
    background-size: 200% 100%;
    animation: skeleton-shimmer 1.4s infinite;
    border-radius: 4px;
    height: 14px;
    display: inline-block;
}

@keyframes skeleton-shimmer {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: -200% 0;
    }
}

.spinner-border-xs {
    width: .875rem;
    height: .875rem;
    border-width: 0.2em;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.f-width-125px {
    width: 125px !important;
}

.actions-container {
    display: flex;
    gap: .25rem;
}

.button-dropdown-menu {
    z-index: 1055;
    overflow-y: auto;
    border-radius: 4px;
}

.gap-1 {
    gap: .25rem !important;
}

.gap-2 {
    gap: .5rem !important;
}

/*.search-item-job-title:hover {
    color: var(--primary)
}*/

.daterangepicker .monthselect, .daterangepicker .yearselect {
    background-color: #fff;
    border: 1px solid #e4e6ef;
    border-radius: 5px;
}

#job-site-search-result-table thead th {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-weight: 500 !important;
    vertical-align: middle !important;
}
#job-site-search-result-table tbody td {
    vertical-align: middle !important;
}


.slide-from-right .modal-dialog {
    transform: translateX(50px) !important;
}

.slide-from-right.show .modal-dialog {
    transform: none !important;
}

.rotate-180 {
    transform: rotate(180deg);
}

.base-tooltip-content {
    padding: .5rem !important;
}

.btn-focus-shadow-none {
    box-shadow: none !important;
}

.opacity-75 {
    opacity: 0.75 !important;
}

.border-radius-4px {
    border-radius: 4px !important;
}

.hover-bg-blue-20:hover {
    background-color: var(--blue-20) !important;
}

.status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

#vs-questionnaire-table tbody tr td {
    vertical-align: middle !important;
}

.py-2px {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

.px-6px {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

tr.no-hover:hover {
    background-color: #fff !important;
}

.border-gray {
    border-color: var(--gray) !important;
}