.navbar .navbar-brand {
	font-family: monospace;
	font-size: 1.45em;
}
.navbar .navbar-brand .suffix {
	color: yellow;
}
.dropdown-menu li {
    position: relative;
}
.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}

/* Submenu */
.dropdown-menu>li /* To prevent selection of text */
{   position:relative;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
    cursor:pointer;
}
.dropdown-menu .sub-menu  {
    left: 100%;
    position: absolute;
    top: 0;
    display:none;
    margin-top: -1px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    box-shadow:none;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.right-caret:after,.left-caret:after {
 	content:"";
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0;
    margin-top: 5px;
    float: right;
}
.right-caret:after {
	border-left: 4px solid #555;
}
.left-caret:after {
	border-right: 4px solid #555;
}
@media only screen and (max-width: 768px) {
	.dropdown-menu .sub-menu  {
	    margin-left: 20px;
	}
	.right-caret:after,.left-caret:after {
		margin-left: 10px;
	}
	.left-caret:after {
	    border-right: 4px solid transparent;
	    border-left: 4px solid transparent;
		border-top: 4px solid #555;
	}
}

#ad:before {
    color: #666;
    content: "ANNONS:";
    font-family: Arial,Helvetica,sans-serif!important;
    font-size: 10px;
    height: 20px;
    left: 0;
    line-height: 30px;
    position: absolute;
    right: 0;
    top: -30px;
}
#ad .card-img-top {
    height: 155px;
}

/**
 * Mobile landscape visibility
 */
@media (min-width: 577px) and (max-width: 768px) {
	.table .visible-xs-landscape {
		display: table-cell!important;
	}
	.table .hidden-xs-landscape {
		display: none!important;
	}
}

.page-header {
    margin: 50px 0 20px;
}
/**
 * Page header in mobile portrait
 */
@media (max-width: 320px) {
	.page-header h1 {
		font-size: 2em;
	}
	.page-header h1 .header-text {
		float: left;
	}
	.page-header h1 small {
		float: left;
		clear:both;
		margin-top: 5px;
	}
	.page-header img {
		min-width: 290px;
		margin-bottom: 10px;
	}
}

#map_canvas {
  padding-bottom: 400px;
  border: 2px solid #ccc;
}

.thumbnail {
  max-width:170px;
  min-height:170px;
  /*overflow:hidden;*/
}

@media only screen and (max-width: 320px) {
	.logo {
		max-width: 260px;
	}
}

#records .card-body {
	padding: 0rem 1.5rem;
}
.record .time {
	font-weight: bold;
}

.errorlist {
  text-align: left;
}

/* mobile landscape - force records list up */
@media only screen and (min-width: 480px) and (max-width: 768px) {
	.clearfix.visible-xs {
		display: none!important;
	}
}

table .small-logo {
	max-width: 100px;
	max-height: 25px;
}
.table .no-top-border {
	border-top: none;
}

/* vertical align flag in calendar */
.table>tbody>tr>td.vcenter {
    vertical-align: middle;
}


/* List page filter */
.filter {
	padding: 3px;
}
.filter input {
	margin-left: 10px;
}
@media only screen and (max-width: 320px) {
	.filter input {
		margin-left: 0px;
	}
}

/* search button poorly aligned */
.input-group-btn {
	width: 0px;
}
.input-group-btn button {
	height: 30px;
}

/*
 * Type ahead
 */

.tt-dropdown-menu {
  width: 422px;
  margin-top: 12px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

@media (max-width: 320px) {
	.typeahead {
		width: 240px !important;
	}
	.tt-dropdown-menu {
	 	width: 290px;
	}
}

/*
 * Wordpress comment form textarea
 */
#commentform #comment {
	width: 100%;
	min-height: 100px;
}

/**
 * Hide Facebook & Twitter in mobile portrait
 */
@media (max-width: 320px) {
	#facebook, #twitter {
		display: none;
	}
}