#ngs-gmp-container .page-title img {
    max-width: 30px;
    max-height: 30px;
    position: absolute;
    right: 12px;
    top: 6px;
}

#ngs-gmp-container .page-title {
    padding: 12px 47px 0 12px;
    color: #ef8322;
    text-transform: uppercase;
    background: #202d38;
    white-space: nowrap;
}
.about-map-btn {
    text-transform: none !important;
}
#ngs-gmp-container {
    width: 100%;
    height: 700px;
    position: relative;
}

#ngs-gmp-map {
    float: right;
    width: 70%;
    height: 84.5%;
    background-color: grey;
}

.gm-style {
    background: #121e29 !important;
}

.irs--round .irs-line {
    background-color: #b5bebf;
}

.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {
    border-top-color: #b5bebf;
}

.irs--round .irs-handle {
    border-color: #b5bebf;
    box-shadow: 0 1px 3px rgba(85, 85, 85, 0.3);
}

.irs--round .irs-bar {
    background-color: #ffffff;
}

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single, .irs-handle {
    cursor: grab;
}

.irs--round .irs-grid-text {
    visibility: visible !important;;
    color: #b5bebf
}

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
    background-color: #fff;
    color: #b5bebf;
}

/* Clearable text inputs */
.clearable {
    position: relative;
    /*display: inline-block;*/
}

.clearable select,
.clearable input[type=text] {
    padding-right: 24px;
    padding-left: 8px;
    width: 100%;
    box-sizing: border-box;
}

.clearable-clear {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    padding: 6px 8px;
    font-style: normal;
    font-size: 18px;
    user-select: none;
    cursor: pointer;
    background: #223640;
}

/*.clearable select {*/
/*    !* for Firefox *!*/
/*    -moz-appearance: none;*/
/*    !* for Chrome *!*/
/*    -webkit-appearance: none;*/
/*    text-indent: 1px;*/
/*    text-overflow: '';*/
/*}*/

/*.clearable select::-ms-expand, !* For IE10 *!*/
.clearable input::-ms-clear { /* Remove IE default X */
    display: none;
}

#ngs-gmp-time-range {
    width: 70%;
    position: relative;
    float: right;
    background: #202d38;
    padding-bottom: 10px;
    z-index: 20;
    border-top: 1px solid #b5bebf;
}

.ngs-gmp-slider-wrapper .irs-min,
.ngs-gmp-slider-wrapper .irs-max {
    color: #a9a9a9;
}

.ngs-gmp-slider-wrapper {
    padding: 16px;
}

.about-map-btn {

}

#pane {
    float: left;
    width: 30%;
    height: 100%;
    opacity: 1;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
    background: #223640;
    color: #a9a9a9;
    z-index: 10;
    position: relative;
    font-size: 14px;
}

.ngs-gmp-post-item {
    padding: 12px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #b5bebf;
    cursor: pointer;
    color: inherit;
}

.ngs-gmp-post-item:focus,
.ngs-gmp-post-item:hover {
    background-color: #111f2a;
    outline: none;
    color: inherit;
}

.ngs-gmp-post-item:last-child {
    border-bottom: none;
    margin-bottom: auto;
}

.ngs-gmp-post-item .hide {
    height: 0;
    margin: auto;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -moz-transition: all 1s, visibility 1.3s, height 1.3s;
    -webkit-transition: all 1s, visibility 1.3s, height 1.3s;
    -o-transition: all 1s, visibility 1.3s, height 1.3s;
    transition: opacity 1s, visibility 1.3s, height 1.3s;
}

.ngs-gmp-pane-content-empty {
    background-color: #2c2c2c;
    margin: 12px -12px;
    padding: 12px;
    display: none;
}

.ngs-gmp-pane-header {
    background: #202d38;
    height: 168px;
    padding: 12px;
    box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.3);
}

.ngs-gmp-pane-header input:-moz-placeholder, /* Firefox 18- */
.ngs-gmp-pane-header input:-ms-input-placeholder, /* IE 10+ */
.ngs-gmp-pane-header input::-moz-placeholder, /* Firefox 19+ */
.ngs-gmp-pane-header input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #a9a9a9;
}

#ngs-gmp-container select {
    color: #a9a9a9 !important;
}

.ngs-gmp-pane-header select,
.ngs-gmp-pane-header input[type="text"],
.ngs-gmp-pane-header input {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    border: 0px;
    margin-bottom: 10px;
    margin: auto auto 12px auto;
    height: 40px;
    width: 100%;
    background: #223640;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    color: #b5bebf !important;
    border-radius: 0;
}

