.modal-header .close {
    color: inherit;  /* Inherit the color from the modal title */
}

.card-header { 
    background-color:#0C4269;
    /* background-color:#07406d; SMARTfinder original */
    color: #FFFFFF;
}

.pac-container {
    z-index: 10000050;
}

.pac-item:hover {
    background-color: #498BCA;
    color: #FFFFFF;

    .pac-item-query {
        background-color: #498BCA;
        color: #FFFFFF;
    }
}

.paginatorpage {
    background-color: #498BCA;
    color: #FFFFFF;
}

.paginatorpage:hover {
    color: #FFFFFF !important;
    background-color: #3b70a2 !important;
}

.paginatorpageactive {
    background-color: #0C4269;
    color: #FFFFFF;
    cursor: default !important;
}

.paginatorpageactive:hover {
    color: #FFFFFF !important;
    
}



.paginatorpage.active {
    background-color: #498BCA;
    color: #FFFFFF;
}


.cookieconsentmodal {
    position:fixed;
    bottom:20px;
    right:0px;
    margin:0;
    transform: none;
}


.modal-header { 
    background-color:#0C4269;
    /* background-color:#07406d; SMARTfinder original */
    color: #FFFFFF;
}

.modal-close {
    background-color:#0C4269;
    /* background-color:#07406d; SMARTfinder original */
    color: #FFFFFF;
}

.meetinglistrow {
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px black solid;
}

.meetinglistwarningrow {
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #eed202;
    color: black;
    border-top: 1px black solid;
    border-bottom: 1px black solid;
}


.meetinglistheader {

    padding-top: 10px;
    padding-bottom: 10px;

    font-size: large;
    background-color: #0C4269;
    color: #FFFFFF;
}
.meetinglistcell {
    margin: 10px;
}

.navbar {
    background-color:#498BCA;
    color:#FFFFFF;
    /* background-color: #07406d; SMARTfinder original */
}

.navbar-brand, .navbar-brand:hover {
    color:#FFFFFF;    
    text-decoration: none;
}


.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");    
}

.meetinglisticon {
    color:#0C4269; 
}

.smartfinderprimary {
    color:#155b92; /* SMART official */
    /* color:#07406d; SMARTfinder original */
}

.smartofficialdarkblue {
    color:#155b92;
}

.smartofficialorange {
    color: #faa21b;
}

.smartofficialblue {
    color:#318dde;
}

.smartofficialbluebackground {
    background-color:#318dde;
}
/* This forces a pointer cursor for Boostrap dropdowns, and matches the hover with the navbar */
.dropdown-item:hover {  
    cursor: pointer;
    background-color: #0C4269;
    color: #FFFFFF;
}

.smartofficialred {
    color: #e94c38;
}

.color_accenticon_color {
    color: #FFFFFF;
}

.color_pageicon_color {
    color: #FAA21B;
}

.smartfindersecondary {
    color: #FFFFFF
}

.color_nationalbadge {
    background-color: #FAA21B !important;
    color: #FFFFFF;
}  

.color_regionalbadge {
    background-color: #287CA8 !important;
    color: #FFFFFF;
}    

.meeting_support_button {
    background-color: #FF0000;
    color: #FFFFFF !important;
}


.meeting_support_button:hover {
    background-color: #cc0000 !important;
}

.color_button_background {
    background-color: #498BCA !important;
}

.color_button_background:hover {
    background-color: #3b70a2 !important;
}


.color_button_text {
    color: #FFFFFF !important;
}

.smartfindersecondarybackground {
    background-color: orange;
}

.smartfindericons {
    color:#155b92; /* SMART official */
    /* color:#07406d;  SMARTfinder original */
}
.smartfinderprimarybackground {
  /*  background-color: #155b92; /* SMART official */ */
  background-color: #0C4269;
    /* background-color:#07406d;  SMARTfinder original */
}

.form-check {
    /* margin-left: 15px; */
    align-items: center;
    justify-content: center;
}

.form-check-input.is-valid~.form-check-label {
    color: black;
}

.color_nav_background {
    background-color: #498BCA;
}

.color_nav_text {
    color: #FFFFFF;
}

.color_accent_background {    
    background-color: #0C4269;
}

.color_accent_active {
    background-color: #498BCA;
}

.color_accent_text {
    color: #FFFFFF;
}
  
.nav-link {
    color: #FFFFFF!important;
}

.nav-link:hover {
    color: #FFFFFF!important;
}

.form-control {
    /* border-color: black!important;*/
    color: black;
    margin:5px;
}



.form-control.is-valid {
    border-color: gray!important;
    color:black;
    margin: 5px;
    background-image: none;
}


