.bjorkPanel { 
	position: fixed;
	z-index: 999998;
	top: 0;
	left: 0;
	height: 100%;	
	color: #b8b8b8;
	-webkit-box-shadow: 1px 0 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 1px 0 5px 0px rgba(0,0,0,0.3); box-shadow: 1px 0 5px 0px rgba(0,0,0,0.3);		
}
.bjorkPanel.rightsided { 
	right: 0; 
	left: auto; 
	-webkit-box-shadow: -1px 0 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: -1px 0 5px 0px rgba(0,0,0,0.3); box-shadow: -1px 0 5px 0px rgba(0,0,0,0.3);
}
.bjorkPanel .bjorkPanel-show-btn { display: none; }
.bjorkPanel .bjorkPanel-show-btn,
.bjorkPanel .bjorkPanel-hide-btn { 
	position: absolute; z-index: -1; margin-top: -28px; top: 50%; right: -12px; cursor: pointer;
	padding: 18px;
    padding-left: 7px;
    padding-right: 5px; 	
	-webkit-border-radius: 0 99px 99px 0; -moz-border-radius: 0 99px 99px 0; border-radius: 0 99px 99px 0;	
	-webkit-box-shadow: 3px 0 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 0 5px 0px rgba(0,0,0,0.3); box-shadow: 3px 0 5px 0px rgba(0,0,0,0.3);	
}
.bjorkPanel.rightsided .bjorkPanel-show-btn, 
.bjorkPanel.rightsided .bjorkPanel-hide-btn { 
	left: -12px; right: auto; 	
	-webkit-border-radius: 99px 0 0 99px; -moz-border-radius: 99px 0 0 99px; border-radius: 99px 0 0 99px;	
	-webkit-box-shadow: -3px 0 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: -3px 0 5px 0px rgba(0,0,0,0.3); box-shadow: -3px 0 5px 0px rgba(0,0,0,0.3);
}

.bjorkPanel .dot { background-color: #b8b8b8; width: 5px; height: 5px; margin-top: 3px; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; }
.bjorkPanel .dot:first-child { margin-top: 0; }
.bjorkPanel .bjorkPanel-show-btn:hover .dot, 
.bjorkPanel .bjorkPanel-hide-btn:hover .dot { background-color: #40B57C; }

.bjorkPanel,
.bjorkPanel .bjorkPanel-show-btn,
.bjorkPanel .bjorkPanel-hide-btn { background-color: #545454; }

.bjorkPanel .bjorPanel-window { 
	height: 100%;
	display: flex; -webkit-display: flex; -ms-display: flex;
	flex-direction: -webkit-column; flex-direction: column; -ms-flex-direction: column;
}
.bjorkPanel .bjorkPanel-content { 
	padding: 10px;
	flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto;	
	overflow-y:auto;
	overflow-x:auto;
}

.bjorkPanel .bjorkPanel-footer{ 
	padding: 10px;
	flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto;	
	-webkit-box-shadow: inset 0px 1px 0px 0px #75777B;
	-moz-box-shadow: inset 0px 1px 0px 0px #75777B;
	box-shadow: inset 0px 1px 0px 0px #75777B;	
}

.bjorkPanel .bjorkPanel-header{ 
	flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto;	
	-webkit-box-shadow: inset 0px -1px 0px 0px #75777B;
	-moz-box-shadow: inset 0px -1px 0px 0px #75777B;
	box-shadow: inset 0px -1px 0px 0px #75777B;	
}
.bjorkPanel .bjorkPanel-header ul { font-size: 0; list-style-type: none; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; }
.bjorkPanel .bjorkPanel-header li {
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	padding: 13px;	
}
.bjorkPanel .bjorkPanel-header li:hover {
	color: #0088d6;
	-webkit-box-shadow: inset 0px -3px 0px 0px #0088d6;
	-moz-box-shadow: inset 0px -3px 0px 0px #0088d6;
	box-shadow: inset 0px -3px 0px 0px rgba #0088d6;	
	cursor: pointer;
}
.bjorkPanel .bjorkPanel-header li.selected {
	color: #0088d6;
	-webkit-box-shadow: inset 0px -3px 0px 0px #0088d6;
	-moz-box-shadow: inset 0px -3px 0px 0px #0088d6;
	box-shadow: inset 0px -3px 0px 0px rgba #0088d6;
	cursor: pointer;
}












.bjork-checkbox { 
	display: inline-block; 
	padding: 3px 3px; 
	width: 46px; 
	border-width: 1px; 
	border-style: solid; 
	border-radius: 100px; 
	cursor: pointer; 
}
.bjork-checkbox div { 
	width: 18px; 
	height: 18px; 
	border-radius: 100px; 
}
.bjork-checkbox.checked div { 
	margin-left: 28px; 
}

.bjork-radio { 
	display: inline-block; 
	padding: 3px; 
	border-width: 1px; 
	border-style: solid; 
	border-radius: 100px; 
	cursor: pointer; 
}
.bjork-radio div { 
	width: 18px; 
	height: 18px; 
	border-radius: 100px; 
}


/* Colors */
.bjork-checkbox div, .bjork-checkbox.checked, .bjork-radio.checked div { 
	background-color: #1fb4f2; 
}
.bjork-checkbox.checked div { 
	background-color: #fff; 
}
.bjork-radio, .bjork-checkbox { 
	border-color: #1fb4f2; 
}


/* Section */
.bjor-section-topic { font-size: 14px; font-weight: bold; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px #ccc solid; cursor: pointer; }
.bjor-section-content { display: none; padding: 15px; padding-bottom: 30px; }
.bjor-section-topic .icon { margin-right: 5px; font-size: 13px; }