html {
height: 100%;
}
#viewport {
height: 100%;
overflow-y: hidden;
margin-top: -11px;
}
#container {
height: calc(100% - 150px);
padding-bottom: 100px;
overflow: hidden;
}
#pagesContent {
	display: inline-block;
	float: right;
	width: calc(100% - 24em);
	height: 100%;
	overflow-y: auto;
}
.navigationCollapsedMenu {
text-align: left;
margin-top: 10px;
}
.btn.actionBarCollapse {
	text-align: left;
}
a.numTel {
background-color: orange;
color: white;
padding: 0.1em 0.8em 0.1em 0.8em;
}
.actionButton {
border-radius: 0 !important;
cursor: pointer;
}

.contact .title {
	font-size: large;
	text-align: center;
	text-decoration: underline;
}
.contact {
	border: 1px solid black;
	padding: 5px;
	border-radius: 5px;
	width: 20em;
	display: inline-block;
}
.btn {
font-size: large !important;
}
body {
width: 100%;
height: 100%;
padding-left: 0;
padding-right: 0;
}
.rightCell {

	text-align: justify;
}
#pages {
padding-top: 20px;
padding-bottom: 1em;
padding-left: 50px;
padding-right: 50px;
height: 100%;
/* margin-bottom: 8em; */
overflow-y: auto;
}
#header {
	height: 131px;
}

#siteTitle {
width: 100%;
padding-left: 335px;
}
#logoCell {
width: 280px;
text-align: center;
cursor: pointer;
float: left;
padding-top: 14px;
}
td#siteTitle {
padding-left: 1.9em;
}
#actionBar {
/*margin-bottom: 24px;*/
}
#logoCell img {
background-color: rgb(15, 91, 91);
border: 2px solid rgb(15, 91, 91);
width: 100px;
}
div#header {
color: rgb(15, 91, 91);
font-size: x-large;
background-color: rgb(134, 204, 204);
padding-left: 50px;
padding-right: 50px;
}
div#actionBar {
/*text-align: center;*/
width:100%;

}
.section > .title {
font-size: large;
color: rgb(15, 91, 91);
}
.spacedParagraph {
margin-bottom: 0.5em;
margin-top: 0.5em;
}
.subSection > .title {
font-size: large;
color: rgb(15, 91, 91);
}
span.autoArrow.glyphicon {
font-size: 0.75em;
margin-left: 1em;
}
.subSubSection > .title {
color: rgb(15, 91, 91);
font-size: larger;
padding-left: 2em;
/* margin-left: 2em; */
text-decoration: underline;
}
.subSection {
margin-top: 2em;
}
.quote {
font-style: italic;
font-weight: bold;
}

.inAction {
background-color: rgb(224, 250, 250);
border-radius: 2px;
}

div#footer {
background-color: rgb(134, 204, 204);
padding-top: 1em;
height: 8em;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}

.actionBarCollapse span{
	color: black;
	font-size: x-large;
}
.container {
	padding-left: 1px !important;
}
@media screen and (min-width: 970px) {
.actionBarCollapse{
	display: none;
}
}
@media screen and (max-width: 970px) {
	.actionBarCollapse {
		display: inherit;
	}
	#actionBar {
		display: none;
	}
}
@media screen and (max-width: 50em) {
	.hideOnLittleScreen {
		display: none !important;
	}
	#pagesContent {
		width: 100%;
	}
	#pages {
		border: none;
		padding: 0;
	}
	div#header {
		border: none;
		padding: 0;	
	}
	#logoCell {
		width: 100px;
	}
	#siteTitle{
		padding-left: 103px;
		padding-top: 14px;
		font-size: large;
	}
	#actionBar {
		display:none;
	}
}

@media screen and (min-width: 50em) {
	.showOnLittleScreen {
		display: none !important;
	}
}

@media screen and (min-width: 50em) {
	.leftColumn {
float: left;
width: calc(50% - 1em);
margin-right: 1em;
	}
	.rightColumn {
		float: right;
width: calc(50% - 1em);
margin-left: 1em;
	}
	#pages {
		border-right: 5em solid rgb(224, 250, 250);
		border-left: 5em solid rgb(224, 250, 250);
	}
}

@media screen and (min-width: 700px) {
	#pages {
		border-right: 0em solid rgb(224, 250, 250);
		border-left: 0em solid rgb(224, 250, 250);
	}
}

.littleSpaceBefore {
	margin-top: 3em;
}

.clearFix {
	clear: both;
}


.addressLine.cabinetName {
	display: inline;
}