/* --- Modal Header/Footer --- */
/*.modal-header {
    color: #ecf0f1;
    background-color: #27ae60;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
}

.modal-footer {
    background-color: #e5e5e5;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
}*/
/* --- End Modal Header/Footer --- */

/* --- Green navbar colours --- */
.navbar-green,
.navbar-green .navbar-nav > li > .dropdown-menu,
.navbar-green .navbar-toggle,
.navbar-green .navbar-toggle:hover,
.navbar-green .navbar-toggle:focus {
    background-color: #27ae60;
}

.navbar-green {
    border-color: #27ae60;
}

    .navbar-green .navbar-nav > li > .dropdown-menu > li > a:hover,
    .navbar-green .navbar-nav > li > .dropdown-menu > li > a:focus,
    .navbar-green .divider,
    .navbar-green .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-green .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-green .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar-green .navbar-nav > .active > a,
    .navbar-green .navbar-nav > .active > a:hover,
    .navbar-green .navbar-nav > .active > a:focus,
    .navbar-green .navbar-nav > .open > a,
    .navbar-green .navbar-nav > .open > a:hover,
    .navbar-green .navbar-nav > .open > a:focus,
    .navbar-green .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-green .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #2ecc71;
    }
/* --- End green navbar colours --- */

/* --- Blue navbar colours --- */
.navbar-blue,
.navbar-blue .navbar-nav > li > .dropdown-menu,
.navbar-blue .navbar-toggle,
.navbar-blue .navbar-toggle:hover,
.navbar-blue .navbar-toggle:focus {
    background-color: #2980b9;
}

.navbar-blue {
    border-color: #2980b9;
}

    .navbar-blue .navbar-nav > li > .dropdown-menu > li > a:hover,
    .navbar-blue .navbar-nav > li > .dropdown-menu > li > a:focus,
    .navbar-blue .divider,
    .navbar-blue .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-blue .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-blue .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar-blue .navbar-nav > .active > a,
    .navbar-blue .navbar-nav > .active > a:hover,
    .navbar-blue .navbar-nav > .active > a:focus,
    .navbar-blue .navbar-nav > .open > a,
    .navbar-blue .navbar-nav > .open > a:hover,
    .navbar-blue .navbar-nav > .open > a:focus,
    .navbar-blue .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-blue .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #3498db;
    }
/* --- End blue navbar colours --- */

/* --- Red navbar colours --- */
.navbar-red,
.navbar-red .navbar-nav > li > .dropdown-menu,
.navbar-red .navbar-toggle,
.navbar-red .navbar-toggle:hover,
.navbar-red .navbar-toggle:focus {
    background-color: #c0392b;
}

.navbar-red {
    border-color: #c0392b;
}

    .navbar-red .navbar-nav > li > .dropdown-menu > li > a:hover,
    .navbar-red .navbar-nav > li > .dropdown-menu > li > a:focus,
    .navbar-red .divider,
    .navbar-red .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-red .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-red .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar-red .navbar-nav > .active > a,
    .navbar-red .navbar-nav > .active > a:hover,
    .navbar-red .navbar-nav > .active > a:focus,
    .navbar-red .navbar-nav > .open > a,
    .navbar-red .navbar-nav > .open > a:hover,
    .navbar-red .navbar-nav > .open > a:focus,
    .navbar-red .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-red .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #e74c3c;
    }
/* --- End red navbar colours --- */

/* --- Grey navbar colours --- */
.navbar-grey,
.navbar-grey .navbar-nav > li > .dropdown-menu,
.navbar-grey .navbar-toggle,
.navbar-grey .navbar-toggle:hover,
.navbar-grey .navbar-toggle:focus {
    background-color: #7f8c8d;
}

.navbar-grey {
    border-color: #7f8c8d;
}

    .navbar-grey .navbar-nav > li > .dropdown-menu > li > a:hover,
    .navbar-grey .navbar-nav > li > .dropdown-menu > li > a:focus,
    .navbar-grey .divider,
    .navbar-grey .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-grey .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-grey .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar-grey .navbar-nav > .active > a,
    .navbar-grey .navbar-nav > .active > a:hover,
    .navbar-grey .navbar-nav > .active > a:focus,
    .navbar-grey .navbar-nav > .open > a,
    .navbar-grey .navbar-nav > .open > a:hover,
    .navbar-grey .navbar-nav > .open > a:focus,
    .navbar-grey .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-grey .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #95a5a6;
    }
/* --- End grey navbar colours --- */

/* --- Dark navbar colours --- */
.navbar-dark,
.navbar-dark .navbar-nav > li > .dropdown-menu,
.navbar-dark .navbar-toggle,
.navbar-dark .navbar-toggle:hover,
.navbar-dark .navbar-toggle:focus {
    background-color: #2c3e50;
}

.navbar-dark {
    border-color: #2c3e50;
}

    .navbar-dark .navbar-nav > li > .dropdown-menu > li > a:hover,
    .navbar-dark .navbar-nav > li > .dropdown-menu > li > a:focus,
    .navbar-dark .divider,
    .navbar-dark .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-dark .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-dark .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar-dark .navbar-nav > .active > a,
    .navbar-dark .navbar-nav > .active > a:hover,
    .navbar-dark .navbar-nav > .active > a:focus,
    .navbar-dark .navbar-nav > .open > a,
    .navbar-dark .navbar-nav > .open > a:hover,
    .navbar-dark .navbar-nav > .open > a:focus,
    .navbar-dark .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-dark .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #34495e;
    }
/* --- End dark navbar colours --- */

/* --- Common navbar colours --- */
.navbar-default .navbar-brand,
.navbar-default .navbar-text,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-toggle .icon-bar,
.navbar-default .navbar-collapse,
.navbar-default .navbar-form,
.navbar-default .navbar-link {
    color: #ecf0f1;
}

    .navbar-default .navbar-brand:hover,
    .navbar-default .navbar-brand:focus,
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus,
    .navbar-default .navbar-link:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ffffff;
    }

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

@media (min-width: 979px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }
}
/* --- End common navbar colours --- */