html,body {
  height: 100%;
}

/* wrapper for page content to push down footer */
.page-container {
  min-height: 100%;
  height: auto !important;
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

body {
  padding-top: 57px;
}

.maincontent {
	border-left: 1px solid lightgray;
	position: relative;
}

.maincontent > .panel,
.maincontent > .form-horizontal {
	margin-top: 20px;
}

#sidebar {
	height: 100%;
	display: block;
	padding-right: 0px;
	overflow-x: hidden;
	background-color: #f5f5f5;
	border-right: 1px solid #eee;
}

#sidebar .nav {
  padding-top: 20px;
}

.navbar .brand {
	padding: 6px 20px 6px;
}

.navbar-header {
	height: 56px;
}

.input-group-addon {
	min-width: 40px;
}

.list-view .sorter a .caret {
    right: 5px;
    top: 7px;
	display: none;
	position: inherit;
}

.list-view .sorter a.asc .caret {
	display: inline-block;
}

.list-view .sorter a.desc .caret {
	display: inline-block;
    border-bottom: 4px solid #000000;
    border-top: none;
}

span.input-group-addon + span.twitter-typeahead {
	vertical-align: middle;
	display: inline;
}

#btn-create-owes {
	background-color: #ff6600;
	color: #FDE7CF;
	text-shadow: 0 1px 0 #777777;
}

#btn-create-owes:hover {
	background-color: #ff6600;
	color: #ffffff;
	text-shadow: 0 1px 0 #777777;
}

li.active>#btn-create-owes {
	background-color: #ff6600;
	color: #ffffff;
	text-shadow: 0 1px 0 #777777;
}

#header
{
	margin: 0;
	padding: 0;
	border-top: 3px solid #C9E0ED;
}

footer
{
	font-size: 0.8em;
	text-align: center;
}

#logo
{
	padding: 10px 20px;
	font-size: 200%;
}

#mainmenu
{
	background:white url(bg.gif) repeat-x left top;
}

#mainmenu ul
{
	padding:6px 20px 5px 20px;
	margin:0px;
}

#mainmenu ul li
{
	display: inline;
}

#mainmenu ul li a
{
	color:#ffffff;
	background-color:transparent;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
	color: #6399cd;
	background-color:#EFF4FA;
	text-decoration:none;
}

a.list-group-item:hover, a.list-group-item:focus {
	background-color: #E6E6FF;
}
div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}

#notes .list-view {
	padding-top: 0px;
}

.notes .note
{
	-moz-border-radius:4px;
	border-radius:4px;
	padding: 4px;
	background: #F8F8F8;
	margin: 3px 0;
}

.note .media-body
{
	background: #F8F8F8;
}

.ui-btn-text .btn{
    text-align:right;
}

div.avatar {
	text-align: center;
}
img.avatar {
	max-width: 200px;
}

