.custom-ajax-loader-wrapp{
    display: none;
}
.custom-ajax-loader{
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
}

#data_table_wrapper #data_table_filter input{
    background-color: #eef3f7;
    border-color: #e9e9e9;
    border-radius: 3px;
    outline: none;
}

table.dataTable tbody tr {
    background-color: transparent !important;
}
.w-33 {
    width: 33% !important;
}
.help-icon {
    height: 17px;
    width: 17px;
}

/*Provider directory or policy search form*/

#carrier_index {
    position: -webkit-fixed; /* For Safari */
    position: fixed;
    top: 20%; /* Keeps it vertically in the same place within the card */
    left: 10%; /* Start with 0 to stick to the left edge of the card container */
    margin-left: 10px;
    z-index: 1000;
    width: 30px;
    max-height: 80%;
    overflow-y: auto;
}

.extra-carriers li {
    position: relative;
    padding-left: 10px;
    color: black;
    line-height: 1.2; 

}

.extra-carriers li::before {
    content: '•'; 
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: black;
    font-size: 16px;
}

.sub-item {
    margin-top: 3px;
    margin-bottom: 3px;
    font-size: 11px;
}
.list {    
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Creates two columns of equal width */
    row-gap: 30px; /* Adjust the gap between items as needed */
    column-gap: 30px;
    z-index: 1;
}
.list-item {
    transition: background-color 0.3s;
    border-radius: 5px;
    position: relative;  /* Required for absolute positioning of the pseudo-element */
    overflow: hidden;   
    min-height: 315px;
}
.list-item p {
    color: black;          /* Set text color to black */
    transition: none;      /* Remove any transition effects if previously set */
}

.list-item p:hover {
    color: black;          /* Ensure text remains black even on hover */
}
.list-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.1); /* Adjust the color and opacity as needed */
    opacity: 0;          /* Start fully transparent */
    transition: opacity 0.3s ease; /* Smooth transition for the hover effect */
    pointer-events: none;
}
.list-item:hover::after {
    opacity: 1;  /* Fully visible (as per the background-color opacity) on hover */
}
.list-item .provider_logo_wrapp{
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: center;
}
.list-item .provider_logo_wrapp img{
    width: 85%;
    height: 100%;
    object-fit: contain;
}
.provider_logo_wrapp_pay_summary{
    width: 20%;
    height: 150px;
    display: flex;
}
.provider_logo_wrapp_pay_summary img{
    width: 85%;
    height: 100%;
    object-fit: contain;
}
.list-item a:hover {
    cursor: pointer;
}
.item-font {
    font-size: 12px;
}
.arrow-icon {
    width: 20px;
    height: auto;
}

/*provider notes*/
.provider_notes_note p{
    margin: 0px;
}
.provider_notes_policy p{
    display:       inline !important;
    margin:        0 !important;
    padding:       0 !important;
    white-space:   normal !important;
    word-wrap:     break-word !important;
    
}
.provider_notes_policy_type p{
    display:       inline !important;
    margin:        0 !important;
    padding:       0 !important;
    white-space:   normal !important;
    word-wrap:     break-word !important;
    
}
.provider_notes_zip p{
    display:       inline !important;
    margin:        0 !important;
    padding:       0 !important;
    white-space:   normal !important;
    word-wrap:     break-word !important;
    
}
.provider_notes_date p{
    display:       inline !important;
    margin:        0 !important;
    padding:       0 !important;
    white-space:   normal !important;
    word-wrap:     break-word !important;
    
}
.provider_notes_alt_type p{
    display:       inline !important;
    margin:        0 !important;
    padding:       0 !important;
    white-space:   normal !important;
    word-wrap:     break-word !important;
    
}
.provider_notes_policy_number p{
    display:       inline !important;
    margin:        0 !important;
    padding:       0 !important;
    white-space:   normal !important;
    word-wrap:     break-word !important;
    
}
.provider_notes_full_name p{
    display:       inline !important;
    margin:        0 !important;
    padding:       0 !important;
    white-space:   normal !important;
    word-wrap:     break-word !important;
    
}
.provider_notes_first_name p{
    display:       inline !important;
    margin:        0 !important;
    padding:       0 !important;
    white-space:   normal !important;
    word-wrap:     break-word !important;
    
}
.provider_notes_last_name p{
    display:       inline !important;
    margin:        0 !important;
    padding:       0 !important;
    white-space:   normal !important;
    word-wrap:     break-word !important;
    
}
.provider_notes_alt_zip p{
    display:       inline !important;
    margin:        0 !important;
    padding:       0 !important;
    white-space:   normal !important;
    word-wrap:     break-word !important;
    
}

