.Sidebar
{
	height:100%; 
	position: fixed;
	color: white;
	width: 235px;
	overflow-y: scroll;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none;  /* IE 10+ */
}

.Sidebar::-webkit-scrollbar /* WebKit */
{ 
    width: 0;
    height: 0;
}

.Sidebar a
{
	text-decoration: none;
}

.SidebarLogo
{
	padding-top:1em;
}

.SidebarBlank
{
	padding-top:149px;
}

.SidebarFooter
{
	padding:5px;
	background-color:rgba(0,0,0,.8);
	border-top:2px solid;
	border-color:#FFFFFF;
	border-top-right-radius: 2em;
	color: white;
	position: absolute;
	bottom: 0px;
	width: 225px; /*10px smaller than .Sidebar*/
	overflow: hidden;
}
.SidebarFooter span
{
	color: white;
}

.SidebarGroup 
{
 margin-top: 10px;
 border-top-right-radius: 3em;
 border-bottom-right-radius: 3em;
 font-size:14px;
 font-family:arial, helvetica, sans-serif;
 padding: 10px 10px 10px 10px;
 text-decoration:none;
 display:block;
 font-weight:bold;
 color: #FFFFFF;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#494949+0,2d2d2d+37,1d1d1d+81,0c0c0c+100&0.55+0,1+100 */
background: -moz-linear-gradient(top, rgba(71,153,73,0.55) 0%, rgba(0,138,2,0.72) 37%, rgba(0,88,1,0.92) 81%, rgba(0,36,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(71,153,73,0.55) 0%,rgba(0,138,2,0.72) 37%,rgba(0,88,1,0.92) 81%,rgba(0,36,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(71,153,73,0.55) 0%,rgba(0,138,2,0.72) 37%,rgba(0,88,1,0.92) 81%,rgba(0,36,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c479949', endColorstr='#002400',GradientType=0 ); /* IE6-9 */

 text-overflow: hidden;
 white-space: nowrap;
}

.SidebarGroup:hover
{
background: -moz-linear-gradient(top, rgba(46,100,47,0.55) 0%, rgba(0,90,2,0.72) 37%, rgba(0,58,1,0.92) 81%, rgba(0,24,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(46,100,47,0.55) 0%,rgba(0,90,2,0.72) 37%,rgba(0,58,1,0.92) 81%,rgba(0,24,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(46,100,47,0.55) 0%,rgba(0,90,2,0.72) 37%,rgba(0,58,1,0.92) 81%,rgba(0,24,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c2e642f', endColorstr='#001800',GradientType=0 ); /* IE6-9 */

 text-overflow: hidden;
 white-space: nowrap;
}

.SidebarGroupActive
{
 margin-top: 10px;
 border-top-right-radius: 3em;
 border-bottom-right-radius: 3em;
 font-size:14px;
 font-family:arial, helvetica, sans-serif;
 padding: 10px 10px 10px 10px;
 text-decoration:none;
 display:block;
 font-weight:bold;
 color: #FFFFFF;

background: -moz-linear-gradient(top, rgba(112,112,112,0.55) 0%, rgba(69,69,69,0.72) 37%, rgba(44,44,44,0.92) 81%, rgba(18,18,18,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(112,112,112,0.55) 0%,rgba(69,69,69,0.72) 37%,rgba(44,44,44,0.92) 81%,rgba(18,18,18,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(112,112,112,0.55) 0%,rgba(69,69,69,0.72) 37%,rgba(44,44,44,0.92) 81%,rgba(18,18,18,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c707070', endColorstr='#121212',GradientType=0 ); /* IE6-9 */

 text-overflow: hidden;
 white-space: nowrap;
}

.SidebarGroupActive:hover
{

background: -moz-linear-gradient(top, rgba(73,73,73,0.55) 0%, rgba(45,45,45,0.72) 37%, rgba(29,29,29,0.92) 81%, rgba(12,12,12,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(73,73,73,0.55) 0%,rgba(45,45,45,0.72) 37%,rgba(29,29,29,0.92) 81%,rgba(12,12,12,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(73,73,73,0.55) 0%,rgba(45,45,45,0.72) 37%,rgba(29,29,29,0.92) 81%,rgba(12,12,12,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c494949', endColorstr='#0c0c0c',GradientType=0 ); /* IE6-9 */

 text-overflow: hidden;
 white-space: nowrap;
}

.Sidebar-Shifted
{
 margin-left:235px; /*Same size as .Sidebar*/
 padding:10px;
}

.Sidebar-AdminSelect
{
 background-image:
    linear-gradient(45deg, transparent 50%, white 50%),
    linear-gradient(135deg, white 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc); 
 background-color: transparent;
 color: white;
 background-position:
    calc(100% - 20px) calc(.5em + 2px), 
    calc(100% - 15px) calc(.5em + 2px), 
    calc(100% - 2.5em) 0.2em;
 background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
 background-repeat: no-repeat;

/* styling */
 border: none;
 display: inline-block;                 
 font: inherit;
 line-height: 1.5em;
 padding: 0.0em 3.3em 0.0em 0em;

 margin: 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-appearance: none;
 -moz-appearance: none;
}

.Sidebar-AdminSelect::-ms-expand {
    display: none;
}

.Sidebar-AdminSelect:focus {
  background: black;
}