.btn-rs-blue {
	background-color: hsl(240, 100%, 40%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3232ff", endColorstr="#0000cc");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#3232ff), to(#0000cc));
	background-image: -moz-linear-gradient(top, #3232ff, #0000cc);
	background-image: -ms-linear-gradient(top, #3232ff, #0000cc);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3232ff), color-stop(100%, #0000cc));
	background-image: -webkit-linear-gradient(top, #3232ff, #0000cc);
	background-image: -o-linear-gradient(top, #3232ff, #0000cc);
	background-image: linear-gradient(#3232ff, #0000cc);
	border-color: #0000cc #0000cc hsl(240, 100%, 35%);
	color: #ffffff !important;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.33);
	-webkit-font-smoothing: antialiased;
}

.btn-rs-orange {
    color: #FFFFFF;
    background-color: #FF8832;
    border-color: #DB762E;
}

.nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus {
	background-color: #0088CC;
	color: #FFFFFF;
}

.btn-rs-orange:hover,
.btn-rs-orange:focus,
.btn-rs-orange:active,
.btn-rs-orange.active,
.open .dropdown-toggle.btn-rs-orange {
    color: #FFFFFF;
    background-color: #FF6600;
    border-color: #DB762E;
}

.btn-rs-orange:active,
.btn-rs-orange.active,
.open .dropdown-toggle.btn-rs-orange {
    background-image: none;
}

.btn-rs-orange.disabled,
.btn-rs-orange[disabled],
fieldset[disabled] .btn-rs-orange,
.btn-rs-orange.disabled:hover,
.btn-rs-orange[disabled]:hover,
fieldset[disabled] .btn-rs-orange:hover,
.btn-rs-orange.disabled:focus,
.btn-rs-orange[disabled]:focus,
fieldset[disabled] .btn-rs-orange:focus,
.btn-rs-orange.disabled:active,
.btn-rs-orange[disabled]:active,
fieldset[disabled] .btn-rs-orange:active,
.btn-rs-orange.disabled.active,
.btn-rs-orange[disabled].active,
fieldset[disabled] .btn-rs-orange.active {
    background-color: #FF8832;
    border-color: #DB762E;
}

.btn-rs-orange .badge {
    color: #FF8832;
    background-color: #FFFFFF;
}

.dollars {
	font-weight: bold;
}
.cents {
	font-weight: bold;
	text-decoration: underline;
	position: relative;
	font-size: .6em;
	line-height: 0;
	top: -.5em;
	left: -.3em;
	vertical-align: baseline;
}

.listview-empty {
	font-size: large;
	text-align: center;
}

.notes-col > .list-view {
	padding-top: 0px; 
}

.remind-days {
	text-align: center;
	width: 28px;
}

.rs-blue {
	color: #0000ff;
}

.rs-light-blue-bg {
	background: #E6E6FF;
}

.rs-orange {
	color: #ff6600;
}

.propertyItem {
	border: 1px;
	border-style:solid;
}
.propertyItem .left {
	text-align: center;
}

.propertyItem .description {
	
}

/* YUM Flash Message */
.info {
	background-color: lightgray;
	padding: 10px;
	margin:10px;
	border: 1px dotted black;
}

/* Taggable */
.tags {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 2px;
}

.tags .label a {
	color: white;
}

/* Styles taken from http://camendesign.com/code/uth6_beautiful_css_dates */
.fancydate {
	display: block;
	position: relative;
	width: 64px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 1px solid #888885;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/* day */
	font: 36px/36px "Helvetica Neue", Arial, sans-serif;
	text-align: center;
	letter-spacing: 2px;
	text-decoration: none;
	color: #666;
	/*background: #fcfcfc url("images/date-day-bg.png") repeat-x left 18px;*/
	background: #fcfcfc;
}
/* lift the suffix, so that the number is fully centered */
.fancydate sup {
	position: absolute;
	padding-top: 4px;
	font-size: 10px;
	line-height: 10px;
	letter-spacing: normal;
	/* override bootstrap sup */
	top: auto;
}
/* year + month */
.fancydate abbr {
	display: block;
	font: 12px Verdana, sans-serif;
	letter-spacing: normal;
	color: white;
    padding-top: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
}
/* month */
.fancydate>:first-child {
	width: 63px;
	margin: -1px 0 0 -1px;
	padding: 0 5px;
	border: 1px solid #393968;
	line-height: 16px;
	text-align: left;
	text-transform: uppercase;
	/*background: #a33537 url("images/date-month-bg.png") repeat-x bottom left;*/
	background: #393968;
}
/* year */
.fancydate sup+abbr {
	position: absolute;
	top: 0;
	left: 0;
	width: 62px;
	padding: 0 3px;
	border: 1px solid #393968;
	border-bottom: 1px solid #393968;
	line-height: 14px;
	color: #FFFFFF;
	text-align: right;
}
/* time */
.fancydate sub {
	display: none;
	height: 17px;
	border-top: 1px solid #bbd;
	margin: 0 3px;
	font: 9px/16px Verdana, sans-serif;
	letter-spacing: normal;
	text-align: center;
	color: #aac;
}
/*.fancydate:hover, .fancydate:focus {
	margin-bottom: 0; text-decoration: none;
	 Webkit 
	outline: auto 5px -webkit-focus-ring-color; outline-offset: -2px;
	 Gecko 
	-moz-outline: -moz-mac-focusring solid 2px; -moz-outline-radius: 0 7px 7px;
	-moz-outline-offset: 0;
}
.fancydate:hover sub, .fancydate:focus sub {
	display: block;
}*/


.pp-checkout {
    height:40px;
}

.payment-account-settings {
	border: 6px solid #777777;
	color: #777777;
	margin-bottom: 10px;
	background: white;
}

.payment-account-logo {
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

.payment-account-controls {
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
}

.payment-account-connected {
	border-color: #006600;
	color: #006600;
}

.payment-account-settings .account-logo {
    height: 50px;
}

.btn-connect {
	margin-top: 10px;
}

.btn-large-icon {
	line-height: 44px;
}

.row-default-button {
	line-height: 44px;
}

.row-large-button {
	line-height: 44px;
}

/* owe cards */
.owe-mini {
	border-bottom: 1px solid whitesmoke;
	padding: 6px;
	box-sizing: border-box;
}

#OweDetail {
	color: dimgray;
}

#OweDetail .owe-title {
	background: #0088CC;
	color: whitesmoke;
	font-size: xx-large;
	padding: 16px;
	
}

#OweDetail .owe-title small a {
	color: whitesmoke;
	font-size: medium;
	
}

#OweDetail .owe-info {
	background: #E6E6FF;
	font-size: large;
	padding-top: 16px;
}

#OweDetail .owe-info p {
	text-align: center;
}

#OweDetail .def-icon {
	display: inline-block;
	width: 24px;
}

#OweDetail .def-text {
	display: inline-block;
	width: 64px;
	margin-left: 4px;
	font-size: medium;
	text-align: center;
}

