body {
	
	margin: 0;
	font-family: 'Lato', sans-serif;
	    overflow: hidden;
}

a {
	color: #1c8bbb;
	text-decoration: none;
}


.header {
	
	background: #232a2d;
	height: 54px;
	
}

.header img{
	
	
}

.header .navigation{
	float: right;
	text-align: right;
	line-height: 54px;
	margin-right: 20px;
}

.header .navigation a {
	margin-left: 10px;
	display: inline-block;
	font-size: 13px;
}



.subheader {
	background: #f5f5f5;
	border-bottom: 1px solid #ccc;
	padding: 20px 10px 20px 20px;
}



.subheader:after {
  content: "";
  display: table;
  clear: both;
} 

.subheader .school {
	float: left;
}

.subheader #school {
	font-size: 26px;
	
}

.subheader #activity {
	font-size: 13px;
	
}


.subheader #status {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #1bbb9b;
	
}


.subheader .search {
	float:right;
	text-align: right;
	margin-right: 10px;
}

.subheader .search a {
	padding: 0 10px;
	  opacity: .8;
}

.subheader .search input {
	
	border: none;
	  outline: none;
	  width: 200px;
	  font-size: 13px;
	  font-style: italic;
	  font-family: 'Lato', sans-serif;
	  padding: 10px 10px;
	  border: 1px solid #E7E7E7;
	  margin-right: 20px;
}


.content:after {
	content: "";
	display: table;
	clear: both;
	
}

.content .folders {
	width: 50%;
	float: left;
}


.content .documents {
	width: 50%;
	float: right;
	height: 100%;
}




.folder {
	float: left;
	text-align: center;
	padding: 20px 30px;
	width: 25%;
	box-sizing: border-box;
	font-size: 12px;
}


.folder img {
	width: 100%;
}


.content .document {
	float: right;
	text-align: center;
	padding: 20px;
	width: 16.6666666666%;
	box-sizing: border-box;
	font-size: 12px;
	color: #999;
}


.content .document img {
	
	display: block;
	width: 100%;
}






/*modal*/ 

.cover {
	background: rgba(0,0,0,.8);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.feeds {
	position: fixed;
	right: 10px;
	top: 10px;
	color: #fff;
	font-size: 13px;
}

.feed {
	width: 300px;
	float: right;
	margin-right: 20px;
}
.feed input {
}

.feed .copy {
padding: 10px;
}

.feed .copy span {
	font-weight: 700;
}

.feed .knob {
	float: left;
	margin-right: 10px;
}