@media only screen and (device-width: 768px) {
	* {
		font-size: 0.95em;
	}
}
* {
	color: #114422;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

/* +++++ TEXT +++++ */
.monospace {
	font-family: monospace;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.text-s {
	font-size: 8pt;
}

/* +++++ BORDERS +++++ */
.border-r {
	border-right: 1px solid #77AA88;
}
.border-b {
	border-bottom: 1px solid #77AA88;
}
.border-tb {
	border-top: 1px solid #77AA88;
	border-bottom: 1px solid #77AA88;
}
.frame {
	border: 2px solid #77AA88;
	border-radius: 5px;
}

/* +++++ BOXES +++++ */
.pad-0 {
	padding-left: 0;
	padding-right: 0;
}

/* +++++ COLORS +++++ */
.alert-light {
	position: relative;
	top: 4px;
	padding: 4px;
	border: none;
	background: #EEEEEE;
	color: #AAAAAA;
	text-align: center;
}
.alternate:nth-child(2n+0) {
	margin-top: 0;
	margin-bottom: 0;
	background: #CCFFDD;
}
.alternate:nth-child(2n+1) {
	margin-top: 0;
	margin-bottom: 0;
	background: #AADDBB;
}
.highlight:hover {
	background: #AA000033;
}
.legal {
	color: #558866;
	font-size: 0.85em;
	text-align: center;
}
.selected {
	color: #AA0000;
	font-weight: bold;
}
.statistics {
	background: #FFFFFF;
}
.title {
	color: #AA0000;
	font-weight: bold;
}

/* +++++ POSITION +++++ */
.pos-r-t-1 {
	position: relative;
	top: 1px;
}
.pos-r-t-6 {
	position: relative;
	top: 6px;
}
.pos-r-t-8 {
	position: relative;
	top: 8px;
}
.pos-r-t-10 {
	position: relative;
	top: 10px;
}
.pos-r-t-14 {
	position: relative;
	top: 14px;
}
.pos-r-t-15 {
	position: relative;
	top: 15px;
}
.pos-r-t-18 {
	position: relative;
	top: 18px;
}

/* +++++ HORIZONTAL SPACE +++++ */
.full {
	width: 100%;
}
.container.hspace-0-l {
	padding-left: 0;
}
[class^="col-sm-"].hspace-8-l {
	padding-left: 8px;
}
.hspace-11 {
	padding: 0 11px;
}
.hspace-12 {
	padding: 0 12px;
}
[class^="col-sm-"].hspace-12-l, .container.hspace-12-l {
	padding-left: 12px;
}

/* +++++ VERTICAL SPACE +++++ */
.vspace-04 {
	height: 0.4em;
}
.vspace-10 {
	height: 1.0em;
}
.vspace-20 {
	height: 2.0em;
}
.vspace-23 {
	height: 2.3em;
}

/* +++++ BLOCKS +++++ */
a {
	text-decoration: none;
}
body {
	background: #BBEECC;
	padding: 10px;
}
div.frame {
	border: 2px solid #77AA88;
	border-radius: 5px;
	margin: 10px auto;
	padding: 10px 20px;
}
div.logo {
	background-image: url('../img/logo.png');
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 885px;
	height: 500px;
}
div.logo-container {
	position: relative;
	height: 500px;
	margin: 0 auto;
	width: 885px;
}
div.logo-stat {
	background-image: url('../img/logo_stat.png');
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 885px;
	height: 500px;
}
div.row.alternate {
	border-radius: 4px;
	padding: 0 20px;
}
div.query {
	background: #EEEEEE;
	border: 1px solid #CCCCCC;
	padding: 4px;
}
h1 {
	padding: 30px;
	text-align: center;
}
h2 {
	text-align: center;
}
iframe.property_map {
	width: 100%;
	height: 600px;
}
iframe.agent_note {
	width: 100%;
	height: 550px;
}
iframe.agent_note_letter {
	width: 100%;
	height: 800px;
}

/* +++++ BOOTSTRAP COMPONENTS +++++ */
.btn {
	height: 2.4em;
}
.btn-link {
	position: relative;
	bottom: 0.8em;
	height: 1em;
	text-decoration: none;
}
.modal {
  background-color: #00000077;
}
.modal-content {
	background: #AADDBB;
}
.modal-lg {
	width: 600px;
}

/* +++++ FORMS +++++ */
[class^="col-"] {
	padding: 1px;
}
.display-0 {
	display: none;
}

/* +++++ DATE AND TIME +++++ */
div.datepicker {
	border: 1px solid #0E77FC;
	background: #D7E7F7;
}
div.ui-timepicker-container {
	border: 1px solid #0E77FC;
	border-radius: 4px;
	background: #D7E7F7;
}

/* +++++ MENU +++++ */
.nav > a.nav-link {
	margin: 2px;
	border: 1px solid #0E77FC;
	background: #D7E7F7;
	color: #0E77FC;
	font-size: 0.95em;
}
.nav > a.nav-link:focus, .nav > a.nav-link:hover {
	background: #0E77FC;
	color: #D7E7F7;
}
.nav > a.page-title {
	background : #CCCCCC;
	color: #333333;
	font-weight: bold;
}
.nav > a.disabled {
	background : #CCCCCC;
	color: #333333;
}
.nav > a.level-0 {
	background : #FFDDDD;
	color: #F70000;
}
.nav > a.level-0:hover, .nav > a.level-0:focus {
	background : #F70000;
	color: #FFDDDD;
}
.nav > a.level-1 {
	background : #FDD077;
	color: #E7700D;
}
.nav > a.level-1:hover, .nav > a.level-1:focus {
	background : #E7700D;
	color: #FDD077;
}
.nav > a.level-2 {
	background :#FFFFDD;
	color: #E7D707;
}
.nav > a.level-2:hover, .nav > a.level-2:focus {
	background : #E7D707;
	color: #FFFFDD;
}
.nav > a.level-3 {
	background : #CAFCC7;
	color: #0EAA0F;
}
.nav > a.level-3:hover, .nav > a.level-3:focus {
	background : #0EAA0F;
	color: #CAFCC7;
}