#OweDetail .def-value {
	display: inline-block;
	width: 72px;
	margin-left: 4px;
	padding-left: 0px;
	font-size: medium;
	text-align: center;	
}

#OweDetail .def-value .label a {
	color: white;
}

#OweDetail #AddNote label {
	display: none;
}

#profile .todo {
	font-size: large;
}

#profile .todo i {
	color: black;
	vertical-align: middle;
}

.accordion-inner .list-view {
	padding-top: 0px;
}
.card-header {
    background: #0088CC;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
    color: whitesmoke;
    font-size: x-large;
	min-height: 36px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-left: 4px;
	vertical-align: middle;
}
.card-header .owe-title {
	vertical-align: middle;
}

.card-body {
	min-height: 36px;
	line-height: 30px;
}

.card-image {
    height: 36px;
	display: inline;
}
.card-body img {
	border-bottom-left-radius: 4px;
	height: 36px;
}

.card-owe-info {
    background: inherit;
	display: inline-block;
    font-size: large;
    min-height: 36px;
}
.card-owe-icons {
	display: inline-block;
    font-size: small;
	min-height: 36px;
}
.card-owe-icons .list-inline {
	margin-top: 0px;
	margin-bottom: 0px;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.card-header-email {
    overflow: hidden;
}

.list-view .pagination {
	margin-top: 0px;
}

#linkToTop {
	float: right;
}

#owe-card-list .list-group-item {
/*    background-color: #E6E6FF;*/
	min-height: 96px;
}

#rental-card-list hr {
	margin-top: 4px;
	margin-bottom: 4px;
}

#rental-card-list h5 .label {
	float: right;
}

/* fix for yii-debug-toolbar not showing */
#ydtb-toolbar {
	position: inherit;
}

/* Portrait tablet to landscape and desktop and large desktop*/
@media (min-width: 768px) {

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.navbar-brand {
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
		text-align: center;
		margin: auto;
	}

	.owe-mini .span1 {
		width: 33%;
		display: inline;
		float: left;
	}
	
	/* collapsed sidebar styles */
	.row-offcanvas {
	  position: relative;
	  -webkit-transition: all 0.25s ease-out;
	  -moz-transition: all 0.25s ease-out;
	  transition: all 0.25s ease-out;
	}
	.row-offcanvas-right {
		right: 0;
	}
	.row-offcanvas-left {
		left: 0;
	}
	
	.row-offcanvas-right
	.sidebar-offcanvas {
	  right: -50%;
	}

	.row-offcanvas-left
	.sidebar-offcanvas {
	  left: -67%;
	}
	.row-offcanvas-right.active {
	  right: 50%;
	}
	.row-offcanvas-left.active {
	  left: 67%;
	}
	.sidebar-offcanvas {
	  position: absolute;
	  top: 0;
	  width: 67%;
	}
	
	#sidebar {
	  padding-top:0;
	}
	#sidebar .nav>li {
	  padding-left:10px;
	}
	#sidebar .nav>li:first-child {
	  border-top:0;
	}
	#sidebar .nav>li>a>img {
	  max-width: 14px;
	}
	#sidebar .nav>li>a:hover, #sidebar .nav>li>a:focus {
	  text-decoration: none;
	}
}

/* Landscape phones and down */
@media (max-width: 480px) {

}