html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height 
  margin-bottom: 60px;*/
  overflow-y: hidden
}

#cover{
    background: url("images/ajax-loader.gif") no-repeat scroll center center rgba(47,64,84,0.85);
    width:100%;
    height:100%;
    position: absolute;
    z-index:8000;
}




.mirror {
     -moz-transform: scale(-1, 1);
     -webkit-transform: scale(-1, 1);
     transform: scale(-1, 1);
  }

.panel-body{
 height:auto;
 max-height: 45vh;
  overflow-y:scroll;
}

#elev-panel-body.panel-body{
 max-height: 40vh;
}


.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #2c2c31;
  margin-left:70px;
  color:white;
  z-index:10;
}
.text-muted 
{
	color:white;
}
#notetools1
{
	position:absolute;
	bottom: 0px;
	text-align:center;
	z-index: 1;
	width: 230px;
	left: 19px;
}
#notetools
{
	position:absolute;
	bottom: 0px;
	left: 22%;
	z-index: 1;
	text-align: center;
}

/* Custom page CSS
-------------------------------i------------------- */
/* Not required for template or sticky footer method. */

.container {
  width: auto;

}
.container .text-muted {
  margin: 20px 0;
}


.sidebar {
    position: fixed;
    top: 0px;
    bottom: 60px;
    left: 68px;
    display: block;
    overflow-x: hidden;
     /* Scrollable contents if viewport is shorter than content.  Change to auto*/
	overflow-y: hidden;
    background-color: #f5f5f5;
    border-right: 3px solid #CECECE;
	width:268px;

	z-index:10;
  }
  .sideiconbar {
    position: fixed;
    top: 0px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    background-color: #656565;
	height: 100%;
	width: 70px;
  }
 
.textarea
{
	resize: none;
}
 
.menubar
{
	background-color: #656565;
	position: relative;
	left: 0px;
	width: 70px;
	position: relative;
    top: 15%;
	}
	
.menuicon
{
	width:50px;
	height:60px;
	
}
.footmenuicon
{
	width:45px;
	height:60px;
	
}

.icon
{
		float:left;
		color:white;
		width:70px;
		font-size:11px;
		text-align:center;
		cursor: pointer;
		}
.footicons
{
	float:right;
	margin-right: 10px;
	cursor: pointer;
	
}
.footicons:hover
{
	color: #e7d292;
 	text-decoration: underline;
}

.svgicon
{
	width:45px;
	height:60px;
	vertical-align: middle;
	border: 0;
}

.svgicon:hover path,
.svgicon:hover rect,
.svgicon:hover polygon
{
	fill: #e7d292;
}

.icon:hover
{
	text-decoration: underline;
}

.barheader
{
	background-color: #aa0004;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height:50px;
	line-height: 50px;
	color:white;
	text-align:center;
	z-index: 10;
}

span
{
	font-size:24px;
}

.pricebar
{
	background-color: #656565;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height:60px;
	line-height: 60px;
	color:white;
	text-align:center;
}

#elevation-image{
width: 100%;
}

#contain{
position:relative;
height: 100vh;
width: 100%;

}
.canvasplace {


	margin-left:336px;
	margin-bottom:60px;
	overflow:hidden;
	position: fixed;
	right: 0px;
    left: 0px;
	bottom:0px;
	top:0px;
}



#canvas-container-1,
#canvas-container-0,
#canvas-container-2{
	overflow:hidden;
    /*border:1px dashed #ccc;
	width:640px;
	height:650px;*/
}



.hide-canvas{
	position:absolute;
	right:5000px;
	border:none;
	height:0px;
	width:0px;
	background:white;
	margin:0px;
	overflow:none;
}

.show-canvas{
	position:relative;
	float:left;
	display:inline;
	/*border:1px solid #333;*/
	border:none;
	overflow:hidden;
	background:white;
	margin:0 0 20px;
}

.show-canvas-print{
	position:relative;
	float:left !important;
	display:inline !important;
	border:none;
	overflow:hidden;
	height:400px;
	width:260px;
	background:white;
	margin:0 0 20px;
}

#canvas-1,
#canvas-2,
#canvas-0{
}

#scroll-container-1,
#scroll-container-2,
#scroll-container-0{
	position:absolute;
	
	
}
#commAvailHousesSlider {
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:auto;
    background:#34475F;
    z-index:5000;
    /*border-bottom:1px solid #bbb;*/
    box-shadow: 0px 3px 10px #999;
}

#floortab, #notestab, #assetstab , #nonvisualtab
{
	display:none;
}


input[type="checkbox"] {
    display:none;
}
    input[type="checkbox"] + label.disabled {
        color:#ccc;
    }
