.wrapper {width:100vw; transition: .7s; position:relative; z-index:10; background:#fff;
-webkit-transform:translate3d(0vw,0vh,0);
transform:translate3d(0vw,0vh,0);
}

#modal-close,
.action-hidden {position:absolute; left:-9999px; display:none;}
.action-panel {display:inline-block; position:relative; cursor:pointer; font-size:2vmin; color:#fff; text-align:center; line-height: 10vh;}

label.modal-close	{
	margin:15px;
	cursor: hand;
}

/* ----------------------  Slide-in menu panel --------------------- */
.modal-right-slide {
	height:100%; 
	width:330px; 
	background:  #014c69;        /* rgb(232,213,181);    /* #e8d5b5;  */
	position:fixed; 
	right:-100%; 
	top:0; 
	transition: .5s; 
	z-index:1500;}

#modal-right-slide:checked ~ .modal-right-slide {right:0;}

.modal-overlay-close {display:block; width:100vw; height:0; position:fixed; left:0; top:0; background:rgba(0,0,0,0.5); transition: left 1s; z-index:100; cursor:pointer;}
.action-hidden:checked ~ .modal-overlay-close {height:100vh;}
#modal-right-fixed:checked ~ .modal-overlay-close {left:-40vw;}
#modal-left-fixed:checked ~ .modal-overlay-close {left:40vw;}

/* ----------------- Menu list styling  ----------------  */
	#menu	{
		width: 300px;
		margin-top: 0px;
		margin-left: -10px;
	}
	
	#menu ul, #menu ul ul	{
		background: transparent;
		border-radius: 0;
	}
	
	#menu ul li	{
		list-style-type: none;
/*		text-transform: uppercase;    */
	}
	
	#menu ul li a, #menu ul li a:link, #menu ul li a:visited 	{
		font-size: 1.1em;    /* 14px;    /*  */
		font-weight: bold;
		color: #ccc;      /* #333e62;  */
	}
	
	
/* Remove borders from each main menu item except for bottom separator  */
	.list-group-item, a.list-group-item 	{
		border-top: 0;		
		border-right: 0;
		border-left: 0;
		border-bottom: 1px solid #fff;      /* #ccc; */
		margin-bottom: 0;
		background-color: transparent;
		padding:6px;
	}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus	{
	background-color: transparent;     /*  #fff;   */
	border-bottom: #fff;
	cursor: hand;
}

.list-group-item:last-child {
	margin-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.list-group-item:last-child a:hover {
	color: #337ab7;
}
	
/* hide the sub levels */
	#menu ul ul 	{
		width: 300px;
		display:none;
		
	}
	
	#menu ul li ul li a:link	{
		text-align: right;
		border-bottom: 0;
	}

/* make the second level visible when click on first level  link  (hover commented out) */
	#menu ul li.active ul,    
	#menu ul a.active ul { 
		display: block;
		margin-top:0;
		margin-left: -40px;
		background: 
			}	   

#menu ul li.active span.badge	{
	 -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}


@media only screen and (max-width:480px) {
.wrapper p {font-size:3vmin;}
.action-panel {font-size:3vmin;}
h5 {font-size:3vmin;}

.modal-right-slide {
}
}