*{
	margin:0;
	padding:0;
	border:none;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
html, body, #sidebar, #content{
	height:100%;
}
body{
	font-size:0;
}
#sidebar, #content{
	display:inline-block;
	vertical-align:top;
	font-size:16px;
}
#content{
	overflow:auto;
	width:calc(100% - 50px);
}
.selected{
	outline:2px solid #C00;
}
#content.selected{
	outline:0;
}
#sidebar{
	position:relative;
	z-index:1;
	width:50px;
	background:#efefef;
	border-right:1px solid #ccc;
}
#sidebar .logo{
	width:30px;
	height:30px;
	margin:10px 10px 5px;
	background:url(../bdlogo.png) no-repeat center;
	background-size:30px;
}
#sidebar button{
	width:30px;
	height:30px;
	margin:10px;
	font-size:30px;
	line-height:1;
	border-radius:3px;
	color:#337ab7;
	display:block;
	background:none;
	
}
.custom-column, .html-import-wrapper, .html-show-wrapper {
	display:inline-block;
	white-space:nowrap;
}
.custom-column:not([disabled]):hover{
	font-size:0;
}
#sidebar .custom-column button{
	display:inline-block;
	vertical-align:top;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
	margin:0 10px;
	line-height:28px;
}
#selectBar{
	display:none;
	position:relative;
	width:360px;
	height:30px;
	font-size:22px;
	background:#ddd;
}
.custom-column:not([disabled]):hover #selectBar{
	display:inline-block;
}
#sidebar #selectBar input{
	display:inline-block;
	vertical-align:top;
	width:30px;
	height:30px;
	margin:0;
	border:2px solid #ddd;
	border-radius:6px;
	font-size:16px;
	line-height:21px;
	text-align:center;
	background:#ddd;
}
#sidebar #selectBar:hover input{
	background:#C00;
	border:2px solid #ddd;
	color:#fff;
}
#sidebar #selectBar:hover input:hover ~ input{
	background:#ddd;
	border:2px solid #ddd;
	color:#337ab7;
}
.menu-horizonal ul{
	font-size:0;
}
.menu-horizonal li{
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	padding:10px;
}
.container{
	background:#efefef;
	min-height:50px;
}
.row{
	background:#ccc;
	min-height:50px;
}
[class^="col-md"]{
	min-height:50px;
}
[class^="col-md"]:hover:before{
	content:attr(class);
	position:absolute;
	padding:5px;
	background:#fff;
	color:#000;
	font-size:14px;
}
[class^="col-md"]:nth-child(odd){
	background:#00d7d7;
}
[class^="col-md"]:nth-child(even){
	background:#00a3f0;
}
#sidebar .html-import-wrapper > button, #sidebar .html-show-wrapper > button{
	display: inline-block;
	vertical-align: top;
	margin-top:0;
}
#sidebar .html-show-wrapper > button{
	margin-bottom:0;
}
.html-import, .html-show{
	display: none;
}
.html-import.open, .html-show.open{
	display: inline-block;
}
#sidebar .html-import > a{
	display: inline-block;
	margin:0;
}
.html-import textarea, .html-show textarea{
	border:1px solid #ccc;
	width:500px;
	height:300px;
	padding:5px;
	line-height: 29px;
	resize:none;
}
.notification{
	color:#C00;
	display: block;
}