input[type="checkbox"] + label em{
    font-style:normal !important;
    font-size: 14px;
	
}
input[type="checkbox"] + label span {
    display:inline-block;
    width:18px;
    height:24px;
    margin:-1px 10px 0 0;
    vertical-align:middle;
    background:url(images/check_radio_sheet2.png) left top no-repeat;
    cursor:pointer;
    float:left;
}

    input[type="checkbox"] + label.disabled span {
        background:none;
    }
	
	input[type="checkbox"] + label.disabled.toody span {
        background:url(images/2donly.png) left top no-repeat;
    }
	
	input[type="checkbox"] + label.disabled.threedy span {
        background:url(images/3donly.png) left top no-repeat;
    }

input[type="checkbox"]:checked + label span {
    background:url(images/check_radio_sheet2.png) -18px top no-repeat;    
}
    input[type="checkbox"]:checked + label {
        color:#005983;
        text-decoration:underline;
    }

label:hover {
    cursor:pointer;
}

#imglogo
{
	
	position:absolute;
	left:-10px;
	bottom:24px;
	z-index:0;
	
}
#poweredby
{
	position: absolute;
	bottom: 0px;
	z-index:0;
	left:30px;
	font-size:12px;

}
.cornerlogo
{
	 width:70px;
	 height:50px;
}
#thename
{
	font-size: 30px;
	margin-top: 14px;
	float:left;
	margin-left: 10px;
}
.priceno
{
	margin-top: 22px;
	margin-left: 20px;
	float: left;
}

.priceyes
{
	margin-top: 0px;
	margin-left: 20px;
	float: left;
}

.canvasoptions
{
	position: fixed;
    /*top: 0px;*/
    top: 25%;
    bottom: 25%;
    /*bottom: 0;*/
    right: 0;
    display: block;
	/*height: 100%;*/
	width: 70px;
	z-index:5;
}

.canvasmenubar
{
	right: 0px;
	width: 70px;
	position: relative;
    top: 20%;
	/*height:250px;
    overflow: hidden;*/
	border-color:#D4D4D4;
	border-style: solid;
    border-width: 2px;
	border-right:0px;
	background: #ffffff;
}

.whitecanvasmenubar
{
	width: 70px;
	position: absolute;
	height:250px;
	top:45%;
	display:none;

}

#elevation
{
	background:#f5f5f5;
	color:black;
	
}
.footmenubar
{
	position: fixed;
	right: 10px;
	height: 60px;
}
#loginpanel {
    display:inline-block;
    float:right;
    width:220px;
    height:100px;
    margin-right:36px;
    margin-top:6px;
	z-index:1;
}
.closemenu
{
	position: absolute;
	top: 0px;
	right:0px;
	width:100%;
	font-weight:bold;
	font-size: 18px;
	cursor: pointer;
	
	
}

.closemenu:hover
{
	color:#656565;
}
p1{
cursor: pointer;
}


p.notebook-entry-info-name
{
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
	font-size: 18px;
}



.drawfree:hover,.drawline:hover,.multidrawline:hover,.measure:hover,.multimeasure:hover
{
	cursor:pointer;
	text-decoration: underline;
	background:#DDD;
}

#drawfree, #drawline, #measure, #multidrawline, #multimeasure{
text-align: center; 
width: 100%; 
height: 45px;
padding: 7px;
}

.drawmenu, .drawmenuline, .drawmenumulti, .drawmenumeasure , .multidrawmenumeasure
{
	width: auto;
    position: absolute;
    z-index: 1;
	display:none;
}






.tdoverlay{
    position:absolute;
    right:0;
    top:0;
    background: #34475f;
	opacity: 0.5;
    width:100%;
    height:15%;
    z-index:9900;
	pointer-events:none;
}

.moveinfo{
	display: block;
	margin: auto;
	height: 90%;
	pointer-events:auto;
}

.movebuttonholder{
	left: 0px;
	width: 370px;
	height: 170px;
	bottom: 0px;
	position: absolute;
	opacity: 0.5;
	background: #34475f;
	z-index:9999;
}

#moverbuttoner .movebutton{
	position: absolute;
	width: 75px;
	height: 75px;
	overflow: hidden;
	border-radius: 2px;
	background: #005983;
	opacity: 0.7;
}

#mbforward{
	top: 10px;
	left: 85px;
	
}
#mbbackward{
	top: 85px;
	left: 85px;
}
#mbleft{
	top: 85px;
	left: 10px;
}

#mbroleft{
	top: 10px;
	left: 10px;
}

#mbright{
	top: 85px;
	left: 160px;
}
#mbroright{
	top: 10px;
	left: 160px;
}
#mbup{
	top: 10px;
	left: 235px;
}
#mbdown{
	top: 85px;
	left: 235px;
}


.overcloser{
    position:absolute;
    right:0;
	bottom: 0;
    background: #34475f;
	opacity: 0.5;
    width:100px;
    height:100px;
    z-index:9999;
}

.covercloser
{
    position:absolute;
    left:0;
	bottom: 0;
    background: #34475f;
	opacity: 0.5;
    width:100px;
    height:100px;
    z-index:9999;
}