.form-control:focus {
   /* border-color: black!important; */
    color:black;
}

footer {
    background-color: rgba(245, 245, 245, 0.637);
}

.odd {
    background-color: #f5f5f5;
}

.even {
    background-color: white;
}

.txt-overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    
}

.national-meeting-detail {
    background-image: linear-gradient(to bottom left, white,#ffc321);
}

.regional-meeting-detail {
    background-image: linear-gradient(to bottom left, white,#3095ca);
}

/* Workaround a bug in crispy-forms not showing validation error from recaptcha */
.invalid-feedback {
    display: block;
}

/* highlight row backgrounds only on larger screens (specifically sm+ in Bootstrap) */
@media only screen and (min-width: 768px) {
    .odd:hover {
        background-color: #498BCA!important;
        background-image: linear-gradient(#498BCA, #498BCA);
        color: #FFFFFF!important;     
        cursor: pointer;
    }
    .odd:hover i {
        color: #FFFFFF!important;
    }
    /* .odd:hover img {
        filter: brightness(0) invert(1);
    } */
    .even:hover {
        background-color: #498BCA!important;
        background-image: linear-gradient(#498BCA, #498BCA);
        color: #FFFFFF!important;     
        cursor: pointer;
    }
    .even:hover i {
        color: #FFFFFF!important;
    }
/* 
    .even:hover img {
        filter: brightness(0) invert(1);
    }
 */


    .sticky-top {
        /* top: 55px; */
        top: 0px;
        z-index: 1020;
    }
    /* .meetingtypeicon {
        color: white!important;
    } */

}

.modal.fade {
    z-index: 10000000 !important;
}

.btn {
    white-space: normal;
}



.jumbotron {
    
    background-image: url("https://nyc3.digitaloceanspaces.com/pm-srau-space/media/settings/solid-color-image-e5f2f9.png");
    
    background-size: cover;
    color: #0C4269;
    border-radius: 0 !important;
}
.jumbotron a:link, .jumbotron a:hover, .jumbotron a:visited, .jumbotron a:active {
    color: inherit;
    text-decoration: underline;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
    font-family: Yantramanav, sans-serif;
}

h1, h3 {
    font-family: 'Josefin Sans', sans-serif !important;
}


.search-container {
    position: relative; /* Ensures dropdown aligns with the input */
    display: inline-block; /* Prevents full-width expansion */
    width: auto; /* Matches input width */
    padding: 0;

}

.suggestions-list {
    position: absolute;
    top: 100%; /* Positions directly below input */
    left: 0; /* Aligns to the left edge of the input */
    width: 100%; /* Adjust width dynamically */

    min-width: 100%; /* Ensures at least the width of the input */
    background: white;
    border: 1px solid #ccc;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: none; /* Initially hidden */

    z-index: 10000050; /* Ensures it appears above other content */

    border-radius: 4px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    font-size: 14px; /* Smaller font */
    white-space: nowrap; /* Prevents wrapping */
    overflow: hidden; /* Ensures no multi-line wrapping */
}

.suggestions-list li {
    padding: 6px 10px; /* Smaller padding for compact look */
    cursor: pointer;
    display: flex;
    align-items: center;
    overflow: hidden !important;
    mask-image: linear-gradient(to right, black 80%, transparent); /* Fade out effect */
    -webkit-mask-image: linear-gradient(to right, black 80%, transparent); /* Fade out effect for WebKit browsers */
    border-bottom: 1px solid #ddd; /* Thin gray line between results */
    background-color: white;
    color: black;

}

.suggestions-list li:hover {
    background-color: #498BCA;
    color: #FFFFFF;

    mask-image: linear-gradient(to right, black 100%, transparent); /* Fade out effect */
    -webkit-mask-image: linear-gradient(to right, black 100%, transparent); /* Fade out effect for WebKit browsers */
}

.pin-icon {
    font-size: 1em; /* Smaller icon */
    margin-right: 8px;
    color: darkgray;
    padding-left: -2px;
}

.suggestion-text {
    overflow: hidden !important;
    
    
    white-space: nowrap !important; /* Ensures it stays in a single line */
    /* flex: 1; /* Ensures text takes the remaining space */ */
    align-items: center;
}

.smaller-text {
    font-size: .8em; /* Adjust the font size as needed */
    display: inline-block; /* Ensures it stays on the same line */
    vertical-align: middle; /* Aligns with the middle of the text */
    margin-left: 3px; /* Adds space between the icon and text */

}

.suggestion-text strong {
    font-weight: bold;
    color: #000;
}