.navbar { border: 0 none; min-height: 64px; }
.navbar-brand { float: left; font-size: 18px; height: 64px; line-height: 40px; padding: 12px 15px; }
.navbar-toggle { margin-bottom: 15px; margin-top: 15px; padding: 9px 10px; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }
.navbar-nav { margin: 6px -15px; }
.navbar-nav > li > a { line-height: 20px; padding-bottom: 10px; padding-top: 10px; }
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu { background-color: transparent; border: 0 none; box-shadow: none; float: none; margin-top: 0; position: static; width: auto; }
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; }
.navbar-nav .open .dropdown-menu > li > a { line-height: 20px; }
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; }
}
@media (min-width: 768px) {
.navbar-nav > li { padding-bottom: 12px; padding-top: 12px; }
.navbar-nav > li::before, .navbar-nav > li::after { content: " "; display: block; height: 0; opacity: 0; transition: opacity 0.3s ease 0s; width: 0; }
.navbar-nav > li + li { margin-left: 12px; }
.navbar-nav > li > a { border-radius: 3px; line-height: 20px; padding-bottom: 10px; padding-top: 10px; }
.navbar-nav > .open::before, .navbar-nav > .open::after { bottom: -1px; left: 50%; opacity: 1; position: absolute; z-index: 1002; }
.navbar-nav > .open::before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: rgba(0, 0, 0, 0.1) transparent; border-image: none; border-style: solid; border-width: 0 10px 10px; margin-left: -9px; }
.navbar-nav > .open::after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fafafa transparent; border-image: none; border-style: solid; border-width: 0 9px 9px; margin-left: -8px; margin-top: 2px; }
.navbar-fixed-bottom .navbar-nav > .open::before, .navbar-fixed-bottom .navbar-nav > .open::after { bottom: auto; top: -1px; }
.navbar-fixed-bottom .navbar-nav > .open::before { border-bottom-width: 0; border-top-width: 10px; }
.navbar-fixed-bottom .navbar-nav > .open::after { border-bottom-width: 0; border-top-width: 9px; margin-top: -2px; }
}
@media (min-width: 768px) {
.navbar-nav { float: left; margin: 0; }
.navbar-nav > li { float: left; }
}
.navbar-nav > li > .dropdown-menu { margin-top: 0; }
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-radius: 3px 3px 0 0; }
.navbar-btn { margin-bottom: 15px; margin-top: 15px; }
.navbar-btn.btn-sm { margin-bottom: 17px; margin-top: 17px; }
.navbar-btn.btn-xs { margin-bottom: 21px; margin-top: 21px; }
.navbar-text { margin-bottom: 22px; margin-top: 22px; }
@media (min-width: 768px) {
.navbar-text { float: left; margin-left: 15px; margin-right: 15px; }
}
@media (min-width: 768px) {
.navbar-left { float: left !important; }
.navbar-right { float: right !important; margin-right: -15px; }
.navbar-right ~ .navbar-right { margin-right: 0; }
}
.navbar-material-blue { background-color: #03a9f4; border-color: #0392d3; }
.navbar-material-blue .navbar-brand { color: #ffffff; }
.navbar-material-blue .navbar-brand:hover, .navbar-material-blue .navbar-brand:focus { background-color: transparent; color: #ffffff; }
.navbar-material-blue .navbar-text { color: #ffffff; }
.navbar-material-blue .navbar-nav > li > a { color: #ffffff; }
.navbar-material-blue .navbar-nav > li > a:hover, .navbar-material-blue .navbar-nav > li > a:focus { background-color: transparent; color: #ffffff; }
.navbar-material-blue .navbar-nav > .active > a, .navbar-material-blue .navbar-nav > .active > a:hover, .navbar-material-blue .navbar-nav > .active > a:focus { background-color: #0288d1; color: #ffffff; }
.navbar-material-blue .navbar-nav > .disabled > a, .navbar-material-blue .navbar-nav > .disabled > a:hover, .navbar-material-blue .navbar-nav > .disabled > a:focus { background-color: transparent; color: #cccccc; }
.navbar-material-blue .navbar-toggle { border-color: transparent; }
.navbar-material-blue .navbar-toggle:hover, .navbar-material-blue .navbar-toggle:focus { background-color: #0288d1; }
.navbar-material-blue .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-material-blue .navbar-collapse, .navbar-material-blue .navbar-form { border-color: #0392d3; }
.navbar-material-blue .navbar-nav > .open > a, .navbar-material-blue .navbar-nav > .open > a:hover, .navbar-material-blue .navbar-nav > .open > a:focus { background-color: #0288d1; color: #ffffff; }
@media (max-width: 767px) {
.navbar-material-blue .navbar-nav .open .dropdown-menu > li > a { color: #ffffff; }
.navbar-material-blue .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-material-blue .navbar-nav .open .dropdown-menu > li > a:focus { background-color: transparent; color: #ffffff; }
.navbar-material-blue .navbar-nav .open .dropdown-menu > .active > a, .navbar-material-blue .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-material-blue .navbar-nav .open .dropdown-menu > .active > a:focus { background-color: #0288d1; color: #ffffff; }
.navbar-material-blue .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-material-blue .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-material-blue .navbar-nav .open .dropdown-menu > .disabled > a:focus { background-color: transparent; color: #cccccc; }
}
.navbar-material-blue .navbar-link { color: #ffffff; }
.navbar-material-blue .navbar-link:hover { color: #ffffff; }
.navbar-material-blue .btn-link { color: #ffffff; }
.navbar-material-blue .btn-link:hover, .navbar-material-blue .btn-link:focus { color: #ffffff; }
.navbar-material-blue .btn-link[disabled]:hover, fieldset[disabled] .navbar-material-blue .btn-link:hover, .navbar-material-blue .btn-link[disabled]:focus, fieldset[disabled] .navbar-material-blue .btn-link:focus { color: #cccccc; }