body {
    padding-top: 59px;
    /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
}

body>.navbar {
    -webkit-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in;
}

@media (min-width: 768px) {
    body>.navbar-transparent {
        background-color: rgba(0, 0, 0, 0.2);
    }
    .navbar-default .navbar-nav .navbar-transparent>li>a:hover,
    .navbar-default .navbar-nav .navbar-transparent>li>a:focus {
        color: #1a242f;
    }
    .navbar-default .navbar-brand .navbar-transparent:hover,
    .navbar-default .navbar-brand .navbar-transparent:focus {
        color: #1a242f;
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 20px 12px;
    }
}

.router-link-active {
    color: #18bc9c!important;
}

.navbar-brand>img {
    margin-top: -7px;
    margin-right: 7px;
}

/* Splash */
.splash {
    padding: 4em 0 5em;
    background-color: #141d27;
    background-image: url(../image/splash-background-lg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #ffffff;
    text-align: left;
    text-shadow: rgba(255, 255, 255, .1) -2px -2px 2px, rgba(0, 0, 0, .5) 2px 2px 2px;
}

.splash h1 {
    font-size: 3.30em;
}

.splash h3 {
    font-size: 2.1em;
}

@media (max-width: 767px) {
    .splash {
        background-image: url(../image/splash-background-sm.jpg);
        padding: 3em 0 3em;
    }
    .splash h1 {
        font-size: 2em;
    }
    .splash h3 {
        font-size: 1em;
    }
}
/* Splash */


/* Tout */
.section-tout {
    padding-top: 2em;
    background-color: #ffffff;
    /*#eaf1f1;*/
}
/* Tout */


/* Facility Filter */
.section-facility-filter {
    padding-top: 2em;
}
/* Facility Filter */

/* Info Panel */
.section-facility-info-panels {
    padding-top: 1.5em;
    background-color: #ffffff;
    /*#eaf1f1;*/
}
/* Info Panel */


/* Footer */
footer {
    margin: 0em 0;
}

footer li {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

footer p {
    clear: left;
    margin-bottom: 0;
}
/* Footer */

/* ng2-select */
/* Strongly overwrite ng2-select style for better multiple select ui styling (Make it similar to input text element.) */
.ui-select-search {
    margin-top: 5px!important; 
    margin-bottom: 10px!important; 
    margin-left: 15px!important; 
}

/* Overwrite ng2-select sub classes for better single select ui styling (Please note "not()" function for excluding multiple-select classes */
.ui-select-container:not(.ui-select-multiple) .ui-select-match .btn-default, .ui-select-container:not(.ui-select-multiple) .ui-select-match .close {
    background-color: white;
    color: #333; 
    border-color: #dce4ec;
}

/* Overwrite ng2-select sub classes for better single select ui styling (Please note "not()" function for excluding multiple-select classes */
.ui-select-container:not(.ui-select-multiple) .ui-select-search {
    margin-top: 0px!important; 
    margin-bottom: 10px!important; 
    margin-left: 0px!important; 
}

/* Overwrite ng2-select sub classes for better single select ui styling (Please note "not()" function for excluding multiple-select classes */
.ui-select-container:not(.ui-select-multiple) .glyphicon {
    color: #95a5a6!important; 
}

/* Overwrite ng2-select sub classes for better single select ui styling (Please note "not()" function for excluding multiple-select classes */
.ui-select-container:not(.ui-select-multiple) .ui-select-match-text {
    background-color:#95a5a6;
    color: white;
    margin-left: -4px;
    padding-left: 4px;
    margin-right: -4px;
    padding-right: 4px;
}
/* /ng2-select */