.ngs-gmp-pane-content {
    overflow: auto;
    height: 488px;
}

/*.ngs-gmp-pane-content::-webkit-scrollbar-track {*/
/*    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
/*    border-radius: 10px;*/
/*    background-color: #a9a9a9;*/
/*}*/

/*.ngs-gmp-pane-content::-webkit-scrollbar {*/
/*    width: 9px;*/
/*    background-color: #a9a9a9;*/
/*}*/

/*.ngs-gmp-pane-content::-webkit-scrollbar-thumb {*/
/*    border-radius: 10px;*/
/*    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/
/*    background-color: #223640;*/
/*}*/

.ngs-gmp-post-location b,
.ngs-gmp-post-title b,
.ngs-gmp-post-date b,
.ngs-gmp-post-category b {
    min-width: 80px;
    display: inline-block;
}

.ngs-gmp-post-content-wrapper {
    margin: 12px auto auto;
}

.ngs-gmp-post-content {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.4;
    overflow: hidden;
    height: auto;
    visibility: visible;
    opacity: 1;
    -moz-transition: all 1s, visibility 1.3s, height 1.3s;
    -webkit-transition: all 1s, visibility 1.3s, height 1.3s;
    -o-transition: all 1s, visibility 1.3s, height 1.3s;
    transition: opacity 1s, visibility 1.3s, height 1.3s;
}

.read-more {
    height: auto;
    visibility: visible;
    opacity: 1;
    -moz-transition: all 1s, visibility 1.3s, height 1.3s;
    -webkit-transition: all 1s, visibility 1.3s, height 1.3s;
    -o-transition: all 1s, visibility 1.3s, height 1.3s;
    transition: opacity 1s, visibility 1.3s, height 1.3s;
}

#steps-fivepercent-slider .ui-slider-tip {
    visibility: visible;
    opacity: 1;
    top: -30px;
}


/*#ngs-gmp-container .gm-style .gm-style-iw-d::-webkit-scrollbar-track, .gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece,*/
/*#ngs-gmp-container .gm-style .gm-style-iw-t::after,*/
/*#ngs-gmp-container .gm-style .gm-style-iw-c {*/
/*    background: #ef8322;*/
/*}*/

#ngs-gmp-container .gm-fullscreen-control,
#ngs-gmp-container .gmnoprint {
    opacity: 0.5;
}

.ui-autocomplete {
    max-height: 500px;
    max-width: 500px;
    overflow-y: auto; /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
}
.ui-widget-header,
.ui-widget.ui-widget-content {
    background: #111f2a;
    border: 1px solid #111f2a;
    color: #a9a9a9;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    text-align:center;
    line-height: 1.3;
}
.ui-autocomplete .ui-menu-item {
    padding: 4px 12px;
    font-size: 14px;
}

.ui-autocomplete.ui-widget.ui-widget-content .ui-menu-item:nth-child(odd) {
    background-color: #f7f7f7 !important;
}
#dialog-form {
    display: none;
    background-color: #111f2a;
    color: #a9a9a9;
}
.ui-dialog .ui-dialog-content{
	padding:20px 40px 40px;
}
.ui-widget.ui-widget-content {
    font-size:16px;
}

.ui-dialog .ui-dialog-titlebar {
    padding-top: 24px;
    padding-bottom: 0;
    margin: auto;
    color: #64bbbd;
}

.ui-widget-header {
    font-size:20px;
}
.ui-dialog .ui-dialog-title {
    width: 100%;
}
.ui-dialog {
    padding: 2px;
}
.ui-dialog .ui-dialog-content a{
	margin-top: 20px;
    display: inline-block;
	color:white !important;
}
.ui-widget-overlay {
    opacity: 0.7;
    background: #000;
}
.ui-widget.ui-widget-content {
    max-width: 90%;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover,
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus,
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0;
    background: #111f2a;
    color: #a9a9a9;
    outline: none;
}

@media only screen and (max-width: 800px) {
    #ngs-gmp-container .gmnoprint .gm-style-mtc > div {
        font-size: 14px !important;
        padding: 0 8px !important;
    }

    #ngs-gmp-map {
        height: 300px;
    }

    #ngs-gmp-container {
        height: auto;
        margin: auto;
    }

    #ngs-gmp-time-range {
        padding: 10px;
        bottom: auto;
        position: absolute;
        top: 300px;
    }

    #ngs-gmp-time-range,
    #pane,
    #ngs-gmp-map {
        width: 100%;
        float: none;
    }

    .ngs-gmp-pane-content,
    #pane {
        height: auto;
    }

    #pane {
        margin-top: 116px;
    }
}