.card-header { 
    background-color:#155B92;
    /* background-color:#07406d; SMARTfinder original */
    color: #F4F4F2;
}

.modal-header { 
    background-color:#155B92;
    /* background-color:#07406d; SMARTfinder original */
    color: #F4F4F2;
}

.modal-close {
    background-color:#155B92;
    /* background-color:#07406d; SMARTfinder original */
    color: #F4F4F2;
}

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

.meetinglistheader {

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

    font-size: large;
    background-color: #155B92;
    color: #F4F4F2;
}
.meetinglistcell {
    margin: 10px;
}

.navbar {
    background-color:#155B92; 
    /* background-color: #07406d; SMARTfinder original */
}
.meetinglisticon {
    color:#155B92; 
}

.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: #155B92;
    color: #FFA300;
}

.smartofficialred {
    color: #e94c38;
}

.color_accenticon_color {
    color: #FFA300;
}

.smartfindersecondary {
    color: #FFA300
}

.color_nationalbadge {
    background-color: #FFA300 !important;
    color: #000000;
}    


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

.color_button_background:hover {
    background-color: #cc8300 !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: #155B92;
    /* 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_accent_background {    
    background-color: #155B92;
}

.color_accent_active {
    background-color: #0275D8;
}

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

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

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

.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,#ffc400);
}

/* 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: #0275D8!important;
        background-image: linear-gradient(#0275D8, #0275D8);
        color: #FFFFFF!important;     
        cursor: pointer;
    }
    .odd:hover i {
        color: #FFFFFF!important;
    }
    .odd:hover img {
        filter: brightness(0) invert(1);
    }
    .even:hover {
        background-color: #0275D8!important;
        background-image: linear-gradient(#0275D8, #0275D8);
        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;
}


.jumbotron {
    
    background-image: url("/media/settings/light-blue-gradient-sky-background.jpg");
    
    background-size: cover;
    color: #000000;
    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;
}