html,body,#sidebar,#container {
    height: 100%;
    margin: 0;
}

body {
    padding-top: 50px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    overflow-y: hidden;
}
p {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
h2,h3{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    line-height: 1.1;
	color: #232323;
}
h1,h4,h5,h6 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: #ffffff;
}
h5.typeahead-header{
	color:#232323;
	font-weight: bold;
	border:none !important;
	margin-top:5px;
}
label {
    font-weight: 400;
}

.typeahead-container{
	display: flex;
	border-bottom:2px solid #333; 
	padding: 5px;
}
.typeahead-container .circle-sm{
	position: inherit !important;
}
/*--------------------------------------------------------*/
/*--------  UI Element Color Styles  ---------------------*/
/*------- Change to alter color theme  -------------------*/
/*--------------------------------------------------------*/
body, .landing, #sidebar {
    background-color: #e9e9e9 !important;
}
.ofooter, .oheader {
    background-color: #0f2d4d !important;
}
@media screen and (max-width: 762px){
	.header-logo{
		height: 40px !important;
	}
}
#infoheader, .footer_btn, .footernav, .ofooter, .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form, .navbar-inverse {
    border-color: #0f2d4d;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-nav>li>a:hover, .footer_btn:hover {
    background-color: #DDD;
    border-color:#DDD;
}
.footer_btn, #infoheader, .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus {
  background-color: #0f2d4d;  
}
.navbar-inverse .navbar-toggle, .navbar-nav > li > .dropdown-menu {
    border-color:#E9E9E9;
}
#indactorInfo .nav-tabs>li.active>a{
    border-bottom-color: #6689BC !important;
}
a, .navbar-inverse .navbar-nav>li>a, .footer_btn, .chkicon, .legend-check i {
    color: #1084a6 !important;
}
.navbar-inverse .navbar-toggle .icon-bar{
    background-color: #6689BC !important;
}
a:hover, .navbar-inverse .navbar-nav>li>a:hover, .footer_btn:hover , .legend-check i:hover{
    color: #5876A2 !important;
}
.input-group #searchbox.form-control {
    float: right;
}
#infoheader{
	color:#ffffff;
	border-style:none !important;
}
#MapFooter{
	background-color:#0f2d4d;
}
.infowrap{
	color:#2b2b2b;
	background-color:#ffffff;
	border-style:none !important;
}
.navbar-nav>li>a,.navbar-nav>li>.dropdown{
	background-color: #e9e9e9 !important;
}
.modal-header{
	background-color:#1084a6 !important;
}

.is-visible {
    display: block !important
}

.is-hidden {
    display: none !important
}

.tabs {
    margin: 0;
    border: 1px solid #e6e6e6;
    background: #fefefe;
    list-style-type: none
}

.tabs::after,
.tabs::before {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.tabs::after {
    clear: both
}

.tabs.vertical>li {
    display: block;
    float: none;
    width: auto
}

.tabs.simple>li>a {
    padding: 0
}

.tabs.simple>li>a:hover {
    background: 0 0
}

.tabs.primary {
    background: #2ba6cb
}

.tabs.primary>li>a {
    color: #0a0a0a
}

.tabs.primary>li>a:focus,
.tabs.primary>li>a:hover {
    background: #299ec1
}

.tabs-title {
    float: left
}

.tabs-title>a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: .75rem;
    line-height: 1;
    color: #2ba6cb
}

[data-whatinput=mouse] .tabs-title>a {
    outline: 0
}

.tabs-title>a:hover {
    background: #fefefe;
    color: #258faf
}

.tabs-title>a:focus,
.tabs-title>a[aria-selected=true] {
    background: #e6e6e6;
    color: #2ba6cb
}

.tabs-content {
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #fefefe;
    color: #0a0a0a;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.tabs-content.vertical {
    border: 1px solid #e6e6e6;
    border-left: 0
}

.tabs-panel {
    display: none;
    padding: 1rem
}

.tabs-panel.is-active {
    display: block
}
path.leaflet-clickable:hover{
			stroke: #00ffff;
		}
		.yellow p,.light-yellow p, .dynico-pipeline,i.dynico.dynico-pipeline{
			color:#232323 !important;
		}
/*
		@keyframes glowing {
		  0% { stroke: #00ffff; }
		  40% { stroke: transparent; }
		  60% { stroke: transparent; }
		  100% { stroke: #00ffff; }
		}
*/
        #loading {
            position: absolute;
            width: 220px;
            height: 19px;
            top: 50%;
            left: 50%;
            margin: -10px 0 0 -110px;
            z-index: 1028;
        }

        .omodal {
            position: absolute;
            width: 220px;
            height: 19px;
            top: 50%;
            left: 50%;
            margin: -10px 0 0 -110px;
            z-index: 1028;
            display: none;
            overflow: hidden;
            outline: 0px none;
        }

        @media screen and (min-width: 768px) {
            .modal-dialog {
                width: 730px !important;
            }
        }
		@media screen and (max-width: 1118px) {
            .navbar-brand {
                display: none;
            }
        }
        @media (max-width: 1360px) {
            .search-container {
                width: 250px !important;
            }
        }

        @media (max-width: 1270px) {
            .navbar .navbar-brand {
                font-size: 18px;
                float: left;
            }
            .leaflet-control-attribution {
                display: none;
            }

        }

        @media (max-width: 1200px) {
            .search-container {
                width: 200px !important;
            }
        }

        @media (max-width: 960px) {
            .search-container {
                display: none !important;
            }

        }

        @media (max-width: 768px) {
            .search-container {
                display: table !important;
/*                width: 100% !important;*/
            }
            .logo-container {
                padding: 0px;
            }
            .navbar-nav .open .dropdown-menu {
                background-color: #fff;
            }
            #infobox_ {
                right: 10px;
            }
			.dropdown-menu{
				background-color: #0f2d4d !important; 
			}
			
        }
		@media (max-width: 768px){
			.navbar-form {
				margin-top:0px !important;
				margin-bottom:0px !important;
			}
			.tt-menu{
    			height: 60vh;
			}
		}
		@media (min-width: 768px){
			.navbar-form{
				margin-right: 40px !important;
			}
			.tt-menu{
				margin-right: 10px;
				float: right;
    			height: 90vh;
			}
		}
		ul#landing{
			margin-bottom: 0px;
			margin-top: 0px;
		}
		.tt-menu{
			position: fixed !important;
			width: 250px;
			left: unset !important;
			overflow-y: scroll;
		}
        @media (max-width: 376px) {
            .infowrap {
                padding: 20px;
                height: auto;
            }
            #infobox_ {
                display: none;
            }
        }

        /* Print Handling */

        @media print {
            .navbar,
            .toggle,
            #sidebar {
                display: none !important;
            }
        }

        .modal-body h4 {
            color: #232323;

        }

        .modal-body {
            overflow-y: scroll;
            height: 55vh;
        }

        .modal-body .tab-pane {
            position: absolute;
            margin-right: 15px;
        }
		.badge-warning {
			color: #212529 !important;
			background-color: #ffc107;
		}
		.badge-success {
			color: #fff !important;
			background-color: #28a745;
		}
		.badge-primary {
			color: #fff !important;
			background-color: #007bff;
		}
		.badge-danger {
			color: #fff !important;
			background-color: #dc3545;
		}
		ul#landing li a {
			color: #ffffff !important;
			background-color: transparent !important;
		}
		ul.dropdown-menu{
			margin-top: 0px;
			background-color: #0f2d4d;
			border: none;
		}
		table.responsive tr td{
			padding: 20px;
		}