.btn-success {
    color: #fff;
    background-color: hsla(179, 65%, 45%, 1) !important;
    border-color: hsla(179, 25%, 45%, 1) !important;
}

.btn-success:hover {
    color: #fff;
    background-color: hsla(179, 65%, 35%, 1) !important;
    border-color: hsla(179, 25%, 35%, 1) !important;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.has-error .help-block, .help-block-error {
	color: #F49A2B;
}

.has-error .form-control {
	border-color: #F49A2B;
	color: #F49A2B;
}

.content-container {
	background: rgba(250, 251, 255, 0.68); /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(rgba(250, 251, 255, 0.68),rgba(0, 0, 0, 0.48)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgba(250, 251, 255, 0.68),rgba(0, 0, 0, 0.48)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(250, 251, 255, 0.68),rgba(0, 0, 0, 0.48)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(250, 251, 255, 0.68),rgba(0, 0, 0, 0.48));
	border-radius: 10px;
	padding: 10px;
	height: 90%;
}

#content-container-contact,
#content-container-about {
	background: rgba(255, 255, 255, 0.8);
}

.breadcrumb {
	background: transparent;
	margin-bottom: 10px;
	/*background: rgba(245, 245, 245, 0.22); /* For browsers that do not support gradients 
	background: -webkit-linear-gradient(left, rgba(245, 245, 245, 0.22),rgba(245, 245, 245, 0)); /* For Safari 5.1 to 6.0 * /
	background: -o-linear-gradient(right, rgba(245, 245, 245, 0.22),rgba(245, 245, 245, 0)); /* For Opera 11.1 to 12.0 * /
	background: -moz-linear-gradient(right, rgba(245, 245, 245, 0.22),rgba(245, 245, 245, 0)); /* For Firefox 3.6 to 15 * /
	background: linear-gradient(to right, rgba(245, 245, 245, 0.22),rgba(245, 245, 245, 0));
	*/
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #337AB7;
    content: "/\00a0";
}

/*Bootstrap removes scrollbar: http://stackoverflow.com/questions/25070144/bootstrap-modal-removes-scroll-bar*/
.modal-open {
    overflow-y:scroll;
	padding-right: 0px !important;
}

.popover {
	font-family: Roboto,Arial,sans-serif !important;
}

#reports-grid-1 .popover {
    max-width: 600px !important;
    min-width: 22em;
}


[data-style=primary] + .popover > .popover-title {
    color: #fff;
    background-color: #428bca;
    border: 2px solid #428bca;
}

[data-style=success] + .popover > .popover-title {
    color: #3c763d;
    background-color: #dff0d8;
    border-bottom: 1px solid #d6e9c6;
}

[data-style=info] + .popover > .popover-title {
    color: #31708f;
    background-color: #d9edf7;
    border-bottom: 1px solid #bce8f1;
}

[data-style=warning] + .popover > .popover-title {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-bottom: 1px solid #faebcc;
}

[data-style=danger] + .popover > .popover-title {
    color: #a94442;
    background-color: #f2dede;
    border-bottom: 1px solid #ebccd1;
}


/*Equal-height columns from: http://codepen.io/bootstrapped/full/RrabNe/*/
/*Also see http://stackoverflow.com/questions/19695784/how-can-i-make-bootstrap-columns-all-the-same-height*/
@media only screen and (min-width : 481px) {
   .flex-row.row {
	 display: flex;
	 flex-wrap: wrap;
   }
   .flex-row.row > [class*='col-'] {
	 display: flex;
	 flex-direction: column;
   }
  .flex-row.row:after, 
  .flex-row.row:before {
	 display: flex;
  }
}
.flex-row .thumbnail,
.flex-row .caption {
  flex:1 0 auto;
  flex-direction:column;
}
.flex-text {
  flex-grow:1
}
.flex-row img {
  height:auto;
  width:100%
}


/*http://www.bootply.com/BZQYq01ABC*/
.flex-grow {
	/*display: flex;*/
    -webkit-flex: 2;
    flex: 2;
}

.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1;
	flex-flow: column nowrap;
}


/* #MANA-303 */
.dropdown-menu {
	z-index: 2000 !important;
}



/* From Bootstrap 4 */
.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    border: 0;
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: #16181b;
        text-decoration: none;
        background-color: #f8f9fa;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #007bff;
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #868e96;
        background-color: transparent;
    }

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #868e96;
    white-space: nowrap;
}

.popover.infowindow-popover {
    max-width: 400px;
}

.map-infowindow-data > div:first-child {
    text-wrap: nowrap;
}


.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
    color: #fff;
    background: #C24C3F;
}