#doc_builder_left {
	width: 192px;
	float: left;
}

#doc_builder_left_inner {
	width: 192px;
	height: 100%;
	position: fixed;
	overflow-y: scroll;
}

.doc_builder_section {
	display: block;
	color: #F7F7F7;
}

.doc_builder_section_light {
	display: block;
	color: #272D37;
}

.doc_builder_separator {
	border-bottom: 1px solid #313744;
	height: 1px;
}

.doc_builder_separator_light {
	border-bottom: 1px solid #F3F2EF;
	height: 1px;
}

.doc_builder_separator_med_light {
	border-bottom: 1px solid #e9e9e9;
	height: 1px;
}

.doc_builder_live_section {
	padding-left: 24px;
	border-left:  #4ba9df 5px solid;
	color: #166ea2; 
}

#doc_builder_right {
	width: calc(100% - 192px);
	float: right;
	border-left: 1px solid #dfe0dc;
}

.inverted {
	-webkit-transform: scaleY(-1);
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
	
	filter: FlipV;
	-ms-filter: "FlipV";
}

#container_alt_key .show_currency {
	padding: 7px 10px 8px 10px;
	border-right: #e4e6db 1px solid;
	color: #999;
}

/*
.columns_wrapper {overflow: hidden; min-height: 600px;}
.columns_same_height {
	padding-bottom: 10000%;
    margin-bottom: -10000%;
}
*/

@media screen and (max-width: 800px) {

	#doc_builder_left, #doc_builder_left_inner { width: 160px; }
	#doc_builder_right { width: calc(100% - 160px);}
	
}


@media screen and (max-width: 548px) {

	#doc_builder_left { display: none;}
	#doc_builder_right {
	width: 100%;
	float: none;
	border: none;
	}
	
	
}

@media screen and (max-height: 450px) {

	#doc_builder_left { display: none;}
	#doc_builder_right {
	width: 100%;
	float: none;
	border: none;
	}
	
	
}