/* Space out content a bit */
body {
	padding-top: 70px;
	padding-bottom: 70px;
}
blockquote {
  font-weight: 300;
  line-height: 1.35;
}
blockquote footer {
  font-size: 75%;
}
blockquote footer:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after {
  content: '';
}
.message-from {
	border-left: 5px solid #428bca;
	background-color: #f2f9fc;
	/* background-color: #d9edf7; original Bootstrap alert-info */
}
.message-unread {
	border-left: 5px solid #f0ad4e;
	background-color: #fdfbf2;
	/* background-color: #fcf8e3; original Bootstrap alert-warning */
}
.post-message {
	border-left: 3px solid #428bca;
	background-color: #f2f9fc;
	border-top-left-radius: 4px;
	/* background-color: #d9edf7; original Bootstrap alert-info */
}
.post-update {
	border-left: 3px solid #C3A6F7;
	background-color: #F8F4FE;
	border-top-left-radius: 4px;
}
.post-entry {
	border-left: 3px solid #9ACD32;
	background-color: #FAFEF4;
	border-top-left-radius: 4px;
}
.post-comment {
	background-color: #f2f9fc;
	padding: 2px 2px 2px 10px;
	margin-top: 5px;
}
.transaction-header {
  padding-bottom: 9px;
  margin: 10px 0 10px;
  border-bottom: 1px solid #eee;
}
/* Pad content on the sides */
.wrap {
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
}
.stats h1 {
	margin: 0;
}
/* remove top space from headings */
.nospace {
	margin-top: 0;
}
/* Modified navbar-form so that search box fills the whole screen; overriding BS defaults */
@media (min-width: 768px) {
  .navbar-form .input-group {
	  width: 100%;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn {
    width: 1px;
  }
  .navbar-form .input-group .form-control {
    width: 100%;
  }
}
/* Responsive: Landscape tablets and up */
@media screen and (min-width: 992px) {
  body {
    padding-top: 70px;
    padding-bottom: 50px;
  }
}
@media (min-width: 768px) {
  .navbar-nav.navbar-right:last-child {
    margin-right: 0;
  }
}
/* modified table-responsive for display of tombstones */
@media screen and (max-width: 767px) {
  .table-responsive-mod {
    border: none;
  }
}
/* Responsive: Change the collapse point - Portrait tablets and down should be collapes */
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
	/* OC addition because it uses fixed-top */
	.navbar-fixed-top .navbar-collapse {
	padding-right: 15px;
	padding-left: 15px;
	}
}
/* Remove printing the full URL after <a>'s */
@media print {
	a[href]:after {
		content: none;
	}
	body {
		padding-top: 0px;
	}
}
/* Custom page footer */
.footer {
  padding-top: 20px;
  padding-bottom: 10px;
  color: #777;
  /*border-top: 1px solid #9ACD32;*/
  background-color: #F1F8E3;
  box-shadow: 0px 500px 0px 500px #F1F8E3;
}
body > .container {
  padding-bottom: 10px;
}
/* Posting Options are views (All, Comps, For Sale, Seeking Debt, etc.) */
#postingoptions .btn-default {
	font-size: 89%;
	border-color: #428bca;
	color: #428bca;
	opacity: 1;
	filter: alpha(opacity=100);
}
#postingoptions .btn-default.disabled {
	font-size: 89%;
	border-color: #428bca;
	color: #428bca;
	opacity: .7;
	filter: alpha(opacity=70);
}
#postingoptions .btn[disabled] {
	border-color: #428bca;
	background-color: #428bca;
	color: #ffffff;
}
#postingoptions .btn-default.active {
	font-size: 89%;
	border-color: #428bca;
	background-color: #428bca;
	color: #ffffff;
}
/* Period Options are trend periods (yr, ytd, q1, q2, etc.) */
#periodoptions .btn-default {
	font-size: 89%;
	border-color: #428bca;
	color: #428bca;
	opacity: 1;
	filter: alpha(opacity=100);
}
#periodoptions .btn[disabled] {
	border-color: #428bca;
	background-color: #428bca;
	color: #ffffff;
}
/* Filter options to filter search results */
#filteroptions .btn-default {
	font-size: 89%;
	border-color: #428bca;
	color: #428bca;
	opacity: 1;
	filter: alpha(opacity=100);
}
#filteroptions .active {
	border-color: #428bca;
	background-color: #428bca;
	color: #ffffff;
}
.btn-nav-back {
	padding-left: 0px;
}
.btn-toolbar > .btn-group {
	margin-top: 5px;
	margin-bottom: 5px;
}
.btn-in-heading {
	margin-top: -10px;
}
.darkmode {
	background-color: #f5f5f5;
}
.content-active {
	background-color: #fff;
	border-radius: 4px;
}
#usernewsfeed > hr {
	width: 110%;
	margin-left: -5%;
	border-color: #f5f5f5;
	border-width: 5px;
	margin-bottom: 0px;
	margin-top: 5px;
}
#usernewsfeed .panel-footer, #userstream .panel-footer {
	background-color: transparent;
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
	/* restore font size for tablets and up */
	#postingoptions .btn-default {
		font-size: 100%;
	}
	#postingoptions .btn-default.active {
		font-size: 100%;
	}
	#postingoptions .btn-default.disabled {
		font-size: 100%;
	}
	#periodoptions .btn-default {
		font-size: 100%;
	}
	#filteroptions .btn-default {
		font-size: 100%;
	}
}
/* Elements */
.navbar {
  border-radius: 0px;
  padding-top: 10px;
  padding-bottom: 0px;
  border-bottom: 0px;
}
.nav-pills.nav-justified {
  font-size: 95%;
  margin-bottom: 10px;
}
.nav-pills.nav-justified > li {
  display: table-cell;
  width: 1%;
}
.nav-pills.nav-justified > li > a {
  background-color: #f8f8f8;
    opacity: 0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */
  font-weight: 400;
  margin: 2px;
}
.nav-pills.nav-justified > li > a:hover,
.nav-pills.nav-justified > li > a:focus {
  background-color: #f8f8f8;
    opacity: 0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
}
.nav-pills.nav-justified > .active > a,
.nav-pills.nav-justified > .active > a:hover,
.nav-pills.nav-justified > .active > a:focus {
    opacity: 1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
  background-color: #428bca;
  cursor: default;
}
.navbar-brand
{
  background: url(../img/oc_logo_small.png) no-repeat left center;
  background-size: contain;
  height: 35px;
  width: 167px;
  margin-top: 5px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 15px;	
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .navbar-brand {
    background: url(../img/oc_logo_small@2x.png) no-repeat;
    background-size: contain;
  }
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Space out the masthead */
  .navbar {
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 10px;
  }
  .jumbotron {
    padding-top: 10px;
  }
  .jumbotron .container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .jumbotron .lead {
    font-size: 32px;
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .marketing h2 {
    font-size: 30px;
  }
  /* Restore custom nav tabs */
  .nav-pills.nav-justified {
    font-size: 130%;
  }
  .modal-xlg {
    width: 80%;
  }
}
/* Remove printing the full URL after <a>'s */
@media print {
  a[href]:after {
    content: none;
  }
  body {
    padding-top: 0px;
  }
}
.scrollfix .navbar-fixed-top { 
    position: absolute; 
}
/* Large, responsive modal */
@media screen and (min-width: 768px) {
	.modal-xlg {
		width: 80%;  /*respsonsive width*/
	}
}
/* Custom link for subscribe in tables */
a.subscribe { 
	color: grey;
	text-decoration: none; 
}
a.subscribe:hover, a.subscribe:active { 
	text-decoration: underline; 
}
/* Custom link for highlighting (people tagged) */
a.highlight { 
	background: #edfcff;
}
h4.tag {
	margin-top: 3px;
}
/* TABLES */
thead th.sort {
	background-color: #dddddd;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
	background-color: #ffffcc; /*Default: #f5f5f5; */
}
.table-striped > tbody > tr.selectedRow > td,
.table-striped > tbody > tr.selectedRow > th {
	background-color: #FAFBC1;
}
.table-striped > tbody > tr.selectedRow:hover > td,
.table-striped > tbody > tr.selectedRow:hover > th {
	background-color: #ffffcc;
}
.numbercol {
	text-align: right;
}

/* CUSTOM CLASSES */
.footnote {
	font-size: .9em;
	clear: both;
	color: #666666;
	padding-top: 5px;
}
#pagination {
	text-align: center;
}
.tag-list {
	margin-right: 15px;
}
.btn-starred {
	color: #f0ad4e;
	background-color: #fcf8e3;
	border-color: #f0ad4e;
}
.btn-starred:hover,
.btn-starred:focus,
.btn-starred:active {
	color: #f0ad4e;
	background-color: #f2eeda;
	border-color: #f0ad4e;
}
.btn-starred-list {
	color: #f0ad4e;
	background-color: transparent;
	border: 0;
	border-color: transparent;
	padding: 1px 6px;
}
.btn-starred-list:hover,
.btn-starred-list:focus,
.btn-starred-list:active {
	color: #f0ad4e;
	background-color: #f2eeda;
	border-color: #f0ad4e;
}
.btn-starred-list-empty {
	color: #777;
	background-color: transparent;
	border: 0;
	border-color: transparent;
	padding: 1px 6px;
}
.btn-starred-list-empty:hover,
.btn-starred-list-empty:focus,
.btn-starred-list-empty:active {
	color: #f0ad4e;
	background-color: #f2eeda;
	border-color: #f0ad4e;
}
.btn-liked-list {
	color: #d9534f;
	background-color: transparent;
	border: 0;
	border-color: transparent;
	padding: 1px 6px;
}
.btn-liked-list:hover,
.btn-liked-list:focus,
.btn-liked-list:active {
	color: #d9534f;
	background-color: #f2eeda;
	border-color: #d9534f;
}
.btn-liked-list-empty {
	color: #777;
	background-color: transparent;
	border: 0;
	border-color: transparent;
	padding: 1px 6px;
}
.btn-liked-list-empty:hover,
.btn-liked-list-empty:focus,
.btn-liked-list-empty:active {
	color: #d9534f;
	background-color: #f2eeda;
	border-color: #d9534f;
}
.btn-group-footer > .btn {
	border-radius: 0;
}
/* PANELS */
.panel-opencomps {
  border-color: #9ACD32;
}

