/*!
 * Start Bootstrap - Heroic Features HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
    /*padding-top: 70px;*/
    padding-top: 130px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

/*@media (max-width: 768px) {
    body {
        padding-top: 130px;
    }
}*/

.navbar-nav li a {
    padding: 10px;
}

.brand-img {
    /*width: 100px;*/
    /*width: 230px;*/
    width: 200px;
    border: 1px solid lightgrey;
    border-radius: 5px;
}


.navbar-brand {
    padding: 3px 15px;
}

.hero-spacer {
    margin-top: 50px;
}

.hero-feature {
    margin-bottom: 30px;
}

footer {
    margin: 50px 0;
}


.panel-default > .panel-heading {
    color: white;
    background-color: #A2D117;
    /*background-image: linear-gradient(90deg, #A2D117, #FFFFFF);*/
}

.panel-default > .panel-body {
    /*background-color: #f8f8f8;*/
    background-color: #eff1ec;
}

.panel-yellow > .panel-heading {
    color: black;
    background-color: #F9D662;
    border-color: #ddd;
    /*background-image: linear-gradient(90deg, #F9D662, #FFFFFF);*/
}

.panel-yellow > .panel-body {
    background-color: #FFFCD9;
}

.panel-blue > .panel-heading {
    color: white;
    background-color: #2968AD;
    border-color: #ddd;
    /*background-image: linear-gradient(90deg, #2968AD, #FFFFFF);*/
    /*background-image: linear-gradient(45deg, hsl(0, 80%, 70%), #2968AD);*/
    /*background-image: linear-gradient(45deg, #2968AD, hsl(0, 80%, 70%));*/
}

.panel-blue > .panel-body {
    background-color: #EAF4FF;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
/*.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }*/
.autocomplete-suggestions strong { font-weight: bold;}
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }


.form-group .form-control-feedback {
    cursor: pointer;
    pointer-events: initial; /* or - auto // or -  unset  */
}

.hero-feature {
    margin-bottom: 0px;
    padding: 5px;
}

.thumbnail {
    margin-bottom: 0px;
    border-radius: 15px;
}

.popover{
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
}