html {
    width:100%;
    height:100%;
}

.body-content {
    width:100%;
    height: calc(100% - 117px); /* use max available height without causing scrolling */
    padding-left: 0px; 
    padding-right: 0px;
}

/* disable text selection */
text {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Setup touch behaviors */
*
{
	touch-action: pan-x pan-y;
	-webkit-overflow-scrolling: touch;
}
body
{
    width: 100%;
    height: 100%;
	touch-action: none;
}
#svgContainer
{
	touch-action: pan-x pan-y;
	-webkit-overflow-scrolling: auto;
}


/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

#hotspot-table-container {
    overflow-y:auto;
    height: calc(100% - 40px);  /* use max available height without causing scrolling */
}

#graphic-title {
    height: 40px; 
    margin-top: 0px; 
    padding-left: 15px;
}

#viewer-row {
    width:100%; 
    height: calc(100% - 70px); /* use max available height without causing scrolling */
    margin-left: 0; 
    margin-right: 0;
}

#hotspot-column {
    height: 100%; 
    margin-bottom: 10px;
}

#hotspot-header {
    table-layout:fixed; 
    height: 40px; 
    margin-bottom: 0px;
}

#hotspot-table {
     table-layout:fixed;
}

#viewer-column {
     height: 100%; 
     margin-bottom: 10px; 
     padding-left: 0px; 
     padding-right: 0px;
}

#viewer-container {
    height: 100%; 
    width: calc(100% - 30px); /* use max available height without causing scrolling */
    margin-left: 15px; 
    margin-right: 15px; 
    position: relative;
}

#host-navbar {
    border-radius: 0px;
}

footer {
    border-top: 1px solid #eee; 
    height: 34px; 
    margin-left: 15px; 
    margin-right: 15px; 
    padding-top: 10px;
}