/*Demotech Ratings*/
.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
}
.white-box {
    top: 25px;
    left: 0;
    padding: 10px;
    z-index: 100;
    background: white;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    width: 450px;
    border-radius: 10px;
}
.arrow-icon {
    cursor: pointer;
    margin-left: 10px;
    width: 15px;
    height: auto;
    transition: transform 0.3s ease;
    display: inline-block;
}
.new-tab-icon {
    width: 15px;
    height: auto;
    margin-bottom: 5px;
    cursor: pointer;
}
.rotated {
    transform: rotate(180deg);
}

/*alert*/

@font-face {
    font-family: keenicons-duotone;
    src: url(fonts/keenicons-duotone.eot);
    src: url(fonts/keenicons-duotone.eot) format("embedded-opentype"),url(fonts/keenicons-duotone.ttf) format("truetype"),url(fonts/keenicons-duotone.woff) format("woff"),url(fonts/keenicons-duotone.svg) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}
.ki-message-text-2 .path1:before {
    content: "\ed2a";
    opacity: .3;
}
.ki-message-text-2 .path2:before {
    content: "\ed2b";
    position: absolute;
    left: 0;
}
.ki-message-text-2 .path3:before {
    content: "\ed2c";
    position: absolute;
    left: 0;
}
.ki-cross .path1:before {
    content: "\eb10";
}
.ki-cross .path2:before {
    content: "\eb11";
    position: absolute;
    left: 0;
    opacity: .3;
}
.ki-search-list .path1:before {
    content: "\ee35";
    opacity: .3;
}
.ki-search-list .path2:before {
    content: "\ee36";
    position: absolute;
    left: 0;
}
.ki-search-list .path3:before {
    content: "\ee37";
    position: absolute;
    left: 0;
}
.ki-duotone {
    font-family: keenicons-duotone!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-flex;
    direction: ltr;
    position: relative;
    display: inline-flex;
    direction: ltr;
    position: relative;
    display: inline-flex;
    direction: ltr;
    position: relative;
    display: inline-flex;
    direction: ltr;
    position: relative;
    display: inline-flex;
    direction: ltr;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.user_menu_dropdown{
    transform: translate(30px, -75px) !important;
    z-index: 1000 !important;
    position: fixed !important; 
}
.notification_menu_dropdown{
    transform: translate(30px, -125px) !important;
    z-index: 1000 !important;
    position: fixed !important;
}

/* dark mode styles */


body.dark-mode .arrow-toggle p{
    color: white;
}

body.dark-mode .list-item {
    border: solid rgba(255, 255, 255, 0.3) 1px; /* Subtle border using semi-transparent white */
}

body.dark-mode .list-item::after {
    background-color: rgba(255, 255, 255, 0.1); /* Lighter overlay for dark mode */
}

body.dark-mode .list-item:hover::after {
    opacity: 1;  /* Fully visible (as per the background-color opacity) on hover */
}
body.dark-mode .sub-item {
    color: white;
}
body.dark-mode .extra-carriers li {
    color: white;
}

body.dark-mode .extra-carriers li::before {
    color: white;
}


img[src="assets/media/svg/circle-question-thin.svg"] {
    width: 17px !important;
    height: 17px !important;
}

/* icons in dark mode */
body.dark-mode .help-icon {
    filter: invert(1);
}
body.dark-mode .file-circle-info-light {
    filter: invert(1);
}

body.dark-mode .card-toolbar.rotate-180 img {
    filter: invert(1);
}

body.dark-mode img[src="assets/media/svg/circle-question-thin.svg"] {
    filter: invert(1);
}
body.dark-mode img[src="assets/media/svg/pen-circle-thin.svg"] {
    filter: invert(1);
}
body.dark-mode img[src="assets/media/svg/angle-down-thin.svg"] {
    filter: invert(1);
}
body.dark-mode img[src="assets/media/svg/arrow-right-long-light.svg"] {
    filter: invert(1);
}
body.dark-mode img[src="assets/media/svg/file-circle-info-light.svg"] {
    filter: invert(1);
}

.custom-alert {
    position: absolute;
    top: 120px; /* Adjust this value as needed */
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000; /* Ensure it's above other content */
    width: 100%;
    max-width: 500px; /* Adjust as per your design */
}
@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7);
    }
    50% {
        transform: scale(1.2);
        box-shadow: 0 0 0 10px rgba(220, 53, 69, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
    }
}

.pulse-animation {
    animation: pulse 1s ease-out;
    animation-iteration-count: 4;
}
.custom-nav-tabs .nav-link.active {
    background-color: rgb(114, 57, 234);  /* Active tab background */
    color: white;
    font-weight: bold;
}

.custom-nav-tabs .nav-link {
    background-color: #f8f9fa;  /* Inactive tab background */
    color: #007bff;  /* Text color for inactive tabs */
    transition: background-color 0.3s ease, color 0.3s ease;
}

.custom-nav-tabs .nav-link:not(.active):hover {
    background-color: #e2e6ea; /* Hover effect for inactive tabs */
    color: #0056b3; /* Darker blue on hover */
}