html,
body {
	text-align: center;
	background-color: #fff;
	margin: 0;
	font-family: roboto, sans-serif;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	  -moz-text-size-adjust: none;
	  -ms-text-size-adjust: none;
}
img {
	max-width: 100%;
}

header {
    border-top: solid 4px #003466;
}


.back-button {
	margin-top: 20px;
}
.back-button input {
	background-color: #f47621;
	font-size: 20px;
	color: #fff;
	cursor: hand;
}
.mobile {
	margin-top: 20px;
	padding: 0 10px;
}
.mobile img {
	width: 90%;
}
.narrow {
	width: 100%;
	max-width: 1250px;
	margin: 0 auto;
}
 #app {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border: 4px solid #A32F38;
	background-color: white;
	box-sizing: border-box;
 }
 #app > .title {
	background: #A32F38;
	height: 20px;
	color: white;	
 }
 #property_pannel {

	text-align: left;
 }
 #property_pannel .title {
	background: #A32F38;
	font-size: 20px;
	color: white;
	text-align:center;
	clear: both;
 }
 #property_pannel .content {
	font-size: 18px;
 }
 #logo {
	display: none;
	height: 55px;
	border-bottom: 1px solid #003466;
	background: #003466;	
 }
 #building_properties {
   height: 80px;

 }
  #building_properties .content {
	  width: 275px;
	  margin: 0px auto;
  }
 #object_properties {
 height: 171px;
 }

 #drawing_area {
	height: 500px;
	overflow: hidden;
 }
 #toolbar {
	height: 22px;
	background-color: #A32F38;
	border-bottom: 1px solid #A32F38;
	text-align: left;
	font-size: 18px;
 }
 
 #toolbar div {
	float: left;
	height: 22px;
	margin-top: 2px;
	margin-left: 10px;
 }
 
 #toolbar div#title {
	padding-top: 2px;
 }
 
 #toolbar #request_quote {
	float: right;
	margin-right: 20px;
	background: #003466;
	height: 18px;
 }
 
 #toolbar a:link, #toolbar a:visited, #toolbar a:hover, #toolbar a:active {	
	color: white;
	font-weight: bold;
 }
 
 #garage {
	width: 100%;
	height: 100%;
	overflow: scroll;
	position: relative;
 }
 
 /** for object properties **/
 .properties_size_first_label {
	text-align:left;
	margin-left:5px;
	margin-top:15px;
 }
 
 .properties_size_second_label {
	text-align:left;
	margin-left:5px;
	margin-top:5px;
 }
 .properties_size_title {
	float: left;
	width:48px;
 }
 .properties_size {
	border-right: 1px solid #A32F38;
	height:100%;
	width:50%;
	float: left;
 }
 .properties_type {
	border-bottom: 1px solid #A32F38;
	height:20%;
 }
 .properties_type_title {
	float: left;
	width:100px;
	margin-left:3px;
 }
 .properties_img {
	text-align:center;
	height:100%;
 }
 
  /** for building properties **/
 #building_properties .content {
	position: relative;
 }
 #building_properties .building_length {
	position: absolute;
	text-align: center;
	left: 65px;
	top: 5px;
 }
 #building_properties .building_width {
	position: absolute;
	text-align: center;
	right: 65px;
	top: 5px;
 }
 
 #object_category select {
  width: 100%;
  font-size: 12px;
 }
 
#object_items {
	overflow-x: hidden;
	overflow-y: auto;
}
 
 #object_items .content {
	margin: 2px 2px 1px 3px;

	font-size: 0;
 }
 
 .object_item {
	width: 115px;
	height:124px;
	text-align: center;
	display: inline-block;
	font-size: 12px;
	overflow: hidden;
	/** position: relative;**/
}
.object_item_img{
	width: 115px;
	height: 93px;
	vertical-align: middle;
	display: table-cell;
	text-align:center;
}

.building_item.selected .item_name {
	background-color: #ccc;
}

#text_tool_container .text_container {
	position: absolute;
	width: 1000px;
	text-align: left;
}

#text_tool_container .text {
	display: inline-block;
	background-color: white;
	font: 14px Times New Roman;
}

#text_tool_container .handle {
	display: inline-block;
	background-color: white;
}


.desk {
	display: none;
}

@media screen and (min-width: 896px) {
	.first-nav {
		display: none;
	}
	 .mobile {
	    display: none;
	}
	.desk {
		display: block;
	}

}