html { position:relative; min-height:100%; }
body { background-color:#FFF; margin-bottom:60px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; height: auto; }
a, a:hover { color:#333; }
a:focus { outline-style: none; }
.form-control:focus { border-color:#7B519D; }

.input-lg, .form-group-lg .form-control { font-size:15px; color: #888; }
select.input-lg > option, select.form-group-lg .form-control > option { color:#333333; }
.form-control::-moz-placeholder { color: #888; }
.form-control:-ms-input-placeholder { color: #888; }
.form-control::-webkit-input-placeholder { color: #888; }
.btn-primary, .label-primary { background-color:#7B519D; border-color:#5A2E88; }
.btn-primary:hover, .btn-primary:focus { background-color:#5A2E88; border-color:#7B519D; }

/** Sidebar **/
.sidebar, .right-sidebar {
    display: none;
}

/** Content **/
#content { margin-top:85px; }
#content h1, #content-left h1, #content-right h1 { font-size:23px; color:#7B519D; }
#content-left, #content-right { margin-top:80px; }
body table a:hover { text-decoration:none; }
a.epc { color:#5A2E88; font-weight:bold; }

/** Home Page **/
.title-panel { font-size:17px; }
.panel .glyphicon { font-size:3.4em; font-weight:normal; }
.huge { font-size: 35px; }
.huge a { font-size: 35px; color:white; }

.panel-purple { border-color: #5A2E88; color:#fff; background-color:#7B519D; }
.panel-green { border-color: #5cb85c; color: #fff; background-color: #5cb85c; }
.panel-red { border-color: #d9534f; color: #fff; background-color: #d9534f; }
.panel-yellow { border-color: #f0ad4e; color: #fff; background-color: #f0ad4e; }

body.home h2 { font-size:17px; color:#5A2E88; margin-top:5px; }
body.home .tenant-jumbo { padding-top:20px; padding-bottom:20px; }
body.home .tenant-jumbo p { font-size:15px; padding-top:5px; padding-bottom:5px; }

body table thead tr th { color:#F39200; }
body table tr td a { font-size:14px; font-weight:bold; color:#7B519D; padding-bottom:5px; }
body table tr td a:hover { text-decoration:underline; color:#7B519D; }
body table tr td .image-thumb { margin-top:4px; }
body table tr td a { position:relative; display:block; }
body table tr td a .thumbnail { padding:5px ; margin:0; }
body table td.price { color:#f0ad4e; font-weight:bold; }
body a .now-let { position:absolute; z-index: 1; top:50%; padding:2px 5px; background-color:#449D44; }

#carousel-bounding-box { padding-left:0px; }
.carousel-control { position:absolute; top:50%; width:7%; height:10%; background-image:none !important; }
#slider-thumbs .selected img { opacity:0.5; border:1px solid #333; }
#myCarousel { border:1px solid #CCC; background-color:#EFEFEF; }

#my-tabs {
    display:inline-block !important;
}

.tab-pane { padding:5px 0px 0px 10px; }

.media .thumbnail { padding:5px; margin:0px 10px 10px 0px; position:relative; }
.media { border-bottom:1px solid #EEE; padding-top:5px; padding-bottom:10px; margin-bottom:5px; }
.media small { line-height:25px; }
/*.media .media-body { min-width:75%; display:table; }*/
.media .media-body h1 { margin-top:0; }
.media .media-body h2, .media .media-body h2 a { font-size:20px; color:#F39200; margin-top:0px; margin-bottom:0px; }
.media .media-body h3 { margin-top:0px; margin-bottom:0px; line-height:20px; }
.media .media-body h3 a { font-size:17px; color:#5A2E88; margin-top:0px; }
.media .media-body h4, .media .media-body h4 a { font-size:15px; color:#333; margin:10px 0px; }
.media .media-body ul { margin:5px 0px ; }
.media .media-body ul li { font-size:13px; padding:0px 0px 0px 0px; }
ul li.save-success { color:green !important; }
ul li.save-success > a { color:green !important; }
body .contact-agent-form {  padding-right:0; }

/** Header **/
.navbar-default { background-color:#7B519D; border-bottom:1px solid #5A2E88; }
.navbar-header { min-height:60px; }
.navbar-header .navbar-toggle, .navbar-header .navbar-toggle:active, .navbar-header .navbar-toggle:focus  { margin-top:10px; height:40px; background-color:#FEFEFE; }
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus { color:#fff; padding:20px 10px; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.active { background-color:#5A2E88; color:#FFF; }
.navbar-brand { margin-right:20px; }

.dropdown-menu li {display: block; }
.dropdown-menu li:last-child { margin-right: 0; }
.dropdown-menu li a { padding: 5px 0px 5px 20px; min-height: 0; }
.dropdown .loggedin { font-weight:bold; }
.dropdown .loggedin i { position:relative; top:3px; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color:#5A2E88; color:#FFF; }

.details-customer { padding-left:10px; }
body .details-customer h2 { font-size:14px; color:#5A2E88; }
.page-header h1 small a { font-size:12px; line-height:25px; }

@media (max-width: 767px) {
	#filters-sidebar { background-color:#FFFFFF; }
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a.active { background-color:inherit; color:#000; }
	.navbar-default .navbar-nav { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; background-color:#EEE; }
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus { color:#000; padding:6px 15px;}
	.row .btn-success { margin-top:10px; }	
	.resend-button { margin-top:20px; }
	.media .media-body h3 { line-height:15px; }
	.media .media-body h3 a { font-size:13px; }
	.media .media-body h4, .media .media-body h4 a { margin:5px 0px 0px 0px; padding:0px; font-size:14px; }
	.media .media-body ul li { font-size:11px; margin:0; padding:0; }
}

@media (min-width : 768px) {
	.container { width:1000px; }
	#content-left { margin-left:230px; margin-top:90px; }
	.sidebar {
		display:block;
        position: fixed;
        top: 65px;
		bottom: 0;
		width:210px;
        padding:15px 10px 0px 0px;
        overflow-x: hidden;
        overflow-y: auto;
        /* Scrollable contents if viewport is shorter than content. */
        background-color:none;
		border-right:1px solid #EFEFEF;
    }
	
	.sidebar a { margin-bottom:5px; }
	.sidebar a, .sidebar a:focus { color:#555; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; }
	.sidebar a.active { background-color:#EEE; color:#5A2E87; } 
	.sidebar a:hover { color:#5A2E87; }
	
	#content-right { width:75%; margin-top:90px; }
	.right-sidebar {
		display:block;
		position:relative;
		top:65px;
		width:225px;
        padding:15px 10px 0px 0px;
        /* Scrollable contents if viewport is shorter than content. */
        background-color:none;
    }
	
	.media .thumbnail {max-width: 175px;}
	.tab-pane { min-height:400px !important; }
}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  .container { width:auto; }
  	.panel .glyphicon { font-size:2em; font-weight:normal; }
}

/** Login Page **/
.form-signin { max-width:330px; padding:15px 15px 15px 15px; margin:0 auto;}
.form-signin .form-signin-heading, .form-signin .checkbox { margin-bottom:10px; }
.form-signin .checkbox { font-weight:normal; }
.form-signin .form-control { position:relative; height:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:10px; font-size:16px; }
.form-signin .form-control:focus { z-index:2; }
.form-signin input[type="email"] { margin-bottom:5px; }
.form-signin input[type="password"] { margin-bottom:10px; }
.form-signin p { padding-top:10px; text-align:right; }
.form-signin p a { color:#5A2E88; font-weight:bold; font-size:12px; }

body .myError{ color: red; } 

.bs-callout { padding: 15px 20px 5px 20px; margin: 0px 0px 20px 0px; border: 1px solid #7B519D; border-left-width: 5px; border-radius: 3px; }
.bs-callout p { font-size:15px;  }

.panel-primary { border:1px solid #5A2E88; border-radius:0; }
.panel-primary .panel-heading { border-radius:0; background:none; border:none; border-bottom:1px solid #5A2E88; width:96%; margin:0 auto; padding:10px 0px; color:#7B519D; font-size:21px; font-weight:bold; }
.panel-primary p { font-size:14px; }
.panel-primary p span { font-weight:normal; color:#F39200; font-size:13px; }
.panel-primary p small { color:#888; font-size:11px; }
.panel-primary .media-object { background-color:#EFEFEF; }
.panel-primary .pull-left { padding-right:20px; }

body.home .panel-primary .panel-heading { font-size:17px; color:#F39200; }
body.home .panel-primary .panel-body .media { padding:1px 0px; }

@media screen and (max-width: 768px) {
 .row-offcanvas {
	margin:0;
	padding:0;
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -80%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 80%; /* 6 columns */
  }

  .sidebar-offcanvas {
	display:block;
	margin-left:-15px;
    position: absolute;
    top: 0;
    width: 80%; /* 6 columns */
	top:-10px;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: auto;
	margin-top:0; 
	padding-top:0;
	border-right:1px solid #EFEFEF;
	min-height:300px !important;
  }
  .sidebar-offcanvas .bedrooms-select #max_bedrooms, .sidebar-offcanvas .bedrooms-select #max_rent {
	  margin-left:7px;
  }
}

/** Footer **/
.footer { position:absolute; bottom:0; width:100%; height:40px; background:url('../images/header.jpg') repeat-x; padding-top:10px; border-top:1px solid #DDD; }
.footer .footer-left { display:inline-table; }
.footer .footer-left span { color:#555555; font-size:14px; font-weight:normal; margin:0px 5px; }
.footer .footer-left a { text-decoration:none; color:#555555; font-size:14px; }
.footer .footer-left a:hover { text-decoration:underline; color:#666666; }
.footer .footer-left p { color:#555555; font-size:12px; line-height:20px; }
.footer .footer-left p a { text-decoration:none; color:#5A2E88; font-size:12px; }
.footer .footer-left p a:hover { color:#5A2E88; }
.footer .footer-right { display:inline-table; width:300px; float:right; text-align:right; }

.form-group {
	position: relative;
	display: flex;
	height: 55px;
}

.control-label {
	font-size: 16px;
	font-weight: 400;
	opacity: 0.4;
	pointer-events: none;
	position: absolute;
	transform: translate3d(0, 22px, 0) scale(1);
	transform-origin: left top;
	transition: 240ms;
}

.form-group.focused .control-label {
	opacity: 1;
	transform: scale(0.75);
}

.form-control {
	align-self: flex-end;
}

.form-control::-webkit-input-placeholder {
	color: transparent;
	transition: 240ms;
}

.form-control:focus::-webkit-input-placeholder {
	transition: none;
}

.form-group.focused .form-control::-webkit-input-placeholder {
	color: #bbb;
}