.topbar{
	position: fixed;
	width: 100vw;
	height: 50px;
	background: #333;
	padding:6px;
}
.topbar h1 {
	float: left;
	display: inline-block;
	color:#ddd;
	margin:0;

}
.topbar .login {
	float: right;
	padding-top: 8px;
}
.topbar .login a {
	text-decoration: none;
	color:#ddd;

}
.leftnav{
	position: fixed;
	width: 20vw;
	height: calc(100vh - 50px);
	background: #ddd;
	top:50px;
	left:0;
	overflow-y: auto;
}
.leftnav .application_item_wrapper {
    cursor: pointer;
	border-bottom: 1px black solid;
}
.leftnav .application_item_wrapper .label {
    padding: 15px;
    color: #425;
	width:80%;
	display: inline-block;
}
.leftnav .application_item_wrapper .arrow {
    display: inline-block;
    width: 20%;
    text-align: right;
    padding: 15px;
}
.leftnav .application_item_wrapper.closed .page_item{
    display:none;
}
.leftnav .application_item_wrapper .page_item {
    width: calc(100% - 45px);
    padding: 5px 0 5px 15px;
	margin: 0 15px 0 15px;
    border-top: 1px dashed;
}
.maincontent{
	position: fixed;
	width: 80vw;
	height: calc(100vh - 50px);
	background: #eee;
	top:50px;
	left:20vw;
	padding: 15px;
	overflow-y: auto;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
    text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:before {
    content: '★ ';
}

.rating > input:checked ~ label {
    color: #f70;
    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}

.rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}

.width-100 {
	width:100%;
}
.nav.nav-pills li{
	cursor: pointer;
}


.panel-title a .rating {
float:right;
width:20%;
}
.panel-title a .title {
float:left;
width:60%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.panel-title a .org {
float:left;
width:20%;
}
.page_item a {
	display:inline-block;
	width: 100%;
}