@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    font-family: "Poppins", sans-serif !important;
}

input:disabled, button:disabled{
    cursor: not-allowed;
    opacity: 0.6;
}

.primary-button-op-100 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 10px !important;
    padding: 0.5rem 1.2rem;
    border: none;
    color: white;
    background-color: rgb(69, 0, 180);
}

.primary-button-danger {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 10px !important;
    padding: 0.5rem 1.2rem;
    border: none;
    color: white;
    background-color: red;
}

.secondary-button-op-100 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-radius: 10px !important;
    padding: 0.5rem 1.2rem;
    border: none;
    color: #0B2F9F;
    background: #fff;
    border: 1px solid #0B2F9F;
}

.primary-button-danger:hover {
    color: white;
}

.form-grid-view {
    display: grid;
    grid-template-columns: auto auto auto auto !important;
    gap: 15px;
}



/* ICON Buttons */
.primary-button-op-100-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px !important;
    height: 2.5rem;
    width: 2.5rem;
    border: none;
    color: white;
    background-color: rgb(69, 0, 180);
}

.primary-button-danger-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px !important;
    height: 2.5rem;
    width: 2.5rem;
    border: none;
    color: white;
    background-color: red;
}

.secondary-button-op-100-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px !important;
    height: 2.5rem;
    width: 2.5rem;
    border: none;
    color: black;
    background-color: rgb(219, 219, 219);
}

.primary-button-danger-icon:hover {
    color: white;
}


.primary-button-op-100:hover,
.primary-button-op-100-icon:hover {
    color: white;
}



/* Table & Stylings */
.candidate-grid-items-table thead tr {}

.candidate-grid-items-table th,
.candidate-grid-items-table td {}


.text-primary-color {
    color: rgb(69, 0, 180) !important;
}





/* Text Transfroms */
.text-capitalize {
    text-transform: capitalize;
}





/* Force Customizations */
.dataTables_length,
.dataTables_filter {
    margin-bottom: 20px;
}

.dataTables_filter input[type="search"] {
    border-radius: 100px !important;
}

.dataTables_filter,
.dataTables_paginate .pagination {
    text-align: right;
    display: flex;
    justify-content: end;
}

.dataTables_paginate .pagination,
.dataTables_info {
    margin-top: 20px;
}

.dataTables_length select,
.dataTables_filter input[type="search"] {
    padding: 0.4rem !important;
    min-height: fit-content !important;
}


button:disabled {
    cursor: not-allowed;
}










.common-icon-link-plain {
    height: 25px;
    width: 25px;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 100px !important;
    border: none !important;
}

.common-icon-link-plain:hover {
    background-color: rgb(226, 208, 255) !important;
}

.common-icon-link-danger:hover {
    background-color: hsl(0, 100%, 88%) !important;
    color: red;
}



/* Style the highlighted search term */
.highlight-search-content {
    background-color: rgb(69, 0, 180);
    /* You can change this color to whatever you like */
    font-weight: 400;
    color: white;
    /* Ensure the text remains visible */
    padding: 0 2px;
}


/* Remove the colon from the search label */
.dataTables_filter label {
    display: inline-block;
    margin-right: 5px;
}

/* Make sure no colon is added */
.dataTables_filter label::after {
    content: '' !important;
    /* Remove the default colon */
}


/* Optionally, style the label text */
.dataTables_filter label {
    font-weight: 400;
    color: white;
    /* Custom text color */
}

.dataTables_filter input::placeholder {
    content: "Search From Candidates";
}


#datatable td a {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ensure icons have proper display */
#datatable td a svg {
    display: inline-block !important;
    visibility: visible !important;
}

/* Fix for possible DataTable styles hiding links */
table.dataTable td {
    padding: 10px !important;
    overflow: visible !important;
}

/* For mobile view, ensure links/icons are still visible */
@media (max-width: 768px) {
    #datatable td {
        white-space: nowrap;
    }
}



/* Table common used Customized */
.table-common-used-customized{
    border: none !important;
}
.table-common-used-customized th,
.table-common-used-customized td {
    /* min-width: 180px !important; */
    padding: 8px 10px !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid rgb(229, 212, 255);
}

.table-common-used-customized th {
    font-weight: 400;
    background-color: rgb(69, 0, 180);
    color: white;
    border-color: rgb(69, 0, 180);
}




.green-status-badge {
    color: rgb(0, 161, 0);
}

.red-status-badge {
    color: red;
}



.main-side-bar{
    transition: all 0.3s ease-in-out;
}

.sidebar-list-item-main{
    /* display: inline; */
    margin-left: -12px !important;
}