.panel-opencomps > .panel-heading {
  background-color: #F1F8E3;
  border-color: #9ACD32;
}

.panel-opencomps > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #9ACD32;
}

.panel-opencomps > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #9ACD32;
}
/* LABELS */
.label-opencomps {
  background-color: #9ACD32;
}
.label-pro {
  background-color: #428bca;
}
.label-preview {
  background-color: transparent;
  color: #428bca;
  border: 1px solid #428bca;
}
.label-youraddition {
  background-color: transparent;
  color: #9ACD32;
  border: 1px solid #9ACD32;
}
.label-comp {
  background-color: #81d4e4;
}
.label-forsale {
  background-color: #ff9140;
}
.label-debt {
  background-color: #428bca;
  /*background-color: #C6B653; yellow-ish*/
  /*background-color: #01939A; teal*/
}
.label-dev {
  background-color: #5cb85c;
  /*background-color: #779e00; dirty green */
}
.label-fin {
  background-color: #8337d7;
}
.label-job {
  /*background-color: #249993;  /* teal-ish */
  /*background-color: #f46842; /* orange red */
  background-color: #f97c59; /* orange peach */
}
.label-status-default {
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
}
.label-status-comp {
  background-color: transparent;
  color: #81d4e4;
  border: 1px solid #81d4e4;
}
.label-status-forsale {
  background-color: transparent;
  color: #ff9140;
  border: 1px solid #ff9140;
}
.label-status-dev {
  background-color: transparent;
  color: #5cb85c;
  border: 1px solid #5cb85c;
}
.label-hotel {
  background-color: #dff0d8;
  color: #3c763d;
  border: 1px solid #d6e9c6;
}
.label-office {
  background-color: #fcf8e3;
  color: #8a6d3b;
  border: 1px solid #faebcc;
}
.label-retail {
  background-color: #f2dede;
  color: #a94442;
  border: 1px solid #ebccd1;
}
.label-multifamily {
  background-color: #d9edf7;
  color: #31708f;
  border: 1px solid #bce8f1;
}
.label-portfolio {
  background-color: #F1F8E3;
  color: #9ACD32;
  border: 1px solid #9ACD32;
  padding: .1em .3em 0;
  font-size: 65%;
}
.label-portfolio-ind {
  background-color: #d9edf7;
  color: #01939A;
  border: 1px solid #01939A;
  padding: .1em .3em 0;
  font-size: 65%;
}
.label-portfolio-other {
  background-color: #f7e6ff;
  color: #cc66ff;
  border: 1px solid #cc66ff;
  padding: .1em .3em 0;
  font-size: 65%;
}
.label-public {
  background-color: transparent;
  color: #9ACD32;
  border: 1px solid #9ACD32;
}
.label-onlyme {
  background-color: transparent;
  color: #f3d694;
  border: 1px solid #f3d694;
}
.label-mygroup {
  background-color: transparent;
  color: #93A4B7;
  border: 1px solid #93A4B7;
}
/* CUSTOM TABLE ROWS */
.table > thead > tr > td.onlyme,
.table > tbody > tr > td.onlyme,
.table > tfoot > tr > td.onlyme,
.table > thead > tr > th.onlyme,
.table > tbody > tr > th.onlyme,
.table > tfoot > tr > th.onlyme,
.table > thead > tr.onlyme > td,
.table > tbody > tr.onlyme > td,
.table > tfoot > tr.onlyme > td,
.table > thead > tr.onlyme > th,
.table > tbody > tr.onlyme > th,
.table > tfoot > tr.onlyme > th {
  background-color: #F9EAC9;
}
.table-hover > tbody > tr > td.onlyme:hover,
.table-hover > tbody > tr > th.onlyme:hover,
.table-hover > tbody > tr.onlyme:hover > td,
.table-hover > tbody > tr:hover > .onlyme,
.table-hover > tbody > tr.onlyme:hover > th {
  background-color: #ffffcc; /* default: #c4e3f3 */
}
.table > thead > tr > td.mygroup,
.table > tbody > tr > td.mygroup,
.table > tfoot > tr > td.mygroup,
.table > thead > tr > th.mygroup,
.table > tbody > tr > th.mygroup,
.table > tfoot > tr > th.mygroup,
.table > thead > tr.mygroup > td,
.table > tbody > tr.mygroup > td,
.table > tfoot > tr.mygroup > td,
.table > thead > tr.mygroup > th,
.table > tbody > tr.mygroup > th,
.table > tfoot > tr.mygroup > th {
  background-color: #E4E8ED;
}
.table-hover > tbody > tr > td.mygroup:hover,
.table-hover > tbody > tr > th.mygroup:hover,
.table-hover > tbody > tr.mygroup:hover > td,
.table-hover > tbody > tr:hover > .mygroup,
.table-hover > tbody > tr.mygroup:hover > th {
  background-color: #ffffcc; /* default: #d0e9c6 */
}
.list-group-item-onlyme {
  background-color: #F9EAC9;
}
.list-group-item-mygroup {
  background-color: #E4E8ED;
}
/* CUSTOM PANELS */
.panel-comp {
  border-color: #81d4e4;
}
.panel-comp > .panel-heading {
  color: #fff;
  background-color: #81d4e4;
  border-color: #81d4e4;
}
.panel-comp > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #81d4e4;
}
.panel-comp > .panel-heading .badge {
  color: #81d4e4;
  background-color: #fff;
}
.panel-comp > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #81d4e4;
}
.panel-forsale {
  border-color: #ffc194;
}
.panel-forsale > .panel-heading {
  color: #fff;
  background-color: #ffc194;
  border-color: #ffc194;
}
.panel-forsale > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ffc194;
}
.panel-forsale > .panel-heading .badge {
  color: #ffc194;
  background-color: #fff;
}
.panel-forsale > .panel-heading .label-forsale {
  background-color: #ffc194;
}
.panel-forsale > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ffc194;
}
.panel-debt {
  border-color: #428bca;
}
.panel-debt > .panel-heading {
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
.panel-debt > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #428bca;
}
.panel-debt > .panel-heading .badge {
  color: #428bca;
  background-color: #fff;
}
.panel-debt > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #428bca;
}
.panel-dev {
  border-color: #5cb85c;
}
.panel-dev > .panel-heading {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.panel-dev > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #5cb85c;
}
.panel-dev > .panel-heading .badge {
  color: #5cb85c;
  background-color: #fff;
}
.panel-dev > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #5cb85c;
}
.panel-fin {
  border-color: #8337d7;
}
.panel-fin > .panel-heading {
  color: #fff;
  background-color: #8337d7;
  border-color: #8337d7;
}
.panel-fin > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #8337d7;
}
.panel-fin > .panel-heading .badge {
  color: #8337d7;
  background-color: #fff;
}
.panel-fin > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #8337d7;
}
/* badge notification style */
.badge-notify{
	background: #a94442;
	position:relative;
	top: -10px;
	left: -5px;
	font-size: 75%;
}
/* SOCIAL */
.social-linkedin {
	color:#007bb6;
	/*border-color:#007bb6*/
}
.social-google {
	color:#dd4b39;
	/* color:#4285F4;  NEW RECOMMENDED; too much blue */
	/*border-color:#007bb6*/
}
/* CUSTOM FORM */
.form-custom {
	margin: 0 auto;	
}
.form-custom .form-custom-heading,
.form-custom .checkbox {
  margin-bottom: 15px;
}
.form-custom .checkbox {
  font-weight: normal;
}
.form-custom .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-custom .form-control:focus {
  z-index: 2;
}
.form-custom .panel-heading {
	font-weight: bold;
}
.form-custom .form-inline .form-group {
	margin-bottom: 5px;
}
.form-custom .card-name {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-custom .card-number {
  margin-top: -1px;
  margin-bottom: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-custom .card-cvc {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* LARGE FORM */
.form-custom-large {
  max-width: 750px;
}

/* SIGN IN FORM */
.form-custom-signin {
	max-width: 330px;
	padding: 15px;
}
.form-custom-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-custom-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Fix Google Maps canvas
 * Wrap your Google Maps embed in a `.google-map-canvas` to reset Bootstrap's
 * global `box-sizing` changes. 
*/
.google-map-canvas,
.google-map-canvas * {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
/* Typeahead.js CSS */
.twitter-typeahead {
  width: 100%;
}
/* if you need to override any bootstrap defaults */
/*.typeahead,
.tt-query,
.tt-hint {
  /*display: block;
  width: 144px;
  height: 30px;
  padding: 8px 12px;
  font-size: 24px;
  line-height: 30px;
  /*border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}
.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
*/
.tt-hint {
  color: #999
}
.tt-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  width: 100%;
  min-width: 160px;
  padding: 4px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #ebebeb;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.tt-suggestion {
  display: block;
  padding: 3px 20px;
  clear: both;
  margin: 0;
  color: #333333;
  white-space: normal;
}
.tt-suggestion:hover,
.tt-suggestion:focus,
.tt-suggestion.tt-cursor {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
/* 
	custom divider
	http://stackoverflow.com/questions/2812770/add-centered-text-to-the-middle-of-a-hr-like-line
*/
.strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap; 
    color: #bbb;
    background-color: #f5f5f5;
	margin-left: -20px;
	margin-right: -20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.strike > span {
    position: relative;
    display: inline-block;
}

.strike > span:before,
.strike > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #ddd;
}

.strike > span:before {
    right: 100%;
    margin-right: 15px;
}

.strike > span:after {
    left: 100%;
    margin-left: 15px;
}